From d320b5dd1dc5ac0ba48b9f839a1503d8cddd1f5f Mon Sep 17 00:00:00 2001
From: McShelby <McShelby@users.noreply.github.com>
Date: Sun, 5 Jun 2022 17:32:37 +0000
Subject: [PATCH] deploy: 8551ee2738c5c477bc755907809b2af6b743ba8a

---
 404.html                                      |   26 +-
 _print/basics/changelog/index.html            |   42 +-
 _print/cont/archetypes/index.html             |   42 +-
 _print/cont/icons/index.html                  |   42 +-
 _print/cont/markdown/index.html               |   42 +-
 _print/cont/menushortcuts/index.html          |   42 +-
 _print/cont/syntaxhighlight/index.html        |   42 +-
 _print/cont/tags/index.html                   |   42 +-
 _print/index.html                             | 1136 ++++++++--------
 _print/shortcodes/attachments/index.html      |  106 +-
 _print/shortcodes/button/index.html           |  107 +-
 .../children/children-3/test3/index.html      |   42 +-
 _print/shortcodes/children/test/index.html    |   42 +-
 _print/shortcodes/expand/index.html           |  246 ++--
 _print/shortcodes/include/index.html          |  129 +-
 _print/shortcodes/include_me/index.html       |   42 +-
 _print/shortcodes/mermaid/index.html          |  380 +++---
 _print/shortcodes/notice/index.html           |   66 +-
 _print/shortcodes/siteparam/index.html        |  118 +-
 _print/shortcodes/tabs/index.html             |  260 ++--
 _print/yours/1/index.html                     |   42 +-
 _print/yours/10/index.html                    |   42 +-
 _print/yours/11.de/index.html                 |   42 +-
 _print/yours/12.de/index.html                 |   42 +-
 _print/yours/13.de/index.html                 |   42 +-
 _print/yours/14.de/index.html                 |   42 +-
 _print/yours/15.de/index.html                 |   42 +-
 _print/yours/16.de/index.html                 |   42 +-
 _print/yours/17.de/index.html                 |   42 +-
 _print/yours/18.de/index.html                 |   42 +-
 _print/yours/19.de/index.html                 |   42 +-
 _print/yours/2/index.html                     |   42 +-
 _print/yours/20.de/index.html                 |   42 +-
 _print/yours/21.de/index.html                 |   42 +-
 _print/yours/22.de/index.html                 |   42 +-
 _print/yours/23.de/index.html                 |   42 +-
 _print/yours/24.de/index.html                 |   42 +-
 _print/yours/25.de/index.html                 |   42 +-
 _print/yours/26.de/index.html                 |   42 +-
 _print/yours/27.de/index.html                 |   42 +-
 _print/yours/28.de/index.html                 |   42 +-
 _print/yours/29.de/index.html                 |   42 +-
 _print/yours/3/index.html                     |   42 +-
 _print/yours/30.de/index.html                 |   42 +-
 _print/yours/4/index.html                     |   42 +-
 _print/yours/5/index.html                     |   42 +-
 _print/yours/6/index.html                     |   42 +-
 _print/yours/7/index.html                     |   42 +-
 _print/yours/8/index.html                     |   42 +-
 _print/yours/9/index.html                     |   42 +-
 basics/_print/index.html                      |   52 +-
 basics/changelog/index.html                   |   42 +-
 basics/configuration/_print/index.html        |   42 +-
 basics/configuration/index.html               |   42 +-
 basics/customization/_print/index.html        |   42 +-
 basics/customization/index.html               |   42 +-
 basics/generator/_print/index.html            |   46 +-
 basics/generator/index.html                   |   46 +-
 basics/history/_print/index.html              |   42 +-
 basics/history/index.html                     |   42 +-
 basics/index.html                             |   42 +-
 basics/installation/_print/index.html         |   42 +-
 basics/installation/index.html                |   42 +-
 basics/migration/_print/index.html            |   48 +-
 basics/migration/index.html                   |   48 +-
 basics/requirements/_print/index.html         |   42 +-
 basics/requirements/index.html                |   42 +-
 categories/index.html                         |   42 +-
 cont/_print/index.html                        |   42 +-
 cont/archetypes/index.html                    |   42 +-
 cont/i18n/_print/index.html                   |   42 +-
 cont/i18n/index.html                          |   42 +-
 cont/icons/index.html                         |   42 +-
 cont/index.html                               |   42 +-
 cont/markdown/index.html                      |   42 +-
 cont/menushortcuts/index.html                 |   42 +-
 cont/pages/_print/index.html                  |   42 +-
 cont/pages/index.html                         |   42 +-
 cont/syntaxhighlight/index.html               |   42 +-
 cont/tags/index.html                          |   42 +-
 index.html                                    |   42 +-
 index.json                                    |   36 +-
 more/credits/_print/index.html                |   42 +-
 more/credits/index.html                       |   42 +-
 more/showcase/_print/index.html               |   42 +-
 more/showcase/index.html                      |   42 +-
 pir/404.html                                  |   26 +-
 pir/_print/cont/archetypes/index.html         |   42 +-
 pir/_print/cont/icons/index.html              |   42 +-
 pir/_print/cont/markdown/index.html           |   42 +-
 pir/_print/cont/menushortcuts/index.html      |   42 +-
 pir/_print/cont/syntaxhighlight/index.html    |   42 +-
 pir/_print/cont/tags/index.html               |   42 +-
 pir/_print/index.html                         | 1144 +++++++++--------
 pir/_print/shortcodes/attachments/index.html  |  100 +-
 pir/_print/shortcodes/button/index.html       |  107 +-
 .../children/children-3/test3/index.html      |   42 +-
 .../shortcodes/children/test/index.html       |   42 +-
 pir/_print/shortcodes/expand/index.html       |  232 ++--
 pir/_print/shortcodes/include/index.html      |  119 +-
 pir/_print/shortcodes/mermaid/index.html      |  353 ++---
 pir/_print/shortcodes/notice/index.html       |   66 +-
 pir/_print/shortcodes/siteparam/index.html    |  104 +-
 pir/_print/shortcodes/tabs/index.html         |  245 ++--
 pir/_print/yours/1/index.html                 |   42 +-
 pir/_print/yours/10/index.html                |   42 +-
 pir/_print/yours/2/index.html                 |   42 +-
 pir/_print/yours/3/index.html                 |   42 +-
 pir/_print/yours/4/index.html                 |   42 +-
 pir/_print/yours/5/index.html                 |   42 +-
 pir/_print/yours/6/index.html                 |   42 +-
 pir/_print/yours/7/index.html                 |   42 +-
 pir/_print/yours/8/index.html                 |   42 +-
 pir/_print/yours/9/index.html                 |   42 +-
 pir/basics/_print/index.html                  |   48 +-
 pir/basics/configuration/_print/index.html    |   42 +-
 pir/basics/configuration/index.html           |   42 +-
 pir/basics/customization/_print/index.html    |   42 +-
 pir/basics/customization/index.html           |   42 +-
 pir/basics/generator/_print/index.html        |   42 +-
 pir/basics/generator/index.html               |   42 +-
 pir/basics/history/_print/index.html          |   42 +-
 pir/basics/history/index.html                 |   42 +-
 pir/basics/index.html                         |   42 +-
 pir/basics/installation/_print/index.html     |   42 +-
 pir/basics/installation/index.html            |   42 +-
 pir/basics/migration/_print/index.html        |   48 +-
 pir/basics/migration/index.html               |   48 +-
 pir/basics/requirements/_print/index.html     |   42 +-
 pir/basics/requirements/index.html            |   42 +-
 pir/categories/index.html                     |   42 +-
 pir/cont/_print/index.html                    |   42 +-
 pir/cont/archetypes/index.html                |   42 +-
 pir/cont/i18n/_print/index.html               |   42 +-
 pir/cont/i18n/index.html                      |   42 +-
 pir/cont/icons/index.html                     |   42 +-
 pir/cont/index.html                           |   42 +-
 pir/cont/markdown/index.html                  |   42 +-
 pir/cont/menushortcuts/index.html             |   42 +-
 pir/cont/pages/_print/index.html              |   42 +-
 pir/cont/pages/index.html                     |   42 +-
 pir/cont/syntaxhighlight/index.html           |   42 +-
 pir/cont/tags/index.html                      |   42 +-
 pir/index.html                                |   42 +-
 pir/index.json                                |   24 +-
 pir/more/credits/_print/index.html            |   42 +-
 pir/more/credits/index.html                   |   42 +-
 pir/more/showcase/_print/index.html           |   42 +-
 pir/more/showcase/index.html                  |   42 +-
 pir/shortcodes/_print/index.html              | 1138 ++++++++--------
 pir/shortcodes/attachments/index.html         |  100 +-
 pir/shortcodes/button/index.html              |  107 +-
 pir/shortcodes/children/_print/index.html     |  103 +-
 .../children/children-1/_print/index.html     |   42 +-
 .../children-1/children-1-1/_print/index.html |   42 +-
 .../children-1-1-1/_print/index.html          |   42 +-
 .../children-1-1-1-1/_print/index.html        |   42 +-
 .../children-1-1-1-1-1/_print/index.html      |   42 +-
 .../children-1-1-1-1-1-1/_print/index.html    |   42 +-
 .../children-1-1-1-1-1-1/index.html           |   42 +-
 .../children-1-1-1-1-1/index.html             |   42 +-
 .../children-1-1-1-1/index.html               |   42 +-
 .../children-1-1/children-1-1-1/index.html    |   42 +-
 .../children-1-1-2/_print/index.html          |   42 +-
 .../children-1-1-2-1/_print/index.html        |   42 +-
 .../children-1-1-2-1/index.html               |   42 +-
 .../children-1-1-2-2/_print/index.html        |   42 +-
 .../children-1-1-2-2/index.html               |   42 +-
 .../children-1-1/children-1-1-2/index.html    |   42 +-
 .../children-1-1-3/_print/index.html          |   42 +-
 .../children-1-1/children-1-1-3/index.html    |   42 +-
 .../children-1/children-1-1/index.html        |   42 +-
 pir/shortcodes/children/children-1/index.html |   42 +-
 .../children/children-2/_print/index.html     |   42 +-
 pir/shortcodes/children/children-2/index.html |   42 +-
 .../children/children-3/_print/index.html     |   42 +-
 pir/shortcodes/children/children-3/index.html |   42 +-
 .../children/children-3/test3/index.html      |   42 +-
 .../children/children-4/_print/index.html     |   42 +-
 pir/shortcodes/children/children-4/index.html |   42 +-
 pir/shortcodes/children/index.html            |  103 +-
 pir/shortcodes/children/test/index.html       |   42 +-
 pir/shortcodes/expand/index.html              |  232 ++--
 pir/shortcodes/include/index.html             |  119 +-
 pir/shortcodes/index.html                     |   54 +-
 pir/shortcodes/index.xml                      |   37 +-
 pir/shortcodes/mermaid/index.html             |  353 ++---
 pir/shortcodes/notice/index.html              |   66 +-
 pir/shortcodes/siteparam/index.html           |  104 +-
 pir/shortcodes/swagger/_print/index.html      |   75 +-
 pir/shortcodes/swagger/index.html             |   75 +-
 pir/shortcodes/tabs/index.html                |  245 ++--
 pir/tags/children/index.html                  |   42 +-
 pir/tags/documentatn/index.html               |   42 +-
 pir/tags/hidden/index.html                    |   42 +-
 pir/tags/index.html                           |   42 +-
 pir/tags/non-hidden/index.html                |   42 +-
 pir/tags/tutorrrial/index.html                |   42 +-
 pir/tests/_print/index.html                   |   42 +-
 pir/tests/code/_print/index.html              |   42 +-
 pir/tests/code/index.html                     |   42 +-
 pir/tests/images/_print/index.html            |   42 +-
 pir/tests/images/index.html                   |   42 +-
 pir/tests/index.html                          |   42 +-
 pir/tests/links/_print/index.html             |   42 +-
 pir/tests/links/index.html                    |   42 +-
 pir/yours/1/index.html                        |   42 +-
 pir/yours/10/index.html                       |   42 +-
 pir/yours/2/index.html                        |   42 +-
 pir/yours/3/index.html                        |   42 +-
 pir/yours/4/index.html                        |   42 +-
 pir/yours/5/index.html                        |   42 +-
 pir/yours/6/index.html                        |   42 +-
 pir/yours/7/index.html                        |   42 +-
 pir/yours/8/index.html                        |   42 +-
 pir/yours/9/index.html                        |   42 +-
 pir/yours/_print/index.html                   |   42 +-
 pir/yours/children-1/_print/index.html        |   42 +-
 pir/yours/children-1/index.html               |   42 +-
 pir/yours/index.html                          |   42 +-
 shortcodes/_print/index.html                  | 1130 ++++++++--------
 shortcodes/attachments/index.html             |  106 +-
 shortcodes/button/index.html                  |  107 +-
 shortcodes/children/_print/index.html         |  119 +-
 .../children/children-1/_print/index.html     |   42 +-
 .../children-1/children-1-1/_print/index.html |   42 +-
 .../children-1-1-1/_print/index.html          |   42 +-
 .../children-1-1-1-1/_print/index.html        |   42 +-
 .../children-1-1-1-1-1/_print/index.html      |   42 +-
 .../children-1-1-1-1-1-1/_print/index.html    |   42 +-
 .../children-1-1-1-1-1-1/index.html           |   42 +-
 .../children-1-1-1-1-1/index.html             |   42 +-
 .../children-1-1-1-1/index.html               |   42 +-
 .../children-1-1/children-1-1-1/index.html    |   42 +-
 .../children-1-1-2/_print/index.html          |   42 +-
 .../children-1-1-2-1/_print/index.html        |   42 +-
 .../children-1-1-2-1/index.html               |   42 +-
 .../children-1-1-2-2/_print/index.html        |   42 +-
 .../children-1-1-2-2/index.html               |   42 +-
 .../children-1-1/children-1-1-2/index.html    |   42 +-
 .../children-1-1-3/_print/index.html          |   42 +-
 .../children-1-1/children-1-1-3/index.html    |   42 +-
 .../children-1/children-1-1/index.html        |   42 +-
 shortcodes/children/children-1/index.html     |   42 +-
 .../children/children-2/_print/index.html     |   42 +-
 shortcodes/children/children-2/index.html     |   42 +-
 .../children/children-3/_print/index.html     |   42 +-
 shortcodes/children/children-3/index.html     |   42 +-
 .../children/children-3/test3/index.html      |   42 +-
 .../children/children-4/_print/index.html     |   42 +-
 shortcodes/children/children-4/index.html     |   42 +-
 shortcodes/children/index.html                |  119 +-
 shortcodes/children/test/index.html           |   42 +-
 shortcodes/expand/index.html                  |  246 ++--
 shortcodes/include/index.html                 |  129 +-
 shortcodes/include_me/index.html              |   42 +-
 shortcodes/index.html                         |   54 +-
 shortcodes/index.xml                          |   51 +-
 shortcodes/mermaid/index.html                 |  380 +++---
 shortcodes/notice/index.html                  |   66 +-
 shortcodes/siteparam/index.html               |  118 +-
 shortcodes/swagger/_print/index.html          |   95 +-
 shortcodes/swagger/index.html                 |   95 +-
 shortcodes/tabs/index.html                    |  260 ++--
 tags/children/index.html                      |   42 +-
 tags/documentation/index.html                 |   42 +-
 tags/hidden/index.html                        |   42 +-
 tags/index.html                               |   42 +-
 tags/non-hidden/index.html                    |   42 +-
 tags/tutorial/index.html                      |   42 +-
 tests/_print/index.html                       |   42 +-
 tests/code/_print/index.html                  |   42 +-
 tests/code/index.html                         |   42 +-
 tests/images/_print/index.html                |   42 +-
 tests/images/index.html                       |   42 +-
 tests/index.html                              |   42 +-
 tests/links/_print/index.html                 |   42 +-
 tests/links/index.html                        |   42 +-
 yours/1/index.html                            |   42 +-
 yours/10/index.html                           |   42 +-
 yours/11.de/index.html                        |   42 +-
 yours/12.de/index.html                        |   42 +-
 yours/13.de/index.html                        |   42 +-
 yours/14.de/index.html                        |   42 +-
 yours/15.de/index.html                        |   42 +-
 yours/16.de/index.html                        |   42 +-
 yours/17.de/index.html                        |   42 +-
 yours/18.de/index.html                        |   42 +-
 yours/19.de/index.html                        |   42 +-
 yours/2/index.html                            |   42 +-
 yours/20.de/index.html                        |   42 +-
 yours/21.de/index.html                        |   42 +-
 yours/22.de/index.html                        |   42 +-
 yours/23.de/index.html                        |   42 +-
 yours/24.de/index.html                        |   42 +-
 yours/25.de/index.html                        |   42 +-
 yours/26.de/index.html                        |   42 +-
 yours/27.de/index.html                        |   42 +-
 yours/28.de/index.html                        |   42 +-
 yours/29.de/index.html                        |   42 +-
 yours/3/index.html                            |   42 +-
 yours/30.de/index.html                        |   42 +-
 yours/4/index.html                            |   42 +-
 yours/5/index.html                            |   42 +-
 yours/6/index.html                            |   42 +-
 yours/7/index.html                            |   42 +-
 yours/8/index.html                            |   42 +-
 yours/9/index.html                            |   42 +-
 yours/_print/index.html                       |   42 +-
 yours/children-1/_print/index.html            |   42 +-
 yours/children-1/index.html                   |   42 +-
 yours/index.html                              |   42 +-
 312 files changed, 11522 insertions(+), 10562 deletions(-)

diff --git a/404.html b/404.html
index 339569330a..c153857525 100644
--- a/404.html
+++ b/404.html
@@ -9,18 +9,18 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/_print/basics/changelog/index.html b/_print/basics/changelog/index.html
index 79e4307cb3..da3bb63683 100644
--- a/_print/basics/changelog/index.html
+++ b/_print/basics/changelog/index.html
@@ -9,18 +9,18 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/changelog/">
     <div id="body" class="default-animation">
@@ -380,9 +380,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -493,13 +493,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/cont/archetypes/index.html b/_print/cont/archetypes/index.html
index 3b87512cf8..dba8caed85 100644
--- a/_print/cont/archetypes/index.html
+++ b/_print/cont/archetypes/index.html
@@ -10,18 +10,18 @@
     <title>Archetypes :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/archetypes/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/archetypes/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/archetypes/">
     <div id="body" class="default-animation">
@@ -198,9 +198,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,13 +312,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/cont/icons/index.html b/_print/cont/icons/index.html
index db3356e251..126e89b57d 100644
--- a/_print/cont/icons/index.html
+++ b/_print/cont/icons/index.html
@@ -10,18 +10,18 @@
     <title>Icons and logos :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/icons/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/icons/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/icons/">
     <div id="body" class="default-animation">
@@ -189,9 +189,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,13 +303,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/cont/markdown/index.html b/_print/cont/markdown/index.html
index 43e9942a5a..e1cdb2118a 100644
--- a/_print/cont/markdown/index.html
+++ b/_print/cont/markdown/index.html
@@ -10,18 +10,18 @@
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/markdown/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/markdown/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/markdown/">
     <div id="body" class="default-animation">
@@ -712,9 +712,9 @@ line 3 of code
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -826,13 +826,13 @@ line 3 of code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/cont/menushortcuts/index.html b/_print/cont/menushortcuts/index.html
index 4a33e257c2..70167e3d83 100644
--- a/_print/cont/menushortcuts/index.html
+++ b/_print/cont/menushortcuts/index.html
@@ -10,18 +10,18 @@
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/menushortcuts/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/menushortcuts/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/menushortcuts/">
     <div id="body" class="default-animation">
@@ -276,9 +276,9 @@ However, if you want to keep the title but change its value, it can be overriden
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -390,13 +390,13 @@ However, if you want to keep the title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/cont/syntaxhighlight/index.html b/_print/cont/syntaxhighlight/index.html
index 41daf89c62..47574ee422 100644
--- a/_print/cont/syntaxhighlight/index.html
+++ b/_print/cont/syntaxhighlight/index.html
@@ -10,18 +10,18 @@
     <title>Code highlighting :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/syntaxhighlight/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/syntaxhighlight/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
@@ -214,9 +214,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/cont/tags/index.html b/_print/cont/tags/index.html
index 375278f985..bb33329a0c 100644
--- a/_print/cont/tags/index.html
+++ b/_print/cont/tags/index.html
@@ -10,18 +10,18 @@
     <title>Tags :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/tags/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/tags/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/tags/">
     <div id="body" class="default-animation">
@@ -190,9 +190,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -304,13 +304,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/index.html b/_print/index.html
index 74705539d4..16f0ae9465 100644
--- a/_print/index.html
+++ b/_print/index.html
@@ -10,18 +10,18 @@
     <title>Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/">
     <div id="body" class="default-animation">
@@ -179,7 +179,8 @@
 <p><strong>Breaking</strong>: Because anchor hover color was not configurable without introducing more complexitity to the variant stylesheets, we decided to remove <code>--MAIN-ANCHOR-color</code> instead. You don&rsquo;t need to change anything in your custom color stylesheet as the anchors now get their colors from <code>--MAIN-LINK-color</code> and <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> shortcode can now be used with named parameters. The old positional parameters are still supported, so you don&rsquo;t need to change anything in your installation.</p>
+<p><strong>New</strong>: All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don&rsquo;t need to change anything in your installation.</p>
+<p>This applies to <a href="/hugo-theme-relearn/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> and <a href="/hugo-theme-relearn/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/button/"><code>button</code></a> shortcode received some love and now has a parameter for the color style similar to other shortcodes.</p>
@@ -188,6 +189,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> and <code>--SECONDARY-color</code> were added to provide easier modification of your custom style. Shortcodes with a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors are the default for other, more specific color variables. You don&rsquo;t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: The documentation for all shortcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -2206,15 +2210,15 @@ However, if you want to keep the title but change its value, it can be overriden
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/expand/" >Expand</a></h2>
-<p>Displays an expandable/collapsible section of text on your page</p>
+<p>Expandable/collapsible sections of text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/include/" >Include</a></h2>
-<p>Displays content from other Markdown files</p>
+<p>Displays content from other files</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/mermaid/" >Mermaid</a></h2>
-<p>Generation of diagram and flowchart from text in a similar manner as Markdown</p>
+<p>Generate diagrams and flowcharts from text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/notice/" >Notice</a></h2>
@@ -2222,15 +2226,15 @@ However, if you want to keep the title but change its value, it can be overriden
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/siteparam/" >Site param</a></h2>
-<p>Get value of site params variables in your page</p>
+<p>Get value of site params</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/swagger/" >Swagger</a></h2>
-<p>Adds UI for your Swagger / OpenAPI Specifications</p>
+<p>UI for your Swagger / OpenAPI Specifications</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/tabs/" >Tabbed views</a></h2>
-<p>Synchronize selection of content in different tabbed views</p>
+<p>Show content in tabbed views</p>
 					
 </div>
 
@@ -2256,18 +2260,18 @@ However, if you want to keep the title but change its value, it can be overriden
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>The shortcurt lists files found in a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementations for pages</p>
+</span></span></code></pre></div><p>The shortcurt lists files found in a specific folder.</p>
+<p>Currently, it supports two implementations for pages</p>
 <ol>
 <li>
-<p>If your page is a Markdown file, attachements must be placed in a <strong>folder</strong> named like your page and ending with <strong>.files</strong>.</p>
+<p>If your page is a Markdown file, attachements must be placed in a folder named like your page and ending with <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>content
 <ul>
 <li>_index.md</li>
-<li>page.files
+<li><strong>page.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -2279,7 +2283,7 @@ However, if you want to keep the title but change its value, it can be overriden
 </blockquote>
 </li>
 <li>
-<p>If your page is a <strong>folder</strong>, attachements must be placed in a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If your page is a folder, attachements must be placed in a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>content
@@ -2288,7 +2292,7 @@ However, if you want to keep the title but change its value, it can be overriden
 <li>page
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -2307,7 +2311,6 @@ However, if you want to keep the title but change its value, it can be overriden
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -2315,39 +2318,35 @@ However, if you want to keep the title but change its value, it can be overriden
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
+<td style="text-align:left">The color scheme used to highlight the box content.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you want no title, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you wa you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending le** there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching iseverity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used to filter the attachments by file name. For example:<br/><br/>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list of attachments ending in pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -2356,20 +2355,9 @@ However, if you want to keep the title but change its value, it can be overriden
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Info Styled Box, Descending Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Info styled box, descending sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Info</div>
   <ul class="box-content attachments-files">
@@ -2381,19 +2369,7 @@ However, if you want to keep the title but change its value, it can be overriden
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style and icons</h3>
+<h3 id="style-and-icons">Style and Icons</h3>
 <p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
@@ -2406,13 +2382,6 @@ However, if you want to keep the title but change its value, it can be overriden
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
   </a>
@@ -2425,14 +2394,14 @@ However, if you want to keep the title but change its value, it can be overriden
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once the button is clicked, it opens another browser tab for the given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once the button is clicked, it opens another browser tab for the given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -2440,31 +2409,26 @@ However, if you want to keep the title but change its value, it can be overriden
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">The color scheme used to paint the button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places the icon to the <code>left</code> or <code>right</code> of the title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -2472,8 +2436,12 @@ However, if you want to keep the title but change its value, it can be overriden
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -2501,8 +2469,10 @@ However, if you want to keep the title but change its value, it can be overriden
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -2514,8 +2484,13 @@ However, if you want to keep the title but change its value, it can be overriden
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -2545,8 +2520,10 @@ However, if you want to keep the title but change its value, it can be overriden
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -2559,16 +2536,18 @@ However, if you want to keep the title but change its value, it can be overriden
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
-<h4 id="to-the-left">to the left</h4>
-
+<h4 id="to-the-left">To the Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Hugo
   </a>
 </span>
-<h4 id="to-the-right">to the right</h4>
-
+<h4 id="to-the-right">To the Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">icon</span><span class="o">-</span><span class="nx">position</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -2576,7 +2555,8 @@ However, if you want to keep the title but change its value, it can be overriden
   </a>
 </span>
 <h4 id="override-for-severity">Override for Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -2585,7 +2565,8 @@ However, if you want to keep the title but change its value, it can be overriden
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style with all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -2600,55 +2581,58 @@ However, if you want to keep the title but change its value, it can be overriden
           <article>
 
 <h1>Children</h1>
-<p>Use the children shortcode to list the child pages of a page and the further descendants (children&rsquo;s children). By default, the shortcode displays links to the child pages.</p>
+<p>The <code>children</code> shortcode lists the child pages of a page and its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Description</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">page</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify the page name (section name) to display children for</td>
+<td style="text-align:left"><strong>page</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify the page name (section name) to display children for.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child pages hidden from the menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child pages hidden from the menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">description</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows you to include a short text under each page in the list. When no description exists for the page, children shortcode takes the first 70 words of your content. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>description</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number to specify the depth of descendants to display. For example, if the value is 2, the shortcode will display 2 levels of child pages.  <strong>Tips:</strong> set 999 to get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">The depth of descendants to display. For example, if the value is <code>2</code>, the shortcode will display two levels of child pages.  To get all descendants, set this value to a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, to sort on menu order - <strong>title</strong>, to sort alphabetically on menu label. If not set it is sorted by the <code>ordersectionsby</code> setting of the site and the pages frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The sort order of the displayed list.<br/><br/>If not set it is sorted by the <a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> setting of the site and the pages frontmatter<br/><br/>- <code>weight</code>: to sort on menu order<br/>- <code>title</code>: to sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2658,6 +2642,7 @@ However, if you want to keep the title but change its value, it can be overriden
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></li>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></li>
 </ul>
+<h3 id="with-description">With Description</h3>
 <div class="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">children</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2676,6 +2661,7 @@ So its content is used as description.</p>
 <p>This is a demo child page</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth and Hidden Pages</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2696,6 +2682,7 @@ So its content is used as description.</p>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" >page 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-4/" >page 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Heading Styles for Container and Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2734,7 +2721,8 @@ So its content is used as description.</p>
 <p>This is a plain page test nested in a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs for Group and Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -2742,8 +2730,6 @@ So its content is used as description.</p>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/" >page 1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" >page 1-1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" >page 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >page 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >page 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" >page 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></div>
@@ -2885,28 +2871,83 @@ So its content is used as description.</p>
           <article>
 
 <h1>Expand</h1>
-<p>The Expand shortcode displays an expandable/collapsible section of text on your page.</p>
+<p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank you!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>The first optional parameter defines the text that appears next to the expand/collapse icon. The default text is <code>&quot;Expand me...&quot;</code>.</p>
-<p>The second optional parameter controls if the block is initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). The default ist <code>&quot;false&quot;</code>.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text to appear next to the expand/collapse icon.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> the content text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text to be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell you a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe the next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -2914,26 +2955,12 @@ So its content is used as description.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, you did it!</p>
-
+Yes, you did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -2941,26 +2968,26 @@ So its content is used as description.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need to press you!</p>
-
+No need to press you!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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>
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">You</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">syntax</span><span class="p">:</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">bullet</span> <span class="nx">point</span> <span class="nx">lists</span>
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">_emphasized_</span><span class="p">,</span> <span class="o">**</span><span class="nx">bold</span><span class="o">**</span> <span class="nx">and</span> <span class="nx">even</span> <span class="o">**</span><span class="nx">_bold</span> <span class="nx">emphasized_</span><span class="o">**</span> <span class="nx">text</span>
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="p">[</span><span class="nx">links</span><span class="p">](</span><span class="nx">https</span><span class="p">:</span><span class="c1">//example.com)
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="o">-</span> <span class="nx">etc</span><span class="p">.</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="s">```plaintext
+</span></span></span><span class="line"><span class="cl"><span class="s">...and even source code
+</span></span></span><span class="line"><span class="cl"><span class="s">```</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possiblities</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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
 <div class="expand">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -2968,7 +2995,6 @@ So its content is used as description.</p>
         Show me almost endless possibilities
     </a>
     <div class="expand-content" style="display: none;">
-<p>Some expandable text.</p>
 <p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -2982,34 +3008,6 @@ So its content is used as description.</p>
 <p>the possiblities are endless (almost - including other shortcodes may or may not work)</p>
 </blockquote>
 
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expandable</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="nx">You</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">syntax</span><span class="p">:</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">bullet</span> <span class="nx">point</span> <span class="nx">lists</span>
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">_emphasized_</span><span class="p">,</span> <span class="o">**</span><span class="nx">bold</span><span class="o">**</span> <span class="nx">and</span> <span class="nx">even</span> <span class="o">**</span><span class="nx">_bold</span> <span class="nx">emphasized_</span><span class="o">**</span> <span class="nx">text</span>
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="p">[</span><span class="nx">links</span><span class="p">](</span><span class="nx">https</span><span class="p">:</span><span class="c1">//example.com)
-</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="o">-</span> <span class="nx">etc</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="s">```plaintext
-</span></span></span><span class="line"><span class="cl"><span class="s">...and even source code
-</span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possiblities</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>
 </div>
 
@@ -3020,14 +3018,67 @@ So its content is used as description.</p>
           <article>
 
 <h1>Include</h1>
-<p>The include shortcode includes other files from your project inside of the current file. This can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<p>The <code>include</code> shortcode includes other files from your project inside of the current page.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the path to the file to be included.</p>
-<p>If the file&rsquo;s content will be displayed as HTML, the second optional parameter controls if the first heading of the included file should be displayed (<code>&quot;true&quot;</code>)- which is the default - or be hidden.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>The included files can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The path to the file to be included. Path resolution adheres to <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> function</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirstheading</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray content</h3>
-<p>You can add standard markdown syntax:</p>
+<h3 id="arbitray-content">Arbitray Content</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -3040,18 +3091,6 @@ So its content is used as description.</p>
 <p>the possiblities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
             <footer class="footline">
             </footer>
           </article>
@@ -3059,7 +3098,13 @@ So its content is used as description.</p>
           <article>
 
 <h1>Mermaid</h1>
-<p><a href="https://mermaidjs.github.io/">Mermaid</a> is a library helping you to generate diagram and flowcharts from text, in a similar manner as Markdown.</p>
+<p>With the <a href="https://mermaidjs.github.io/">Mermaid</a> library and shortcode, you can  generate diagrams and flowcharts from text, in a similar manner as Markdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -3075,37 +3120,102 @@ So its content is used as description.</p>
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert your Mermaid code in the <code>mermaid</code> shortcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>You can set an optional <code>align</code> attribute which defaults to <code>&quot;center&quot;</code>.</p>
-<p>If you don&rsquo;t need alignment you can use the alternative syntax using code fences if you have turned off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
+<p>While the examples are using shortcode syntax it is recommended to use codefence syntax instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (<a href="#configuration">see the configuration section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shortcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter are only supported when using shortcode syntax. Defaults are used when using codefence syntax.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values are <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Your mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configuration</h2>
+<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
+<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configuration File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart with Non-Default Mermaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -3115,31 +3225,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how are you?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about you?
-    Bob-->John: Jolly good!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -3154,35 +3248,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how are you?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about you?
+    Bob-->John: Jolly good!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Adding GANTT diagram functionality to Mermaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, after des2, 5d
-        Future task2              :         des4, after des3, 5d
-        section Critical tasks
-        Completed task in the critical line :crit, done, 2014-01-06,24h
-        Implement parser and jison          :crit, done, after des1, 2d
-        Create tests for parser             :crit, active, 3d
-        Future task in critical line        :crit, 5d
-        Create tests for renderer           :2d
-        Add to Mermaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -3201,34 +3280,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Adding GANTT diagram functionality to Mermaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, after des2, 5d
+        Future task2              :         des4, after des3, 5d
+        section Critical tasks
+        Completed task in the critical line :crit, done, 2014-01-06,24h
+        Implement parser and jison          :crit, done, after des1, 2d
+        Create tests for parser             :crit, active, 3d
+        Future task in critical line        :crit, 5d
+        Create tests for renderer           :2d
+        Add to Mermaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Where am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -3246,25 +3315,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Where am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram with Codefence Syntax</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -3275,36 +3342,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configuration</h2>
-<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
-<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
-    <div class="box-content">
-<p>If you want to use mermaid codefences, you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or pages frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
             <footer class="footline">
             </footer>
           </article>
@@ -3360,7 +3406,6 @@ classDiagram
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Position</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -3369,21 +3414,18 @@ classDiagram
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -3504,7 +3546,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Warning with non-default title and icon</h4>
+<h4 id="warning-with-non-default-title-and-icon">Warning with Non-Default Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here are dragons</div>
@@ -3526,7 +3568,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Warning without a title and icon</h4>
+<h4 id="warning-without-a-title-and-icon">Warning without a Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -3549,7 +3591,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary with title only</h4>
+<h4 id="primary-with-title-only">Primary with Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -3571,7 +3613,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary with icon only</h4>
+<h4 id="secondary-with-icon-only">Secondary with Icon only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -3594,7 +3636,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title and icon</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title and Icon</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -3616,7 +3658,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green with title only</h4>
+<h4 id="green-with-title-only">Green with Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -3638,7 +3680,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey with icon only</h4>
+<h4 id="grey-with-icon-only">Grey with Icon only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -3660,7 +3702,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange with title and icon</h4>
+<h4 id="orange-with-title-and-icon">Orange with Title and Icon</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -3705,7 +3747,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with title and icon</h4>
+<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -3727,7 +3769,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent with title and icon</h4>
+<h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -3757,18 +3799,60 @@ classDiagram
           <article>
 
 <h1>Site param</h1>
-<p>The <code>siteparam</code> shortcode is used to help you print values of site params.</p>
+<p>The <code>siteparam</code> shortcode prints values of site params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the name of the site param to be displayed.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The name of the site param to be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, in this current site, the <code>editURL</code> variable is used in <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use the <code>siteparam</code> shortcode to display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>is displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
             <footer class="footline">
             </footer>
@@ -3777,7 +3861,7 @@ classDiagram
           <article>
 
 <h1>Swagger</h1>
-<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your OpenAPI Specifications.</p>
+<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your Swagger / OpenAPI Specifications.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -3785,21 +3869,36 @@ classDiagram
 <p>This only works in modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The URL to the OpenAPI Specification file. This can be relative to the URL of your page if it is a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configuration</h2>
 <p>Swagger is configured with default settings. You can customize Swagger&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code> or override these settings per page thru your pages frontmatter.</p>
 <p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Swagger&rsquo;s initialization. At the moment, only the <code>theme</code> setting is supported.</p>
 <p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configuration File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give the URL to your OpenAPI Specification like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If your page is a leaf or branch bundle, you can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Using Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>The <code>src</code> parameter is mandatory and can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -3821,105 +3920,80 @@ classDiagram
           <article>
 
 <h1>Tabbed views</h1>
-<p>Choose which content to see across the page. Very handy for providing code
-snippets for multiple languages or providing configuration in different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>The <code>tabs</code> shortcode displays arbitrary content in unlimited number of tabs. This comes in handy eg. for providing code snippets for multiple languages or providing configuration in different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name of the group the tab view belongs to.<br/><br/>Tab views with the same <strong>groupId</strong> sychronize their selected tab. This sychronization applies to the whole site!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
+    <div class="box-content">
+<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets of tabs but distinct <code>groupId</code> for different sets.</p>
+<p>The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came from the <code>'default'</code> group on a different page then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views with the same tabs that belong to the same group sychronize their selection:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -3939,8 +4013,7 @@ snippets for multiple languages or providing configuration in different formats.
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -3980,18 +4053,53 @@ snippets for multiple languages or providing configuration in different formats.
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
-    <div class="box-content">
-<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets but distinct
-<code>groupId</code> for different sets. The <code>groupId</code> defaults to <code>'default'</code>.
-<strong>Take this into account across the whole site!</strong>
-The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came
-from the <code>'default'</code> group on a different page then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens to this tab view if you select <strong>properties</strong> tab from the previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -4068,9 +4176,9 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -4182,15 +4290,15 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654450352"></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
@@ -4203,7 +4311,7 @@ from the <code>'default'</code> group on a different page then all tabs will be
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654450352"></script>
     <script>
       function useSwagger( config ){
         if( config.theme ){
@@ -4213,6 +4321,6 @@ from the <code>'default'</code> group on a different page then all tabs will be
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/attachments/index.html b/_print/shortcodes/attachments/index.html
index ed42110a2e..da4e27f40e 100644
--- a/_print/shortcodes/attachments/index.html
+++ b/_print/shortcodes/attachments/index.html
@@ -10,18 +10,18 @@
     <title>Attachments :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/attachments/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/attachments/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/attachments/">
     <div id="body" class="default-animation">
@@ -84,9 +84,9 @@
     </li>
     <li><a href="#examples">Examples</a>
       <ul>
-        <li><a href="#custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list of attachments ending in pdf or mp4</a></li>
-        <li><a href="#info-styled-box-descending-sort-order">Info styled box, descending sort order</a></li>
-        <li><a href="#style-and-icons">Style and icons</a></li>
+        <li><a href="#custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</a></li>
+        <li><a href="#info-styled-box-descending-sort-order">Info Styled Box, Descending Sort Order</a></li>
+        <li><a href="#style-and-icons">Style and Icons</a></li>
       </ul>
     </li>
   </ul>
@@ -117,18 +117,18 @@
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>The shortcurt lists files found in a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementations for pages</p>
+</span></span></code></pre></div><p>The shortcurt lists files found in a specific folder.</p>
+<p>Currently, it supports two implementations for pages</p>
 <ol>
 <li>
-<p>If your page is a Markdown file, attachements must be placed in a <strong>folder</strong> named like your page and ending with <strong>.files</strong>.</p>
+<p>If your page is a Markdown file, attachements must be placed in a folder named like your page and ending with <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>content
 <ul>
 <li>_index.md</li>
-<li>page.files
+<li><strong>page.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -140,7 +140,7 @@
 </blockquote>
 </li>
 <li>
-<p>If your page is a <strong>folder</strong>, attachements must be placed in a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If your page is a folder, attachements must be placed in a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>content
@@ -149,7 +149,7 @@
 <li>page
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -168,7 +168,6 @@
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -176,39 +175,35 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
+<td style="text-align:left">The color scheme used to highlight the box content.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you want no title, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you wa you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending le** there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching iseverity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used to filter the attachments by file name. For example:<br/><br/>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list of attachments ending in pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -217,20 +212,9 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Info Styled Box, Descending Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Info styled box, descending sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Info</div>
   <ul class="box-content attachments-files">
@@ -242,19 +226,7 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style and icons</h3>
+<h3 id="style-and-icons">Style and Icons</h3>
 <p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
@@ -331,9 +303,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -445,13 +417,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/button/index.html b/_print/shortcodes/button/index.html
index c03c928504..10881a4cbd 100644
--- a/_print/shortcodes/button/index.html
+++ b/_print/shortcodes/button/index.html
@@ -10,18 +10,18 @@
     <title>Button :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/button/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/button/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/button/">
     <div id="body" class="default-animation">
@@ -106,13 +106,6 @@
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
   </a>
@@ -125,14 +118,14 @@
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once the button is clicked, it opens another browser tab for the given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once the button is clicked, it opens another browser tab for the given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -140,31 +133,26 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">The color scheme used to paint the button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places the icon to the <code>left</code> or <code>right</code> of the title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -172,8 +160,12 @@
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -201,8 +193,10 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -214,8 +208,13 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -245,8 +244,10 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -259,16 +260,18 @@
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
-<h4 id="to-the-left">to the left</h4>
-
+<h4 id="to-the-left">To the Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Hugo
   </a>
 </span>
-<h4 id="to-the-right">to the right</h4>
-
+<h4 id="to-the-right">To the Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">icon</span><span class="o">-</span><span class="nx">position</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -276,7 +279,8 @@
   </a>
 </span>
 <h4 id="override-for-severity">Override for Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -285,7 +289,8 @@
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style with all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -367,9 +372,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -481,13 +486,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/children/children-3/test3/index.html b/_print/shortcodes/children/children-3/test3/index.html
index 44e14af927..2f3fd10ef5 100644
--- a/_print/shortcodes/children/children-3/test3/index.html
+++ b/_print/shortcodes/children/children-3/test3/index.html
@@ -10,18 +10,18 @@
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
@@ -164,9 +164,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,13 +278,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/children/test/index.html b/_print/shortcodes/children/test/index.html
index 64496a8a4d..e856667a18 100644
--- a/_print/shortcodes/children/test/index.html
+++ b/_print/shortcodes/children/test/index.html
@@ -11,18 +11,18 @@
     <title>page X :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/test/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/test/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/test/">
     <div id="body" class="default-animation">
@@ -160,9 +160,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,13 +274,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/expand/index.html b/_print/shortcodes/expand/index.html
index f813101895..f54b345a86 100644
--- a/_print/shortcodes/expand/index.html
+++ b/_print/shortcodes/expand/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Displays an expandable/collapsible section of text on your page">
+    <meta name="description" content="Expandable/collapsible sections of text">
     <meta name="author" content="Sören Weber">
     <title>Expand :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/expand/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/expand/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/expand/">
     <div id="body" class="default-animation">
@@ -77,12 +77,16 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
     <li><a href="#examples">Examples</a>
       <ul>
-        <li><a href="#all-defaults">All defaults</a></li>
-        <li><a href="#initially-expanded">Initially expanded</a></li>
-        <li><a href="#arbitrary-text">Arbitrary text</a></li>
+        <li><a href="#all-defaults">All Defaults</a></li>
+        <li><a href="#initially-expanded">Initially Expanded</a></li>
+        <li><a href="#arbitrary-text">Arbitrary Text</a></li>
       </ul>
     </li>
   </ul>
@@ -99,28 +103,83 @@
           <article>
 
 <h1>Expand</h1>
-<p>The Expand shortcode displays an expandable/collapsible section of text on your page.</p>
+<p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank you!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>The first optional parameter defines the text that appears next to the expand/collapse icon. The default text is <code>&quot;Expand me...&quot;</code>.</p>
-<p>The second optional parameter controls if the block is initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). The default ist <code>&quot;false&quot;</code>.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text to appear next to the expand/collapse icon.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> the content text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text to be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell you a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe the next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -128,26 +187,12 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, you did it!</p>
-
+Yes, you did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -155,60 +200,11 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need to press you!</p>
-
+No need to press you!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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></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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show me almost endless possibilities
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>Some expandable text.</p>
-<p>You can add standard markdown syntax:</p>
-<ul>
-<li>multiple paragraphs</li>
-<li>bullet point lists</li>
-<li><em>emphasized</em>, <strong>bold</strong> and even <strong><em>bold emphasized</em></strong> text</li>
-<li><a href="https://example.com">links</a></li>
-<li>etc.</li>
-</ul>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
-</span></span></code></pre></div><blockquote>
-<p>the possiblities are endless (almost - including other shortcodes may or may not work)</p>
-</blockquote>
-
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expandable</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">You</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">syntax</span><span class="p">:</span>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
@@ -224,6 +220,26 @@
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possiblities</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">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Show me almost endless possibilities
+    </a>
+    <div class="expand-content" style="display: none;">
+<p>You can add standard markdown syntax:</p>
+<ul>
+<li>multiple paragraphs</li>
+<li>bullet point lists</li>
+<li><em>emphasized</em>, <strong>bold</strong> and even <strong><em>bold emphasized</em></strong> text</li>
+<li><a href="https://example.com">links</a></li>
+<li>etc.</li>
+</ul>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
+</span></span></code></pre></div><blockquote>
+<p>the possiblities are endless (almost - including other shortcodes may or may not work)</p>
+</blockquote>
+
     </div>
 </div>
 
@@ -301,9 +317,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -415,13 +431,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/include/index.html b/_print/shortcodes/include/index.html
index e3aaf4e6f9..3117b59cbe 100644
--- a/_print/shortcodes/include/index.html
+++ b/_print/shortcodes/include/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Displays content from other Markdown files">
+    <meta name="description" content="Displays content from other files">
     <meta name="author" content="Sören Weber">
     <title>Include :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/include/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/include/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/include/">
     <div id="body" class="default-animation">
@@ -77,10 +77,14 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
     <li><a href="#examples">Examples</a>
       <ul>
-        <li><a href="#arbitray-content">Arbitray content</a></li>
+        <li><a href="#arbitray-content">Arbitray Content</a></li>
       </ul>
     </li>
   </ul>
@@ -97,14 +101,67 @@
           <article>
 
 <h1>Include</h1>
-<p>The include shortcode includes other files from your project inside of the current file. This can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<p>The <code>include</code> shortcode includes other files from your project inside of the current page.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the path to the file to be included.</p>
-<p>If the file&rsquo;s content will be displayed as HTML, the second optional parameter controls if the first heading of the included file should be displayed (<code>&quot;true&quot;</code>)- which is the default - or be hidden.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>The included files can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The path to the file to be included. Path resolution adheres to <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> function</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirstheading</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray content</h3>
-<p>You can add standard markdown syntax:</p>
+<h3 id="arbitray-content">Arbitray Content</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -117,18 +174,6 @@
 <p>the possiblities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
             <footer class="footline">
             </footer>
           </article>
@@ -203,9 +248,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,13 +362,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/include_me/index.html b/_print/shortcodes/include_me/index.html
index 1cacfe4359..6a34f5ca19 100644
--- a/_print/shortcodes/include_me/index.html
+++ b/_print/shortcodes/include_me/index.html
@@ -9,18 +9,18 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/include_me/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -261,13 +261,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/mermaid/index.html b/_print/shortcodes/mermaid/index.html
index 155118eed5..cb5a5fa493 100644
--- a/_print/shortcodes/mermaid/index.html
+++ b/_print/shortcodes/mermaid/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Generation of diagram and flowchart from text in a similar manner as Markdown">
+    <meta name="description" content="Generate diagrams and flowcharts from text">
     <meta name="author" content="Sören Weber">
     <title>Mermaid :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/mermaid/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/mermaid/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
     <div id="body" class="default-animation">
@@ -77,19 +77,24 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#examples">Examples</a>
+    <li><a href="#usage">Usage</a>
       <ul>
-        <li><a href="#flowchart">Flowchart</a></li>
-        <li><a href="#sequence">Sequence</a></li>
-        <li><a href="#gantt">GANTT</a></li>
-        <li><a href="#class">Class</a></li>
-        <li><a href="#state">State</a></li>
+        <li><a href="#parameter">Parameter</a></li>
       </ul>
     </li>
     <li><a href="#configuration">Configuration</a>
       <ul>
-        <li><a href="#example">Example</a></li>
+        <li><a href="#global-configuration-file">Global Configuration File</a></li>
+        <li><a href="#pages-frontmatter">Page&rsquo;s Frontmatter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#flowchart-with-non-default-mermaid-theme">Flowchart with Non-Default Mermaid Theme</a></li>
+        <li><a href="#sequence">Sequence</a></li>
+        <li><a href="#gantt">GANTT</a></li>
+        <li><a href="#class">Class</a></li>
+        <li><a href="#state-diagram-with-codefence-syntax">State Diagram with Codefence Syntax</a></li>
       </ul>
     </li>
   </ul>
@@ -106,7 +111,13 @@
           <article>
 
 <h1>Mermaid</h1>
-<p><a href="https://mermaidjs.github.io/">Mermaid</a> is a library helping you to generate diagram and flowcharts from text, in a similar manner as Markdown.</p>
+<p>With the <a href="https://mermaidjs.github.io/">Mermaid</a> library and shortcode, you can  generate diagrams and flowcharts from text, in a similar manner as Markdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -122,37 +133,102 @@
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert your Mermaid code in the <code>mermaid</code> shortcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>You can set an optional <code>align</code> attribute which defaults to <code>&quot;center&quot;</code>.</p>
-<p>If you don&rsquo;t need alignment you can use the alternative syntax using code fences if you have turned off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
+<p>While the examples are using shortcode syntax it is recommended to use codefence syntax instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (<a href="#configuration">see the configuration section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shortcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter are only supported when using shortcode syntax. Defaults are used when using codefence syntax.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values are <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Your mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configuration</h2>
+<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
+<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configuration File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart with Non-Default Mermaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -162,31 +238,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how are you?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about you?
-    Bob-->John: Jolly good!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -201,35 +261,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how are you?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about you?
+    Bob-->John: Jolly good!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Adding GANTT diagram functionality to Mermaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, after des2, 5d
-        Future task2              :         des4, after des3, 5d
-        section Critical tasks
-        Completed task in the critical line :crit, done, 2014-01-06,24h
-        Implement parser and jison          :crit, done, after des1, 2d
-        Create tests for parser             :crit, active, 3d
-        Future task in critical line        :crit, 5d
-        Create tests for renderer           :2d
-        Add to Mermaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -248,34 +293,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Adding GANTT diagram functionality to Mermaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, after des2, 5d
+        Future task2              :         des4, after des3, 5d
+        section Critical tasks
+        Completed task in the critical line :crit, done, 2014-01-06,24h
+        Implement parser and jison          :crit, done, after des1, 2d
+        Create tests for parser             :crit, active, 3d
+        Future task in critical line        :crit, 5d
+        Create tests for renderer           :2d
+        Add to Mermaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Where am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -293,25 +328,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Where am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram with Codefence Syntax</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -322,36 +355,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configuration</h2>
-<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
-<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
-    <div class="box-content">
-<p>If you want to use mermaid codefences, you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or pages frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
             <footer class="footline">
             </footer>
           </article>
@@ -426,9 +438,9 @@ classDiagram
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -540,15 +552,15 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654450352"></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
@@ -561,6 +573,6 @@ classDiagram
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/notice/index.html b/_print/shortcodes/notice/index.html
index a34079a2a9..2925bfa611 100644
--- a/_print/shortcodes/notice/index.html
+++ b/_print/shortcodes/notice/index.html
@@ -10,18 +10,18 @@
     <title>Notice :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/notice/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/notice/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/notice/">
     <div id="body" class="default-animation">
@@ -152,7 +152,6 @@
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Position</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -161,21 +160,18 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -296,7 +292,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Warning with non-default title and icon</h4>
+<h4 id="warning-with-non-default-title-and-icon">Warning with Non-Default Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here are dragons</div>
@@ -318,7 +314,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Warning without a title and icon</h4>
+<h4 id="warning-without-a-title-and-icon">Warning without a Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -341,7 +337,7 @@
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary with title only</h4>
+<h4 id="primary-with-title-only">Primary with Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -363,7 +359,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary with icon only</h4>
+<h4 id="secondary-with-icon-only">Secondary with Icon only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -386,7 +382,7 @@
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title and icon</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title and Icon</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -408,7 +404,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green with title only</h4>
+<h4 id="green-with-title-only">Green with Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -430,7 +426,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey with icon only</h4>
+<h4 id="grey-with-icon-only">Grey with Icon only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -452,7 +448,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange with title and icon</h4>
+<h4 id="orange-with-title-and-icon">Orange with Title and Icon</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -497,7 +493,7 @@
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with title and icon</h4>
+<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -519,7 +515,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent with title and icon</h4>
+<h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -616,9 +612,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -730,13 +726,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/siteparam/index.html b/_print/shortcodes/siteparam/index.html
index 19295650a9..41ccf247da 100644
--- a/_print/shortcodes/siteparam/index.html
+++ b/_print/shortcodes/siteparam/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Get value of site params variables in your page">
+    <meta name="description" content="Get value of site params">
     <meta name="author" content="Sören Weber">
     <title>Site param :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/siteparam/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/siteparam/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
     <div id="body" class="default-animation">
@@ -77,8 +77,16 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#examples">Examples</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></a></li>
+      </ul>
+    </li>
   </ul>
 </nav>
             </div>
@@ -93,18 +101,60 @@
           <article>
 
 <h1>Site param</h1>
-<p>The <code>siteparam</code> shortcode is used to help you print values of site params.</p>
+<p>The <code>siteparam</code> shortcode prints values of site params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the name of the site param to be displayed.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The name of the site param to be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, in this current site, the <code>editURL</code> variable is used in <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use the <code>siteparam</code> shortcode to display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>is displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
             <footer class="footline">
             </footer>
@@ -180,9 +230,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +344,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/shortcodes/tabs/index.html b/_print/shortcodes/tabs/index.html
index 55ccb62b4c..ba758fb15a 100644
--- a/_print/shortcodes/tabs/index.html
+++ b/_print/shortcodes/tabs/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Synchronize selection of content in different tabbed views">
+    <meta name="description" content="Show content in tabbed views">
     <meta name="author" content="Sören Weber">
     <title>Tabbed views :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/tabs/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/tabs/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/tabs/">
     <div id="body" class="default-animation">
@@ -77,8 +77,17 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#code-example">Code example</a></li>
-    <li><a href="#config-example">Config example</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#distinct-groupid">Distinct <code>groupId</code></a></li>
+        <li><a href="#non-distinct-groupid">Non-Distinct <code>groupId</code></a></li>
+      </ul>
+    </li>
   </ul>
 </nav>
             </div>
@@ -93,105 +102,80 @@
           <article>
 
 <h1>Tabbed views</h1>
-<p>Choose which content to see across the page. Very handy for providing code
-snippets for multiple languages or providing configuration in different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>The <code>tabs</code> shortcode displays arbitrary content in unlimited number of tabs. This comes in handy eg. for providing code snippets for multiple languages or providing configuration in different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name of the group the tab view belongs to.<br/><br/>Tab views with the same <strong>groupId</strong> sychronize their selected tab. This sychronization applies to the whole site!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
+    <div class="box-content">
+<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets of tabs but distinct <code>groupId</code> for different sets.</p>
+<p>The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came from the <code>'default'</code> group on a different page then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views with the same tabs that belong to the same group sychronize their selection:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -211,8 +195,7 @@ snippets for multiple languages or providing configuration in different formats.
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -252,18 +235,53 @@ snippets for multiple languages or providing configuration in different formats.
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
-    <div class="box-content">
-<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets but distinct
-<code>groupId</code> for different sets. The <code>groupId</code> defaults to <code>'default'</code>.
-<strong>Take this into account across the whole site!</strong>
-The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came
-from the <code>'default'</code> group on a different page then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens to this tab view if you select <strong>properties</strong> tab from the previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -338,9 +356,9 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -452,13 +470,13 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/1/index.html b/_print/yours/1/index.html
index 0ed7067318..e155effbbb 100644
--- a/_print/yours/1/index.html
+++ b/_print/yours/1/index.html
@@ -10,18 +10,18 @@
     <title>1 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/1/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/10/index.html b/_print/yours/10/index.html
index d87d2dcf83..a5693ca921 100644
--- a/_print/yours/10/index.html
+++ b/_print/yours/10/index.html
@@ -10,18 +10,18 @@
     <title>10 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/10/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/10/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/10/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/11.de/index.html b/_print/yours/11.de/index.html
index 8eab0a1b84..222a2fbcdf 100644
--- a/_print/yours/11.de/index.html
+++ b/_print/yours/11.de/index.html
@@ -10,18 +10,18 @@
     <title>11 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/11.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/11.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/11.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/12.de/index.html b/_print/yours/12.de/index.html
index b45f315291..1148991f05 100644
--- a/_print/yours/12.de/index.html
+++ b/_print/yours/12.de/index.html
@@ -10,18 +10,18 @@
     <title>12 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/12.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/12.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/12.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/13.de/index.html b/_print/yours/13.de/index.html
index 5b0bcf6fcf..e6cb4ff8b4 100644
--- a/_print/yours/13.de/index.html
+++ b/_print/yours/13.de/index.html
@@ -10,18 +10,18 @@
     <title>13 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/13.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/13.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/13.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/14.de/index.html b/_print/yours/14.de/index.html
index 682fc92aeb..5cd4e35b3d 100644
--- a/_print/yours/14.de/index.html
+++ b/_print/yours/14.de/index.html
@@ -10,18 +10,18 @@
     <title>14 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/14.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/14.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/14.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/15.de/index.html b/_print/yours/15.de/index.html
index 80ac40709c..bbbffafa0b 100644
--- a/_print/yours/15.de/index.html
+++ b/_print/yours/15.de/index.html
@@ -10,18 +10,18 @@
     <title>15 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/15.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/15.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/15.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/16.de/index.html b/_print/yours/16.de/index.html
index 73b41fe3dc..56d131dc66 100644
--- a/_print/yours/16.de/index.html
+++ b/_print/yours/16.de/index.html
@@ -10,18 +10,18 @@
     <title>16 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/16.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/16.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/16.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/17.de/index.html b/_print/yours/17.de/index.html
index 9f4b7d77c4..09a9feb3b8 100644
--- a/_print/yours/17.de/index.html
+++ b/_print/yours/17.de/index.html
@@ -10,18 +10,18 @@
     <title>17 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/17.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/17.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/17.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/18.de/index.html b/_print/yours/18.de/index.html
index 9e14f299d7..e124a899a9 100644
--- a/_print/yours/18.de/index.html
+++ b/_print/yours/18.de/index.html
@@ -10,18 +10,18 @@
     <title>18 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/18.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/18.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/18.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/19.de/index.html b/_print/yours/19.de/index.html
index d9f5d98424..e1fc75229c 100644
--- a/_print/yours/19.de/index.html
+++ b/_print/yours/19.de/index.html
@@ -10,18 +10,18 @@
     <title>19 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/19.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/19.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/19.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/2/index.html b/_print/yours/2/index.html
index 25a75ad5d1..4b6de449ff 100644
--- a/_print/yours/2/index.html
+++ b/_print/yours/2/index.html
@@ -10,18 +10,18 @@
     <title>2 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/2/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/2/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/2/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/20.de/index.html b/_print/yours/20.de/index.html
index 08d9e16647..cdba817b92 100644
--- a/_print/yours/20.de/index.html
+++ b/_print/yours/20.de/index.html
@@ -10,18 +10,18 @@
     <title>20 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/20.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/20.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/20.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/21.de/index.html b/_print/yours/21.de/index.html
index 10696ba83b..7bd1977bcb 100644
--- a/_print/yours/21.de/index.html
+++ b/_print/yours/21.de/index.html
@@ -10,18 +10,18 @@
     <title>21 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/21.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/21.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/21.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/22.de/index.html b/_print/yours/22.de/index.html
index 1b396a35d9..2829d700d3 100644
--- a/_print/yours/22.de/index.html
+++ b/_print/yours/22.de/index.html
@@ -10,18 +10,18 @@
     <title>22 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/22.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/22.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/22.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/23.de/index.html b/_print/yours/23.de/index.html
index 28664e3be0..8d5e247d29 100644
--- a/_print/yours/23.de/index.html
+++ b/_print/yours/23.de/index.html
@@ -10,18 +10,18 @@
     <title>23 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/23.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/23.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/23.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/24.de/index.html b/_print/yours/24.de/index.html
index 3723a4fd8f..f80550cee7 100644
--- a/_print/yours/24.de/index.html
+++ b/_print/yours/24.de/index.html
@@ -10,18 +10,18 @@
     <title>24 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/24.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/24.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/24.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/25.de/index.html b/_print/yours/25.de/index.html
index 30d776d55e..b204aab084 100644
--- a/_print/yours/25.de/index.html
+++ b/_print/yours/25.de/index.html
@@ -10,18 +10,18 @@
     <title>25 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/25.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/25.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/25.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/26.de/index.html b/_print/yours/26.de/index.html
index d046bb6bde..23536cc928 100644
--- a/_print/yours/26.de/index.html
+++ b/_print/yours/26.de/index.html
@@ -10,18 +10,18 @@
     <title>26 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/26.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/26.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/26.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/27.de/index.html b/_print/yours/27.de/index.html
index bf29da65da..370d8609df 100644
--- a/_print/yours/27.de/index.html
+++ b/_print/yours/27.de/index.html
@@ -10,18 +10,18 @@
     <title>27 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/27.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/27.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/27.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/28.de/index.html b/_print/yours/28.de/index.html
index f400eb98b6..753daf1299 100644
--- a/_print/yours/28.de/index.html
+++ b/_print/yours/28.de/index.html
@@ -10,18 +10,18 @@
     <title>28 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/28.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/28.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/28.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/29.de/index.html b/_print/yours/29.de/index.html
index 140f6928d9..309da005f5 100644
--- a/_print/yours/29.de/index.html
+++ b/_print/yours/29.de/index.html
@@ -10,18 +10,18 @@
     <title>29 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/29.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/29.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/29.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/3/index.html b/_print/yours/3/index.html
index ef8947bb25..08229fd427 100644
--- a/_print/yours/3/index.html
+++ b/_print/yours/3/index.html
@@ -10,18 +10,18 @@
     <title>3 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/3/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/3/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/3/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/30.de/index.html b/_print/yours/30.de/index.html
index 7c0457afe8..6e424b5139 100644
--- a/_print/yours/30.de/index.html
+++ b/_print/yours/30.de/index.html
@@ -10,18 +10,18 @@
     <title>30 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/30.de/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/30.de/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/30.de/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/4/index.html b/_print/yours/4/index.html
index 20b067a15d..ba870edf98 100644
--- a/_print/yours/4/index.html
+++ b/_print/yours/4/index.html
@@ -10,18 +10,18 @@
     <title>4 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/4/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/4/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/4/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/5/index.html b/_print/yours/5/index.html
index 2d2600a645..30c79a9b89 100644
--- a/_print/yours/5/index.html
+++ b/_print/yours/5/index.html
@@ -10,18 +10,18 @@
     <title>5 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/5/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/5/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/5/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/6/index.html b/_print/yours/6/index.html
index ba17a3b39e..2b8bfe294a 100644
--- a/_print/yours/6/index.html
+++ b/_print/yours/6/index.html
@@ -10,18 +10,18 @@
     <title>6 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/6/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/6/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/6/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/7/index.html b/_print/yours/7/index.html
index 5f969f68c7..d80760877f 100644
--- a/_print/yours/7/index.html
+++ b/_print/yours/7/index.html
@@ -10,18 +10,18 @@
     <title>7 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/7/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/7/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/7/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/8/index.html b/_print/yours/8/index.html
index 9c80ab0e82..a7787727cc 100644
--- a/_print/yours/8/index.html
+++ b/_print/yours/8/index.html
@@ -10,18 +10,18 @@
     <title>8 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/8/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/8/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/8/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/_print/yours/9/index.html b/_print/yours/9/index.html
index fd51edfe87..8da3f9da20 100644
--- a/_print/yours/9/index.html
+++ b/_print/yours/9/index.html
@@ -10,18 +10,18 @@
     <title>9 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/9/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/9/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/9/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/_print/index.html b/basics/_print/index.html
index 6f4dd0351c..0a5344db3a 100644
--- a/basics/_print/index.html
+++ b/basics/_print/index.html
@@ -10,18 +10,18 @@
     <title>Basics :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/">
     <div id="body" class="default-animation">
@@ -106,7 +106,8 @@
 <p><strong>Breaking</strong>: Because anchor hover color was not configurable without introducing more complexitity to the variant stylesheets, we decided to remove <code>--MAIN-ANCHOR-color</code> instead. You don&rsquo;t need to change anything in your custom color stylesheet as the anchors now get their colors from <code>--MAIN-LINK-color</code> and <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> shortcode can now be used with named parameters. The old positional parameters are still supported, so you don&rsquo;t need to change anything in your installation.</p>
+<p><strong>New</strong>: All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don&rsquo;t need to change anything in your installation.</p>
+<p>This applies to <a href="/hugo-theme-relearn/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> and <a href="/hugo-theme-relearn/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/button/"><code>button</code></a> shortcode received some love and now has a parameter for the color style similar to other shortcodes.</p>
@@ -115,6 +116,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> and <code>--SECONDARY-color</code> were added to provide easier modification of your custom style. Shortcodes with a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors are the default for other, more specific color variables. You don&rsquo;t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: The documentation for all shortcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -1195,9 +1199,9 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1309,15 +1313,15 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654450352"></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
@@ -1330,6 +1334,6 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 302cbc57ee..c36ee26dc1 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,18 +9,18 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/changelog/">
     <div id="body" class="default-animation">
@@ -810,9 +810,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -923,13 +923,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/basics/configuration/_print/index.html b/basics/configuration/_print/index.html
index 8098ee5335..6266559df6 100644
--- a/basics/configuration/_print/index.html
+++ b/basics/configuration/_print/index.html
@@ -10,18 +10,18 @@
     <title>Configuration :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/configuration/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/configuration/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/configuration/">
     <div id="body" class="default-animation">
@@ -294,9 +294,9 @@ default values:</p>
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -408,13 +408,13 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index da03a64225..e03390d436 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -10,18 +10,18 @@
     <title>Configuration :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/configuration/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/configuration/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/configuration/">
     <div id="body" class="default-animation">
@@ -293,9 +293,9 @@ default values:</p>
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -407,13 +407,13 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/customization/_print/index.html b/basics/customization/_print/index.html
index c59b55fecf..ce5bdb20ee 100644
--- a/basics/customization/_print/index.html
+++ b/basics/customization/_print/index.html
@@ -10,18 +10,18 @@
     <title>Customization :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/customization/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/customization/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/customization/">
     <div id="body" class="default-animation">
@@ -232,9 +232,9 @@ You could use an <code>img</code> HTML tag and reference an image created under
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -346,13 +346,13 @@ You could use an <code>img</code> HTML tag and reference an image created under
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 152c88c31b..0096c8c01d 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -10,18 +10,18 @@
     <title>Customization :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/customization/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/customization/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/customization/">
     <div id="body" class="default-animation">
@@ -231,9 +231,9 @@ You could use an <code>img</code> HTML tag and reference an image created under
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -345,13 +345,13 @@ You could use an <code>img</code> HTML tag and reference an image created under
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/generator/_print/index.html b/basics/generator/_print/index.html
index f527249814..3c9412181a 100644
--- a/basics/generator/_print/index.html
+++ b/basics/generator/_print/index.html
@@ -10,18 +10,18 @@
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/generator/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/generator/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/generator/">
     <div id="body" class="default-animation">
@@ -190,9 +190,9 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -304,15 +304,15 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654450353"></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
@@ -325,6 +325,6 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index a5aa99f0ee..2c51a704df 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -10,18 +10,18 @@
     <title>Stylesheet generator :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/generator/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/generator/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/generator/">
     <div id="body" class="default-animation">
@@ -189,9 +189,9 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,15 +303,15 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654450352"></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
@@ -324,6 +324,6 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/history/_print/index.html b/basics/history/_print/index.html
index 5bad380457..1a5df2ec64 100644
--- a/basics/history/_print/index.html
+++ b/basics/history/_print/index.html
@@ -10,18 +10,18 @@
     <title>History :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/history/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/history/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/history/">
     <div id="body" class="default-animation">
@@ -814,9 +814,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -928,13 +928,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index f408980493..36daa35666 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -10,18 +10,18 @@
     <title>History :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/history/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/history/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/history/">
     <div id="body" class="default-animation">
@@ -813,9 +813,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -927,13 +927,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 1a815f0fb4..55578a8c77 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -10,18 +10,18 @@
     <title>Basics :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -271,13 +271,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/installation/_print/index.html b/basics/installation/_print/index.html
index c3996b2af0..e4e5db1147 100644
--- a/basics/installation/_print/index.html
+++ b/basics/installation/_print/index.html
@@ -10,18 +10,18 @@
     <title>Installation :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/installation/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/installation/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/installation/">
     <div id="body" class="default-animation">
@@ -228,9 +228,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -342,13 +342,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index ac66b7adc0..add274c605 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -10,18 +10,18 @@
     <title>Installation :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/installation/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/installation/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/installation/">
     <div id="body" class="default-animation">
@@ -227,9 +227,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -341,13 +341,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/migration/_print/index.html b/basics/migration/_print/index.html
index 56a246b65b..c77e9e1198 100644
--- a/basics/migration/_print/index.html
+++ b/basics/migration/_print/index.html
@@ -10,18 +10,18 @@
     <title>What&#39;s new :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/migration/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/migration/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/migration/">
     <div id="body" class="default-animation">
@@ -124,7 +124,8 @@
 <p><strong>Breaking</strong>: Because anchor hover color was not configurable without introducing more complexitity to the variant stylesheets, we decided to remove <code>--MAIN-ANCHOR-color</code> instead. You don&rsquo;t need to change anything in your custom color stylesheet as the anchors now get their colors from <code>--MAIN-LINK-color</code> and <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> shortcode can now be used with named parameters. The old positional parameters are still supported, so you don&rsquo;t need to change anything in your installation.</p>
+<p><strong>New</strong>: All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don&rsquo;t need to change anything in your installation.</p>
+<p>This applies to <a href="/hugo-theme-relearn/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> and <a href="/hugo-theme-relearn/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/button/"><code>button</code></a> shortcode received some love and now has a parameter for the color style similar to other shortcodes.</p>
@@ -133,6 +134,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> and <code>--SECONDARY-color</code> were added to provide easier modification of your custom style. Shortcodes with a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors are the default for other, more specific color variables. You don&rsquo;t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: The documentation for all shortcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -479,9 +483,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -593,13 +597,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 0f5588d8d0..4308136d62 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -10,18 +10,18 @@
     <title>What&#39;s new :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/migration/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/migration/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/migration/">
     <div id="body" class="default-animation">
@@ -123,7 +123,8 @@
 <p><strong>Breaking</strong>: Because anchor hover color was not configurable without introducing more complexitity to the variant stylesheets, we decided to remove <code>--MAIN-ANCHOR-color</code> instead. You don&rsquo;t need to change anything in your custom color stylesheet as the anchors now get their colors from <code>--MAIN-LINK-color</code> and <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> shortcode can now be used with named parameters. The old positional parameters are still supported, so you don&rsquo;t need to change anything in your installation.</p>
+<p><strong>New</strong>: All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don&rsquo;t need to change anything in your installation.</p>
+<p>This applies to <a href="/hugo-theme-relearn/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code></a> and <a href="/hugo-theme-relearn/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: The <a href="/hugo-theme-relearn/shortcodes/button/"><code>button</code></a> shortcode received some love and now has a parameter for the color style similar to other shortcodes.</p>
@@ -132,6 +133,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> and <code>--SECONDARY-color</code> were added to provide easier modification of your custom style. Shortcodes with a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors are the default for other, more specific color variables. You don&rsquo;t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: The documentation for all shortcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -478,9 +482,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -592,13 +596,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/basics/requirements/_print/index.html b/basics/requirements/_print/index.html
index 91130e5b4f..a4108f5e55 100644
--- a/basics/requirements/_print/index.html
+++ b/basics/requirements/_print/index.html
@@ -10,18 +10,18 @@
     <title>Requirements :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/requirements/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/requirements/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/basics/requirements/">
     <div id="body" class="default-animation">
@@ -160,9 +160,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,13 +274,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index f84299bb77..97301a4655 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -10,18 +10,18 @@
     <title>Requirements :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/requirements/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/requirements/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/basics/requirements/">
     <div id="body" class="default-animation">
@@ -159,9 +159,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -273,13 +273,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index afc7b7e7e9..1405d60140 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/categories/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/categories/">
     <div id="body" class="default-animation">
@@ -146,9 +146,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -260,13 +260,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/cont/_print/index.html b/cont/_print/index.html
index 54e46d635b..d3da30c0df 100644
--- a/cont/_print/index.html
+++ b/cont/_print/index.html
@@ -10,18 +10,18 @@
     <title>Content :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/">
     <div id="body" class="default-animation">
@@ -1131,9 +1131,9 @@ However, if you want to keep the title but change its value, it can be overriden
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1245,13 +1245,13 @@ However, if you want to keep the title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index ff292696b9..46d4eadfe0 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -10,18 +10,18 @@
     <title>Archetypes :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/archetypes/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/cont/archetypes/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/archetypes/">
     <div id="body" class="default-animation">
@@ -197,9 +197,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -311,13 +311,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/cont/i18n/_print/index.html b/cont/i18n/_print/index.html
index aec8391e2d..191360c6f2 100644
--- a/cont/i18n/_print/index.html
+++ b/cont/i18n/_print/index.html
@@ -10,18 +10,18 @@
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/i18n/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/i18n/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/i18n/">
     <div id="body" class="default-animation">
@@ -231,9 +231,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -345,13 +345,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 21f81bd007..1c82970013 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -10,18 +10,18 @@
     <title>Multilingual and i18n :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/i18n/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/cont/i18n/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/i18n/">
     <div id="body" class="default-animation">
@@ -230,9 +230,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -344,13 +344,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/cont/icons/index.html b/cont/icons/index.html
index b86defa332..287a8fdebb 100644
--- a/cont/icons/index.html
+++ b/cont/icons/index.html
@@ -10,18 +10,18 @@
     <title>Icons and logos :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/icons/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/cont/icons/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/icons/">
     <div id="body" class="default-animation">
@@ -188,9 +188,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 6e0c1be76e..0d0f4b994c 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -10,18 +10,18 @@
     <title>Content :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/cont/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -271,13 +271,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index e613bf6b37..7d6aea5338 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -10,18 +10,18 @@
     <title>Markdown syntax :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/markdown/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/cont/markdown/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/markdown/">
     <div id="body" class="default-animation">
@@ -711,9 +711,9 @@ line 3 of code
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -825,13 +825,13 @@ line 3 of code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 02ca8bd849..4d8cd21b77 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -10,18 +10,18 @@
     <title>Menu extra shortcuts :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/menushortcuts/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/cont/menushortcuts/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/menushortcuts/">
     <div id="body" class="default-animation">
@@ -275,9 +275,9 @@ However, if you want to keep the title but change its value, it can be overriden
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -389,13 +389,13 @@ However, if you want to keep the title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/cont/pages/_print/index.html b/cont/pages/_print/index.html
index c1e65aa3ae..f6396f1725 100644
--- a/cont/pages/_print/index.html
+++ b/cont/pages/_print/index.html
@@ -10,18 +10,18 @@
     <title>Pages organization :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/cont/pages/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/pages/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/cont/pages/">
     <div id="body" class="default-animation">
@@ -315,9 +315,9 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -429,13 +429,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index e3bd830064..49d31cfc84 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -10,18 +10,18 @@
     <title>Pages organization :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/pages/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/cont/pages/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/pages/">
     <div id="body" class="default-animation">
@@ -314,9 +314,9 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -428,13 +428,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index 3a96fa11d8..708146dcfd 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -10,18 +10,18 @@
     <title>Code highlighting :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/syntaxhighlight/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/cont/syntaxhighlight/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
@@ -213,9 +213,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -327,13 +327,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index 0cb3be2b07..03c99aa691 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -10,18 +10,18 @@
     <title>Tags :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/tags/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/cont/tags/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/cont/tags/">
     <div id="body" class="default-animation">
@@ -189,9 +189,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,13 +303,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 84bf5426d4..a55eb8bf91 100644
--- a/index.html
+++ b/index.html
@@ -10,18 +10,18 @@
     <title>Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/">
     <div id="body" class="default-animation">
@@ -219,9 +219,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -333,13 +333,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/index.json b/index.json
index 9b75d59619..d6243b0d64 100644
--- a/index.json
+++ b/index.json
@@ -21,14 +21,14 @@
     "uri": "/hugo-theme-relearn/cont/"
   },
   {
-    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\nBreaking: A change that requires action by you after upgrading to assure the site is still functional.\nChange: A change in default behavior. This may requires action by you / may or may not be revertable by configuration.\nNew: Marks new behavior you might find interesting or comes configurable.\n4.0.0 Breaking: The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking: Because anchor hover color was not configurable without introducing more complexitity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectivley.\nNew: The notice shortcode can now be used with named parameters. The old positional parameters are still supported, so you don’t need to change anything in your installation.\nNew: The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew: New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\n3.4.0 Breaking: If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew: If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew: You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew: Translation for Traditional Chinese.\n3.3.0 New: Introduction of new CSS variables to set the font. The theme distinguishs between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew: The new shortcode swagger is available to include a UI for REST OpenAPI Specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 Change: In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set disableMermaid=false in your frontmatter to force the library to be loaded. See the theme variant generator of the exampleSite for an example.\nThis change requires at least Hugo 0.93.0 to be used. The minimum requirement will be reported during build on the console if not met.\nNew: Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 New: attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 Breaking: We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking: We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange: Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange: For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew: With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew: To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew: You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 Breaking: This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard complient and exchanging this theme in your project to some other theme will be effortless.\nIn a standard complient form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard complient and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\nCopy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\nStart up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Page (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 Change: Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for czech.\nNew: The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew: You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 New: Optional second parameter for notice shortcode to set title in box header. 2.6.0 New: Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 Change: New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlightning in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 Change: Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew: Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew: You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew: New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew: Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 New: Showcase multilanguage features by provding a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints. 2.2.0 New: Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 Change: In case the site’s structure contains addional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew: Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew: If a search term is found in an expand shortcode, the expand will be opened.\nNew: The menu will scroll the active item into view on load.\n2.0.0 Change: Syntaxhighlightning was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange: In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange: --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange: Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange: If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange: A page without a title will be treated as hidden=true.\nNew: You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew: New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew: Shortcode children with new parameter containerstyle.\nNew: New shortcode include to include arbitrary file content into a page.\n1.2.0 New: Shortcode expand with new parameter to open on page load. 1.1.0 New: Mermaid config options can be set in config.toml. 1.0.0 New: Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues. ",
+    "content": "This document shows you what’s new in the latest release. For a detailed list of changes, see the history page.\nBreaking: A change that requires action by you after upgrading to assure the site is still functional.\nChange: A change in default behavior. This may requires action by you / may or may not be revertable by configuration.\nNew: Marks new behavior you might find interesting or comes configurable.\n4.0.0 Breaking: The custom_css config parameter was removed from the configuration. If used in an existing installation, it can be achieved by overriding the custom-header.html template in a much more generic manner.\nBreaking: Because anchor hover color was not configurable without introducing more complexitity to the variant stylesheets, we decided to remove --MAIN-ANCHOR-color instead. You don’t need to change anything in your custom color stylesheet as the anchors now get their colors from --MAIN-LINK-color and --MAIN-ANCHOR-HOVER-color respectivley.\nNew: All shortcodes now support named parameter. The positional parameter are still supported but will not be enhanced with new features, so you don’t need to change anything in your installation.\nThis applies to expand , include , notice and siteparam .\nNew: The button shortcode received some love and now has a parameter for the color style similar to other shortcodes.\nNew: New colors --PRIMARY-color and --SECONDARY-color were added to provide easier modification of your custom style. Shortcodes with a color style can now have primary or secondary as additional values.\nThese two colors are the default for other, more specific color variables. You don’t need to change anything in your existing custom color stylesheets as those variables get reasonable default values.\nNew: The documentation for all shortcodes were revised.\n3.4.0 Breaking: If you had previously overwritten the custom-footer.html partial to add visual elements below the content of your page, you have to move this content to the new partial content-footer.html. custom-footer.html was never meant to contain HTML other than additional styles and JavaScript.\nNew: If you prefer expandable/collapsible menu items, you can now set collapsibleMenu=true in your config.toml. This will add arrows to all menu items that contain sub menus. The menu will expand/collapse without navigation if you click on an arrow.\nNew: You can activate print support in your config.toml to add the capability to print whole chapters or even the complete site.\nNew: Translation for Traditional Chinese.\n3.3.0 New: Introduction of new CSS variables to set the font. The theme distinguishs between --MAIN-font for all content text and --CODE-font for inline or block code. There are additional overrides for all headings. See the theme variant generator of the exampleSite for all available variables.\nNew: The new shortcode swagger is available to include a UI for REST OpenAPI Specifications. See the documentation for available features. This feature will not work with Internet Explorer 11.\n3.2.0 Change: In this release the Mermaid JavaScript library will only be loaded on demand if the page contains a Mermaid shortcode or is using Mermaid codefences. This changes the behavior of disableMermaid config option as follows: If a Mermaid shortcode or codefence is found, the option will be ignored and Mermaid will be loaded regardlessly.\nThe option is still useful in case you are using scripting to set up your graph. In this case no shortcode or codefence is involved and the library is not loaded by default. In this case you can set disableMermaid=false in your frontmatter to force the library to be loaded. See the theme variant generator of the exampleSite for an example.\nThis change requires at least Hugo 0.93.0 to be used. The minimum requirement will be reported during build on the console if not met.\nNew: Additional color variant variable --MERMAID-theme to set the variant’s Mermaid theme. This causes the Mermaid theme to switch with the color variant if it defers from the setting of the formerly selected color variant.\n3.1.0 New: attachment and notice shortcodes have a new parameter to override the default icon. Allowed values are all Font Awesome 5 Free icons. 3.0.0 Breaking: We made changes to the menu footer. If you have your menu-footer.html partial overridden, you may have to review the styling (eg. margins/paddings) in your partial. For a reference take a look into the menu-footer.html partial that is coming with the exampleSite.\nThis change was made to allow your own menu footer to be placed right after the so called prefooter that comes with the theme (containing the language switch and Clear history functionality).\nBreaking: We have changed the default colors from the original Learn theme (the purple menu header) to the Relearn defaults (the light green menu header) as used in the official documentation.\nThis change will only affect your installation if you’ve not set the themeVariant parameter in your config.toml. If you still want to use the Learn color variant, you have to explicitly set themeVariant=\"learn\" in your config.toml.\nNote, that this will also affect your site if viewed with Internet Explorer 11 but in this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange: Due to a bug, that we couldn’t fix in a general manner for color variants, we decided to remove --MENU-SEARCH-BOX-ICONS-color and introduced --MENU-SEARCH-color instead. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange: For consistency reasons, we renamed --MENU-SEARCH-BOX-color to --MENU-SEARCH-BORDER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nNew: With this release you are now capable to define your own dark mode variants.\nTo make this possible, we have introduced a lot more color variables you can use in your color variants. Your old variants will still work and don’t need to be changed as apropriate fallback values are used by the theme. Nevertheless, the new colors allow for much more customization.\nTo see what’s now possible, see the new variants relearn-dark and neon that are coming with this release.\nNew: To make the creation of new variants easier for you, we’ve added a new interactive theme variant generator. This feature will not work with Internet Explorer 11.\nNew: You can now configure multiple color variants in your config.toml. In this case, the first variant is the default chosen on first view and a variant switch will be shown in the menu footer. See the documentation for configuration.\nNote, that the new variant switch will not work with Internet Explorer 11 as it does not support CSS variables. Therefore, the variant switcher will not be displayed with Internet Explorer 11.\n2.9.0 Breaking: This release removes the themes implementation of ref/relref in favor for Hugos standard implementation. This is because of inconsistencies with the themes implementation. In advantage, your project becomes standard complient and exchanging this theme in your project to some other theme will be effortless.\nIn a standard complient form you must not link to the *.md file but to its logical name. You’ll see, referencing other pages becomes much easier. All three types result in the same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configuration Leaf bundle basics/configuration/index.md basics/configuration Page basics/configuration.md basics/configuration If you’ve linked from a page of one language to a page of another language, conversion is a bit more difficult but Hugo got you covered as well.\nAlso, the old themes implementation allowed refs to non-existing content. This will cause Hugos implementation to show the error below and abort the generation. If your project relies on this old behavior, you can reconfigure the error handling of Hugos implementation.\nIn the best case your usage of the old implementation is already standard complient and you don’t need to change anything. You’ll notice this very easily once you’ve started hugo server after an upgrade and no errors are written to the console.\nYou may see errors on the console after the update in the form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": page not found In this case, you must apply one of two options:\nCopy the old implementation files theme/hugo-theme-relearn/layouts/shortcode/ref.html and theme/hugo-theme-relearn/layouts/shortcode/relref.html to your own projects layouts/shortcode/ref.html and layouts/shortcode/relref.html respectively. This is not recommended as your project will still rely on non-standard behavior afterwards.\nStart up a text editor with regular expression support for search and replace. Apply the following conversions in the given order on all *.md files. This is the recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Page (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 Change: Although never officially documented, this release removes the font Novacento/Novecento. If you use it in an overwritten CSS please replace it with Work Sans. This change was necessary as Novacento did not provide all Latin special characters and lead to mixed styled character text eg. for czech.\nNew: The theme now supports favicons served from static/images/ named as favicon or logo in SVG, PNG or ICO format out of the box. An overridden partial layouts/partials/favicon.html may not be necessary anymore in most cases.\nNew: You can hide the table of contents menu for the whole site by setting the disableToc option in your config.toml. For an example see the example configuration.\n2.7.0 New: Optional second parameter for notice shortcode to set title in box header. 2.6.0 New: Your site can now be served from a subfolder if you set baseURL and canonifyURLs=true in your config.toml. See the documentation for a detailed example. 2.5.0 Change: New colors --CODE-BLOCK-color and --CODE-BLOCK-BG-color were added to provide a fallback for Hugos syntax highlightning in case guessSyntax=true is set. Ideally the colors are set to the same values as the ones from your chosen chroma style. 2.4.0 Change: Creation of customized stylesheets was simplified down to only contain the CSS variables. Everything else can and should be deleted from your custom stylesheet to assure everything works fine. For the predefined stylesheet variants, this change is already included.\nNew: Hidden pages are displayed by default in their according tags page. You can now turn off this behavior by setting disableTagHiddenPages=true in your config.toml.\nNew: You can define the expansion state of your menus for the whole site by setting the alwaysopen option in your config.toml. Please see further documentation for possible values and default behavior.\nNew: New frontmatter ordersectionsby option to change immediate children sorting in menu and children shortcode. Possible values are title or weight.\nNew: Alternate content of a page is now advertised in the HTML meta tags. See Hugo documentation.\n2.3.0 New: Showcase multilanguage features by provding a documentation translation “fer us pirrrates”. There will be no other translations besides the original English one and the Pirates one due to maintenance constraints. 2.2.0 New: Hidden pages are displayed by default in the sitemap generated by Hugo and are therefore visible for search engine indexing. You can now turn off this behavior by setting disableSeoHiddenPages=true in your config.toml. 2.1.0 Change: In case the site’s structure contains addional *.md files not part of the site (eg files that are meant to be included by site pages - see CHANGELOG.md in the exampleSite), they will now be ignored by the search.\nNew: Hidden pages are indexed for the site search by default. You can now turn off this behavior by setting disableSearchHiddenPages=true in your config.toml.\nNew: If a search term is found in an expand shortcode, the expand will be opened.\nNew: The menu will scroll the active item into view on load.\n2.0.0 Change: Syntaxhighlightning was switched to the built in Hugo mechanism. You may need to configure a new stylesheet or decide to roll you own as described on in the Hugo documentation\nChange: In the predefined stylesheets there was a typo and --MENU-HOME-LINK-HOVERED-color must be changed to --MENU-HOME-LINK-HOVER-color. You don’t need to change anything in your custom color stylesheet as the old name will be used as a fallback.\nChange: --MENU-HOME-LINK-color and --MENU-HOME-LINK-HOVER-color were missing in the documentation. You should add them to your custom stylesheets if you want to override the defaults.\nChange: Arrow navigation and children shortcode were ignoring setting for ordersectionsby. This is now changed and may result in different sorting order of your sub pages.\nChange: If hidden pages are accessed directly by typing their URL, they will be exposed in the menu.\nChange: A page without a title will be treated as hidden=true.\nNew: You can define the expansion state of your menus in the frontmatter. Please see further documentation for possible values and default behavior.\nNew: New partials for defining pre/post content for menu items and the content. See documentation for further reading.\nNew: Shortcode children with new parameter containerstyle.\nNew: New shortcode include to include arbitrary file content into a page.\n1.2.0 New: Shortcode expand with new parameter to open on page load. 1.1.0 New: Mermaid config options can be set in config.toml. 1.0.0 New: Initial fork of the Learn theme based on Learn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename to Relearn and a new logo. For the reasons behind forking the Learn theme, see this comment in the Learn issues. ",
     "description": "",
     "tags": null,
     "title": "What's new",
     "uri": "/hugo-theme-relearn/basics/migration/"
   },
   {
-    "content": "Chapter 3 Shortcodes Hugo uses Markdown for its simple content format. However, there are a lot of things that Markdown doesn’t support well. You could use pure HTML to expand possibilities.\nBut this happens to be a bad idea. Everyone uses Markdown because it’s pure and simple to read even non-rendered. You should avoid HTML to keep it as simple as possible.\nTo avoid this limitations, Hugo created shortcodes. A shortcode is a simple snippet inside a page.\nThe Relearn theme provides multiple shortcodes on top of existing ones.\nAttachments List of files attached to a page\nButton Clickable buttons\nChildren List the child pages of a page\nExpand Displays an expandable/collapsible section of text on your page\nInclude Displays content from other Markdown files\nMermaid Generation of diagram and flowchart from text in a similar manner as Markdown\nNotice Disclaimers to help you structure your page\nSite param Get value of site params variables in your page\nSwagger Adds UI for your Swagger / OpenAPI Specifications\nTabbed views Synchronize selection of content in different tabbed views\n",
+    "content": "Chapter 3 Shortcodes Hugo uses Markdown for its simple content format. However, there are a lot of things that Markdown doesn’t support well. You could use pure HTML to expand possibilities.\nBut this happens to be a bad idea. Everyone uses Markdown because it’s pure and simple to read even non-rendered. You should avoid HTML to keep it as simple as possible.\nTo avoid this limitations, Hugo created shortcodes. A shortcode is a simple snippet inside a page.\nThe Relearn theme provides multiple shortcodes on top of existing ones.\nAttachments List of files attached to a page\nButton Clickable buttons\nChildren List the child pages of a page\nExpand Expandable/collapsible sections of text\nInclude Displays content from other files\nMermaid Generate diagrams and flowcharts from text\nNotice Disclaimers to help you structure your page\nSite param Get value of site params\nSwagger UI for your Swagger / OpenAPI Specifications\nTabbed views Show content in tabbed views\n",
     "description": "",
     "tags": null,
     "title": "Shortcodes",
@@ -400,14 +400,14 @@
     "uri": "/hugo-theme-relearn/yours/9/"
   },
   {
-    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage The shortcurt lists files found in a specific folder.\n{{% attachments /%}} Currently, it support two implementations for pages\nIf your page is a Markdown file, attachements must be placed in a folder named like your page and ending with .files.\ncontent _index.md page.files attachment.pdf page.md If your page is a folder, attachements must be placed in a nested ‘files’ folder.\ncontent _index.md page index.md files attachment.pdf Be aware that if you use a multilingual website, you will need to have as many folders as languages.\nParameter Name Optional Default Notes style yes transparent The color scheme used to highlight the box content.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent title yes see notes Arbitray text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.- for severity styles: the matching title for the severity- for all other colors: AttachmentsIf you want no title, you have to set this parameter to \" \" (a non empty string filled with spaces) icon yes see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.- for severity styles: a nice matching icon for the severity- for all other colors: paperclipIf you want no icon, you have to set this parameter to \" \" (a non empty string filled with spaces) sort yes asc Sorting the output in ascending or descending order. pattern yes .* A regular expressions, used to filter the attachments by file name. For example:- to match a file suffix of ‘jpg’, use .*jpg (not *.jpg)- to match file names ending in jpg or png, use .*(jpg|png) Examples Custom title, list of attachments ending in pdf or mp4 Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Show markup {{% attachments title=\"Related files\" pattern=\".*(pdf|mp4)\" /%}} Info styled box, descending sort order Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Show markup {{% attachments style=\"info\" sort=\"desc\" /%}} Style and icons For further examples for style, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
+    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage {{% attachments /%}} The shortcurt lists files found in a specific folder.\nCurrently, it supports two implementations for pages\nIf your page is a Markdown file, attachements must be placed in a folder named like your page and ending with .files.\ncontent _index.md page.files attachment.pdf page.md If your page is a folder, attachements must be placed in a nested files folder.\ncontent _index.md page index.md files attachment.pdf Be aware that if you use a multilingual website, you will need to have as many folders as languages.\nParameter Name Default Notes style transparent The color scheme used to highlight the box content.- by severity: info, note, tip, warning\u003cnd color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default,t` title see notes Arbitray text for the box title. Depending on the style there may be a default title. Any given value will overwault.- for severity styles: the matching title for the severity- for all other colors: AttachmentsIf you wa you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending le** there may be a default icon. Any given value will overwrite the default.- for severity styles: a nice matching iseverity- for all other colors: paperclipIf you want no icon, you have to set this parameter to \" \" (a non empty d with spaces) sort asc Sorting the output in ascending or descending order. pattern .* A regular expressions, used to filter the attachments by file name. For example:- to match a file suffix of ‘jpg’, use .*jpg (not *.jpg)- to match file names ending in jpg or png, use .*(jpg|png) Examples Custom Title, List of Attachments Ending in pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Info Styled Box, Descending Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Style and Icons For further examples for style, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
     "description": "List of files attached to a page",
     "tags": null,
     "title": "Attachments",
     "uri": "/hugo-theme-relearn/shortcodes/attachments/"
   },
   {
-    "content": "The button shortcode displays a clickable button with adjustable color, title and icon.\nGet Hugo Get Hugo Get Hugo Usage Once the button is clicked, it opens another browser tab for the given URL.\n{{% button href=\"https://gohugo.io/\" icon=\"download\" %}}Get Hugo{{% /button %}} Parameter Name Optional Default Notes href yes \u003cempty\u003e The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable. style yes transparent The color scheme used to paint the button.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent icon yes see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.- for severity styles: a nice matching icon for the severity- for all other colors: \u003cempty\u003eIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) iconposition yes left Places the icon to the left or right of the title. \u003ccontent\u003e yes see notes Arbitray text for the button title. Depending on the style there may be a default title. Any given value will overwrite the default.- for severity styles: the matching title for the severity- for all other colors: \u003cempty\u003eIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples Style by Severity Get Hugo Get Hugo Get Hugo Get Hugo by Brand Colors Get Hugo Get Hugo by Color Get Hugo Get Hugo Get Hugo Get Hugo Get Hugo by Special Color Get Hugo Get Hugo Icon to the left Get Hugo to the right Get Hugo Override for Severity Get Hugo Other Severity Style with all Defaults Tip ",
+    "content": "The button shortcode displays a clickable button with adjustable color, title and icon.\nGet Hugo Get Hugo Usage {{% button href=\"https://gohugo.io/\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" icon=\"dragon\" %}}Get Hugo{{% /button %}} Once the button is clicked, it opens another browser tab for the given URL.\nParameter Name Default Notes href \u003cempty\u003e The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable. style transparent The color scheme used to paint the button.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.- for severity styles: a nice matching icon for the severity- for all other colors: \u003cempty\u003eIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) iconposition left Places the icon to the left or right of the title. \u003ccontent\u003e see notes Arbitray text for the button title. Depending on the style there may be a default title. Any given value will overwrite the default.- for severity styles: the matching title for the severity- for all other colors: \u003cempty\u003eIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Get Hugo Get Hugo Get Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Hugo{{% /button %}} Get Hugo Get Hugo Icon To the Left {{% button href=\"https://gohugo.io/\" icon=\"download\" %}}Get Hugo{{% /button %}} Get Hugo To the Right {{% button href=\"https://gohugo.io/\" icon=\"download\" icon-position=\"right\" %}}Get Hugo{{% /button %}} Get Hugo Override for Severity {{% button href=\"https://gohugo.io/\" icon=\"dragon\" style=\"warning\" %}}Get Hugo{{% /button %}} Get Hugo Other Severity Style with all Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Tip ",
     "description": "Clickable buttons",
     "tags": null,
     "title": "Button",
@@ -428,7 +428,7 @@
     "uri": "/hugo-theme-relearn/tags/children/"
   },
   {
-    "content": "Use the children shortcode to list the child pages of a page and the further descendants (children’s children). By default, the shortcode displays links to the child pages.\nUsage Parameter Default Description page current Specify the page name (section name) to display children for containerstyle “ul” Choose the style used to group all children. It could be any HTML tag name style “li” Choose the style used to display each descendant. It could be any HTML tag name showhidden “false” When true, child pages hidden from the menu will be displayed description “false” Allows you to include a short text under each page in the list. When no description exists for the page, children shortcode takes the first 70 words of your content. Read more info about summaries on gohugo.io depth 1 Enter a number to specify the depth of descendants to display. For example, if the value is 2, the shortcode will display 2 levels of child pages. Tips: set 999 to get all descendants sort ordersectionsby Sort children by weight, to sort on menu order - title, to sort alphabetically on menu label. If not set it is sorted by the ordersectionsby setting of the site and the pages frontmatter Demo {{% children %}} page X page 1 page 2 page 3 {{% children description=\"true\" %}} page X This is a plain page test, and the beginning of a YAML multiline description... page 1 This is a demo child page\npage 2 This is a demo child page with no description. So its content is used as description.\npage 3 This is a demo child page\n{{% children depth=\"999\" showhidden=\"true\" %}} page X page 1 page 1-1 page 1-1-1 (hidden) page 1-1-1-1 page 1-1-1-1-1 (hidden) page 1-1-1-1-1-1 page 1-1-2 page 1-1-2-1 page 1-1-2-2 page 1-1-3 page 2 page 3 page 3-1 page 4 (hidden) {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" description=\"true\" %}} page X This is a plain page test, and the beginning of a YAML multiline description... page 1 This is a demo child page\npage 1-1 This is a demo child page\npage 1-1-2 This is a demo child page\npage 1-1-3 This is a demo child page\npage 2 This is a demo child page with no description. So its content is used as description.\npage 3 This is a demo child page\npage 3-1 This is a plain page test nested in a parent\n{{% children containerstyle=\"div\" style=\"div\" depth=\"999\" %}} page X page 1 page 1-1 page 1-1-2 page 1-1-2-1 page 1-1-2-2 page 1-1-3 page 2 page 3 page 3-1 ",
+    "content": "The children shortcode lists the child pages of a page and its descendants .\nUsage {{% children %}} Parameter Name Default Notes page \u003ccurrent\u003e Specify the page name (section name) to display children for. containerstyle ul Choose the style used to group all children. It could be any HTML tag name. style li Choose the style used to display each descendant. It could be any HTML tag name. showhidden false When true, child pages hidden from the menu will be displayed aswell. description false When true shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - read more info about summaries on gohugo.io. depth 1 The depth of descendants to display. For example, if the value is 2, the shortcode will display two levels of child pages. To get all descendants, set this value to a high number eg. 999. sort see notes The sort order of the displayed list.If not set it is sorted by the ordersectionsby setting of the site and the pages frontmatter- weight: to sort on menu order- title: to sort alphabetically on menu label. Examples All Default {{% children %}} page X page 1 page 2 page 3 With Description {{% children description=\"true\" %}} page X This is a plain page test, and the beginning of a YAML multiline description... page 1 This is a demo child page\npage 2 This is a demo child page with no description. So its content is used as description.\npage 3 This is a demo child page\nInfinte Depth and Hidden Pages {{% children depth=\"999\" showhidden=\"true\" %}} page X page 1 page 1-1 page 1-1-1 (hidden) page 1-1-1-1 page 1-1-1-1-1 (hidden) page 1-1-1-1-1-1 page 1-1-2 page 1-1-2-1 page 1-1-2-2 page 1-1-3 page 2 page 3 page 3-1 page 4 (hidden) Heading Styles for Container and Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" description=\"true\" %}} page X This is a plain page test, and the beginning of a YAML multiline description... page 1 This is a demo child page\npage 1-1 This is a demo child page\npage 1-1-2 This is a demo child page\npage 1-1-3 This is a demo child page\npage 2 This is a demo child page with no description. So its content is used as description.\npage 3 This is a demo child page\npage 3-1 This is a plain page test nested in a parent\nDivs for Group and Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} page X page 1 page 1-1 page 1-1-2 page 1-1-3 page 2 page 3 page 3-1 ",
     "description": "List the child pages of a page",
     "tags": null,
     "title": "Children",
@@ -456,8 +456,8 @@
     "uri": "/hugo-theme-relearn/tags/documentation/"
   },
   {
-    "content": "The Expand shortcode displays an expandable/collapsible section of text on your page.\nUsage {{% expand [ \u003cstring\u003e [ \"true\" | \"false\" ] ] %}} Yes! {{% /expand %}} The first optional parameter defines the text that appears next to the expand/collapse icon. The default text is \"Expand me...\".\nThe second optional parameter controls if the block is initially shown as expanded (\"true\") or collapsed (\"false\"). The default ist \"false\".\nExamples I'll tell you a secret... …maybe the next time you’ll open this expander!\nAll defaults Expand me... Yes, you did it!\nShow markup {{% expand %}} Yes, you did it! {{% /expand %}} Initially expanded Expand me... No need to press you!\nShow markup {{% expand \"Expand me...\" \"true\" %}} No need to press you! {{% /expand %}} Arbitrary text Show me almost endless possibilities Some expandable text.\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possiblities are endless (almost - including other shortcodes may or may not work)\nShow markup {{% expand \"Show me almost endless possibilities\" %}} Some expandable text. You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possiblities are endless (almost - including other shortcodes may or may not work) {{% /expand %}} ",
-    "description": "Displays an expandable/collapsible section of text on your page",
+    "content": "The expand shortcode displays an expandable/collapsible section of text.\nExpand me... Thank you! Usage While the examples are using named parameter you are free to use positional aswell.\nnamed positional {{% expand title=\"Expand me...\" %}}Thank you!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank you!{{% /expand %}} Parameter Name Position Default Notes title 1 \"Expand me...\" Arbitray text to appear next to the expand/collapse icon. open 2 false When true the content text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitray text to be displayed on expand. Examples All Defaults {{% expand %}}Yes, you did it!{{% /expand %}} Expand me... Yes, you did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need to press you!{{% /expand %}} Expand me... No need to press you! Arbitrary Text {{% expand title=\"Show me almost endless possibilities\" %}} You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possiblities are endless (almost - including other shortcodes may or may not work) {{% /expand %}} Show me almost endless possibilities You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possiblities are endless (almost - including other shortcodes may or may not work)\n",
+    "description": "Expandable/collapsible sections of text",
     "tags": null,
     "title": "Expand",
     "uri": "/hugo-theme-relearn/shortcodes/expand/"
@@ -484,8 +484,8 @@
     "uri": "/hugo-theme-relearn/tests/images/"
   },
   {
-    "content": "The include shortcode includes other files from your project inside of the current file. This can even contain Markdown and will be taken into account when generating the table of contents.\nUsage {{% include \u003cstring\u003e [ \"true\" | \"false\" ] %}} The first required parameter is the path to the file to be included.\nIf the file’s content will be displayed as HTML, the second optional parameter controls if the first heading of the included file should be displayed (\"true\")- which is the default - or be hidden.\nExamples Arbitray content You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possiblities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nShow markup {{% include \"shortcodes/INCLUDE_ME.md\" %}} ",
-    "description": "Displays content from other Markdown files",
+    "content": "The include shortcode includes other files from your project inside of the current page.\nUsage While the examples are using named parameter you are free to use positional aswell.\nnamed positional {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} The included files can even contain Markdown and will be taken into account when generating the table of contents.\nParameter Name Position Default Notes file 1 \u003cempty\u003e The path to the file to be included. Path resolution adheres to Hugo’s build-in readFile function showfirstheading 2 true When false and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files. Examples Arbitray Content {{% include \"shortcodes/INCLUDE_ME.md\" %}} You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possiblities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\n",
+    "description": "Displays content from other files",
     "tags": null,
     "title": "Include",
     "uri": "/hugo-theme-relearn/shortcodes/include/"
@@ -498,8 +498,8 @@
     "uri": "/hugo-theme-relearn/tests/links/"
   },
   {
-    "content": "Mermaid is a library helping you to generate diagram and flowcharts from text, in a similar manner as Markdown.\nNote This only works in modern browsers.\nWarning Due to limitations with Mermaid, it is currently not possible to use Mermaid code fences in an initially collapsed expand shortcode. This is a know issue and can’t be fixed by this theme.\nUsage Just insert your Mermaid code in the mermaid shortcode like this:\n{{\u003c mermaid [ align=(\"left\"|\"right\"|\"center\"|\"justify\") ] \u003e}} classDiagram Person *-- Dog {{\u003c /mermaid \u003e}} You can set an optional align attribute which defaults to \"center\".\nIf you don’t need alignment you can use the alternative syntax using code fences if you have turned off guessSyntax for the markup.highlight setting (see below):\n```mermaid classDiagram Person *-- Dog ``` The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.\nExamples Flowchart %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{Decision} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Show markup {{\u003c mermaid align=\"left\" \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} Sequence sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts prevail... John--\u003eAlice: Great! John-\u003eBob: How about you? Bob--\u003eJohn: Jolly good! Show markup {{\u003c mermaid \u003e}} sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts \u003cbr/\u003eprevail... John--\u003eAlice: Great! John-\u003eBob: How about you? Bob--\u003eJohn: Jolly good! {{\u003c /mermaid \u003e}} GANTT gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d Show markup {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d {{\u003c /mermaid \u003e}} Class classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Where am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label Show markup {{\u003c mermaid \u003e}} classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Where am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label {{\u003c /mermaid \u003e}} State stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Show markup ```mermaid stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open ``` Configuration Mermaid is configured with default settings. You can customize Mermaid’s default settings for all of your files thru a JSON object in your config.toml, override these settings per page thru your pages frontmatter or override these setting per diagramm thru diagram directives.\nThe JSON object of your config.toml / frontmatter is forwarded into Mermaid’s mermaid.initialize() function.\nSee Mermaid documentation for all allowed settings.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml, frontmatter or diagram directives.\nNote If you want to use mermaid codefences, you have to turn off guessSyntax for the markup.highlight setting.\nExample [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" [markup] [markup.highlight] # if set to `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT mermaid code fences will not work anymore! So this is a mandatory # setting for your site guessSyntax = false or pages frontmatter\n+++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" +++ ",
-    "description": "Generation of diagram and flowchart from text in a similar manner as Markdown",
+    "content": "With the Mermaid library and shortcode, you can generate diagrams and flowcharts from text, in a similar manner as Markdown.\ngraph LR; If --\u003e Then Then --\u003e Else Note This only works in modern browsers.\nWarning Due to limitations with Mermaid, it is currently not possible to use Mermaid code fences in an initially collapsed expand shortcode. This is a know issue and can’t be fixed by this theme.\nUsage The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.\nWhile the examples are using shortcode syntax it is recommended to use codefence syntax instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\ncodefence shortcode ```mermaid graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} Parameter Parameter are only supported when using shortcode syntax. Defaults are used when using codefence syntax.\nName Default Notes align center Allowed values are left, center or right. \u003ccontent\u003e \u003cempty\u003e Your mermaid graph. Configuration Mermaid is configured with default settings. You can customize Mermaid’s default settings for all of your files thru a JSON object in your config.toml, override these settings per page thru your pages frontmatter or override these setting per diagramm thru diagram directives.\nThe JSON object of your config.toml / frontmatter is forwarded into Mermaid’s mermaid.initialize() function.\nSee Mermaid documentation for all allowed settings.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml, frontmatter or diagram directives.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" [markup] [markup.highlight] # if set to `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT mermaid code fences will not work anymore! So this is a mandatory # setting for your site guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" +++ Examples Flowchart with Non-Default Mermaid Theme {{\u003c mermaid align=\"left\" \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{Decision} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence {{\u003c mermaid \u003e}} sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts \u003cbr/\u003eprevail... John--\u003eAlice: Great! John-\u003eBob: How about you? Bob--\u003eJohn: Jolly good! {{\u003c /mermaid \u003e}} sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts prevail... John--\u003eAlice: Great! John-\u003eBob: How about you? Bob--\u003eJohn: Jolly good! GANTT {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d Class {{\u003c mermaid \u003e}} classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Where am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label {{\u003c /mermaid \u003e}} classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Where am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label State Diagram with Codefence Syntax ```mermaid stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open ``` stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open ",
+    "description": "Generate diagrams and flowcharts from text",
     "tags": null,
     "title": "Mermaid",
     "uri": "/hugo-theme-relearn/shortcodes/mermaid/"
@@ -512,7 +512,7 @@
     "uri": "/hugo-theme-relearn/tags/non-hidden/"
   },
   {
-    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using named parameter you are free to use positional aswell.\nnamed positional {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} Parameter Name Position Optional Default Notes style 1 yes default The color scheme used to highlight the box content.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent title 2 yes see notes Arbitray text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.- for severity styles: the matching title for the severity- for all other colors: \u003cempty\u003eIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 yes see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.- for severity styles: a nice matching icon for the severity- for all other colors: \u003cempty\u003eIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples By Severity Info with markup Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possiblities are endless (almost - including other shortcodes may or may not work)\nShow markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possiblities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Note Note A notice disclaimer\nShow markup {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Tip Tip A tip disclaimer\nShow markup {{% notice style=\"tip\" %}} A **tip** disclaimer Warning Warning A warning disclaimer\nShow markup {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning with non-default title and icon Here are dragons A warning disclaimer\nShow markup {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Warning without a title and icon A warning disclaimer\nShow markup {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} By Brand Colors Primary with title only Primary A primary disclaimer\nShow markup {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Secondary with icon only A secondary disclaimer\nShow markup {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} By Color Blue without a title and icon A blue disclaimer\nShow markup {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} Green with title only Green A green disclaimer\nShow markup {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Grey with icon only A grey disclaimer\nShow markup {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} Orange with title and icon Orange A orange disclaimer\nShow markup {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Red A red disclaimer\nShow markup {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} By Special Color Default with title and icon Pay Attention to this Note! Some serious information.\nShow markup {{% notice style=\"default\" title\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Transparent with title and icon Pay Attention to this Note! Some serious information.\nShow markup {{% notice style=\"transparent\" title\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} ",
+    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using named parameter you are free to use positional aswell.\nnamed positional {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} Parameter Name Position Default Notes style 1 default The color scheme used to highlight the box content.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent title 2 see notes Arbitray text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.- for severity styles: the matching title for the severity- for all other colors: \u003cempty\u003eIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.- for severity styles: a nice matching icon for the severity- for all other colors: \u003cempty\u003eIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) Examples By Severity Info with markup Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possiblities are endless (almost - including other shortcodes may or may not work)\nShow markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possiblities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Note Note A notice disclaimer\nShow markup {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Tip Tip A tip disclaimer\nShow markup {{% notice style=\"tip\" %}} A **tip** disclaimer Warning Warning A warning disclaimer\nShow markup {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning with Non-Default Title and Icon Here are dragons A warning disclaimer\nShow markup {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Warning without a Title and Icon A warning disclaimer\nShow markup {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} By Brand Colors Primary with Title only Primary A primary disclaimer\nShow markup {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Secondary with Icon only A secondary disclaimer\nShow markup {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} By Color Blue without a Title and Icon A blue disclaimer\nShow markup {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} Green with Title only Green A green disclaimer\nShow markup {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Grey with Icon only A grey disclaimer\nShow markup {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} Orange with Title and Icon Orange A orange disclaimer\nShow markup {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Red A red disclaimer\nShow markup {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} By Special Color Default with Title and Icon Pay Attention to this Note! Some serious information.\nShow markup {{% notice style=\"default\" title\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Transparent with Title and Icon Pay Attention to this Note! Some serious information.\nShow markup {{% notice style=\"transparent\" title\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} ",
     "description": "Disclaimers to help you structure your page",
     "tags": null,
     "title": "Notice",
@@ -626,22 +626,22 @@
     "uri": "/hugo-theme-relearn/more/showcase/"
   },
   {
-    "content": "The siteparam shortcode is used to help you print values of site params.\nUsage {{% siteparam \u003cstring\u003e %}} The first required parameter is the name of the site param to be displayed.\nExamples For instance, in this current site, the editURL variable is used in config.toml\n[params] editURL = \"https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\" Use the siteparam shortcode to display its value.\n`editURL` Value : {{% siteparam \"editURL\" %}} is displayed as\neditURL Value : https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
-    "description": "Get value of site params variables in your page",
+    "content": "The siteparam shortcode prints values of site params.\nUsage While the examples are using named parameter you are free to use positional aswell.\nnamed positional {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} Parameter Name Position Default Notes name 1 \u003cempty\u003e The name of the site param to be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
+    "description": "Get value of site params",
     "tags": null,
     "title": "Site param",
     "uri": "/hugo-theme-relearn/shortcodes/siteparam/"
   },
   {
-    "content": "This shortcode uses the RapiDoc library to display your OpenAPI Specifications.\nNote This only works in modern browsers.\nConfiguration Swagger is configured with default settings. You can customize Swagger’s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.\nThe JSON object of your config.toml / frontmatter is forwarded into Swagger’s initialization. At the moment, only the theme setting is supported.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml or frontmatter.\nExample [params] swaggerInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" Usage Just insert give the URL to your OpenAPI Specification like this:\n{{\u003c swagger src=\"https://petstore3.swagger.io/api/v3/openapi.json\" \u003e}} If your page is a leaf or branch bundle, you can also use relative URLs:\n{{\u003c swagger src=\"petstore.json\" \u003e}} The src parameter is mandatory and can be either an absolute or a relative URL.\nExample ",
-    "description": "Adds UI for your Swagger / OpenAPI Specifications",
+    "content": "This shortcode uses the RapiDoc library to display your Swagger / OpenAPI Specifications.\nNote This only works in modern browsers.\nUsage {{\u003c swagger src=\"https://petstore3.swagger.io/api/v3/openapi.json\" \u003e}} Parameter Name Default Notes src \u003cempty\u003e The URL to the OpenAPI Specification file. This can be relative to the URL of your page if it is a leaf or branch bundle. Configuration Swagger is configured with default settings. You can customize Swagger’s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.\nThe JSON object of your config.toml / frontmatter is forwarded into Swagger’s initialization. At the moment, only the theme setting is supported.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml or frontmatter.\nGlobal Configuration File [params] swaggerInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" Example Using Local File {{\u003c swagger src=\"petstore.json\" \u003e}} ",
+    "description": "UI for your Swagger / OpenAPI Specifications",
     "tags": null,
     "title": "Swagger",
     "uri": "/hugo-theme-relearn/shortcodes/swagger/"
   },
   {
-    "content": "Choose which content to see across the page. Very handy for providing code snippets for multiple languages or providing configuration in different formats.\nCode example {{\u003c tabs \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"R\" %}} ```R \u003e print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"Bash\" %}} ```Bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} Renders as:\npython R Bash print(\"Hello World!\") \u003e print(\"Hello World!\") echo \"Hello World!\" Tab views with the same tabs that belong to the same group sychronize their selection:\npython R Bash print(\"Hello World!\") \u003e print(\"Hello World!\") echo \"Hello World!\" Config example {{\u003c tabs groupId=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab name=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} Renders as:\njson XML properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Warning When using tab views with different content sets, make sure to use a common groupId for equal sets but distinct groupId for different sets. The groupId defaults to 'default'. Take this into account across the whole site! The tab selection is restored automatically based on the groupId and if it cannot find a tab item because it came from the 'default' group on a different page then all tabs will be empty at first.\n",
-    "description": "Synchronize selection of content in different tabbed views",
+    "content": "The tabs shortcode displays arbitrary content in unlimited number of tabs. This comes in handy eg. for providing code snippets for multiple languages or providing configuration in different formats.\npython bash print(\"Hello World!\") echo \"Hello World!\" Usage {{\u003c tabs \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} Parameter Name Default Notes groupId default Arbitrary name of the group the tab view belongs to.Tab views with the same groupId sychronize their selected tab. This sychronization applies to the whole site! \u003ccontent\u003e \u003cempty\u003e Arbitrary number of tabs defined with the tab sub-shortcode. Warning When using tab views with different content sets, make sure to use a common groupId for equal sets of tabs but distinct groupId for different sets.\nThe tab selection is restored automatically based on the groupId and if it cannot find a tab item because it came from the 'default' group on a different page then all tabs will be empty at first!\nExamples Distinct groupId {{\u003c tabs groupId=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab name=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Non-Distinct groupId See what happens to this tab view if you select properties tab from the previous example.\n{{\u003c tabs groupId=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e ",
+    "description": "Show content in tabbed views",
     "tags": null,
     "title": "Tabbed views",
     "uri": "/hugo-theme-relearn/shortcodes/tabs/"
diff --git a/more/credits/_print/index.html b/more/credits/_print/index.html
index 8a31beedb3..561ef9ab39 100644
--- a/more/credits/_print/index.html
+++ b/more/credits/_print/index.html
@@ -10,18 +10,18 @@
     <title>Credits :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/more/credits/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/credits/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/more/credits/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,13 +262,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index 1730c76afb..e9c972b511 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -10,18 +10,18 @@
     <title>Credits :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/credits/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/more/credits/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/more/credits/">
     <div id="body" class="default-animation">
@@ -178,9 +178,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,13 +292,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/more/showcase/_print/index.html b/more/showcase/_print/index.html
index 537beb4053..3c462dc6cc 100644
--- a/more/showcase/_print/index.html
+++ b/more/showcase/_print/index.html
@@ -10,18 +10,18 @@
     <title>Showcase :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/more/showcase/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/showcase/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/more/showcase/">
     <div id="body" class="default-animation">
@@ -160,9 +160,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,13 +274,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/more/showcase/index.html b/more/showcase/index.html
index 4e5a1b22c1..96c3a6dc2b 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -10,18 +10,18 @@
     <title>Showcase :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/showcase/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/more/showcase/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/more/showcase/">
     <div id="body" class="default-animation">
@@ -173,9 +173,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -287,13 +287,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 023873df79..c0cf186066 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -9,18 +9,18 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/pir/_print/cont/archetypes/index.html b/pir/_print/cont/archetypes/index.html
index 574aa2779b..c4370aa886 100644
--- a/pir/_print/cont/archetypes/index.html
+++ b/pir/_print/cont/archetypes/index.html
@@ -10,18 +10,18 @@
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/archetypes/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/archetypes/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
     <div id="body" class="default-animation">
@@ -196,9 +196,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,13 +310,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/cont/icons/index.html b/pir/_print/cont/icons/index.html
index 1cd34545b0..ed02956516 100644
--- a/pir/_print/cont/icons/index.html
+++ b/pir/_print/cont/icons/index.html
@@ -10,18 +10,18 @@
     <title>Ay&#39;cons an&#39; logos :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/icons/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/icons/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/icons/">
     <div id="body" class="default-animation">
@@ -186,9 +186,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/cont/markdown/index.html b/pir/_print/cont/markdown/index.html
index f617f00367..5c89a2b55b 100644
--- a/pir/_print/cont/markdown/index.html
+++ b/pir/_print/cont/markdown/index.html
@@ -10,18 +10,18 @@
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/markdown/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/markdown/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/markdown/">
     <div id="body" class="default-animation">
@@ -659,9 +659,9 @@ line 3 o' code
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -773,13 +773,13 @@ line 3 o' code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/cont/menushortcuts/index.html b/pir/_print/cont/menushortcuts/index.html
index c50c13fefc..a68c96b3d4 100644
--- a/pir/_print/cont/menushortcuts/index.html
+++ b/pir/_print/cont/menushortcuts/index.html
@@ -10,18 +10,18 @@
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/menushortcuts/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/menushortcuts/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
     <div id="body" class="default-animation">
@@ -274,9 +274,9 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -388,13 +388,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/cont/syntaxhighlight/index.html b/pir/_print/cont/syntaxhighlight/index.html
index a5306e7dce..38afc8908d 100644
--- a/pir/_print/cont/syntaxhighlight/index.html
+++ b/pir/_print/cont/syntaxhighlight/index.html
@@ -10,18 +10,18 @@
     <title>Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
@@ -211,9 +211,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -325,13 +325,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/cont/tags/index.html b/pir/_print/cont/tags/index.html
index 927b5b45ea..d9ecbeff92 100644
--- a/pir/_print/cont/tags/index.html
+++ b/pir/_print/cont/tags/index.html
@@ -10,18 +10,18 @@
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/tags/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/tags/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/tags/">
     <div id="body" class="default-animation">
@@ -187,9 +187,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/index.html b/pir/_print/index.html
index 3e3da970c9..1ff418a6a1 100644
--- a/pir/_print/index.html
+++ b/pir/_print/index.html
@@ -10,18 +10,18 @@
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/">
     <div id="body" class="default-animation">
@@ -283,7 +283,8 @@
 <p><strong>Break'n</strong>: Because anchor hover color was not configur'ble without introduc'n more complexitity t' th' variant stylesheets, we decided t' remove <code>--MAIN-ANCHOR-color</code> instead. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from <code>--MAIN-LINK-color</code> an' <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> shorrrtcode can now be used wit' named parameters. Th' old positional parameters be still supported, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p><strong>New</strong>: All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p>This applies t' <a href="/hugo-theme-relearn/pir/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> an' <a href="/hugo-theme-relearn/pir/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/button/"><code>button</code></a> shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.</p>
@@ -292,6 +293,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> an' <code>--SECONDARY-color</code> were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors be th' default fer other, more specific color variables. Ye don&rsquo;t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: Th' documentat'n fer all shorrrtcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -2362,15 +2366,15 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/expand/" >Expand</a></h2>
-<p>Displays an expandable/collaps'ble section o' text on yer plank</p>
+<p>Expandable/collaps'ble sections o' text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/include/" >Include</a></h2>
-<p>Displays rrrambl'n from other Marrrkdown files</p>
+<p>Displays rrrambl'n from other files</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/mermaid/" >Merrrmaid</a></h2>
-<p>Generat'n o' diagram an' flowchart from text 'n a similar manner as Marrrkdown</p>
+<p>Generate diagrams an' flowcharts from text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/notice/" >Notice</a></h2>
@@ -2378,15 +2382,15 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/siteparam/" >Ship param</a></h2>
-<p>Get value o' ship params variables 'n yer plank</p>
+<p>Get value o' ship params</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/swagger/" >Swagger</a></h2>
-<p>Adds UI fer yer Swagger / OpenAPI Specificat'ns</p>
+<p>UI fer yer Swagger / OpenAPI Specificat'ns</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/tabs/" >Tabbed views</a></h2>
-<p>Synchr'nize select'n o' rrrambl'n 'n different tabbed views</p>
+<p>Show rrrambl'n 'n tabbed views</p>
 					
 </div>
 
@@ -2428,18 +2432,18 @@ However, if ye want t' keep th' title but change its value, it can be overriden
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Th' shortcurt lists files found 'n a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementat'ns fer planks</p>
+</span></span></code></pre></div><p>Th' shortcurt lists files found 'n a specific folder.</p>
+<p>Currently, it supports two implementat'ns fer planks</p>
 <ol>
 <li>
-<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a <strong>folder</strong> named like yer plank an' end'n wit' <strong>.files</strong>.</p>
+<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a folder named like yer plank an' end'n wit' <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
 <ul>
 <li>_index.md</li>
-<li>plank.files
+<li><strong>plank.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -2451,7 +2455,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 </blockquote>
 </li>
 <li>
-<p>If yer plank be a <strong>folder</strong>, attachements must be placed 'n a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If yer plank be a folder, attachements must be placed 'n a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
@@ -2460,7 +2464,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <li>plank
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -2479,7 +2483,6 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -2487,39 +2490,35 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
+<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye want no title, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye wa ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n le** there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n iseverity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used t' filter th' attachments by file name. For example:<br/><br/>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list o' attachments end'n 'n pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -2528,20 +2527,9 @@ However, if ye want t' keep th' title but change its value, it can be overriden
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Ahoi Styled Box, Descend'n Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Ahoi styled box, descend'n sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Ahoi</div>
   <ul class="box-content attachments-files">
@@ -2553,19 +2541,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style an' ay'cons</h3>
+<h3 id="style-and-icons">Style an' Ay'cons</h3>
 <p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
@@ -2587,13 +2563,6 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <p>Th' <code>button</code> shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Cap'n Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
   </a>
@@ -2606,14 +2575,14 @@ However, if ye want t' keep th' title but change its value, it can be overriden
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -2621,31 +2590,26 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Th' destinat'n URL fer th' button. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">Th' color scheme used t' paint th' button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places th' ay'con t' th' <code>left</code> or <code>right</code> o' th' title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -2653,8 +2617,12 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -2682,8 +2650,10 @@ However, if ye want t' keep th' title but change its value, it can be overriden
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -2695,8 +2665,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -2726,8 +2701,10 @@ However, if ye want t' keep th' title but change its value, it can be overriden
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -2740,16 +2717,18 @@ However, if ye want t' keep th' title but change its value, it can be overriden
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
-<h4 id="to-the-left">t' th' left</h4>
-
+<h4 id="to-the-left">T' th' Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Cap'n Hugo
   </a>
 </span>
-<h4 id="to-the-right">t' th' right</h4>
-
+<h4 id="to-the-right">T' th' Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">ay'con</span><span class="o">-</span><span class="nx">posit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -2757,7 +2736,8 @@ However, if ye want t' keep th' title but change its value, it can be overriden
   </a>
 </span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -2766,7 +2746,8 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -2790,55 +2771,58 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 	</div>
 </div>
 
-<p>Use th' children shorrrtcode t' list th' child planks o' a plank an' th' further descendants (children&rsquo;s children). By default, th' shorrrtcode displays links t' th' child planks.</p>
+<p>Th' <code>children</code> shorrrtcode lists th' child planks o' a plank an' its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Descript'n</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">plank</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify th' plank name (section name) t' display children fer</td>
+<td style="text-align:left"><strong>plank</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify th' plank name (section name) t' display children fer.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child planks hidden from th' menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child planks hidden from th' menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">descript'n</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows ye t' include a short text under each plank 'n th' list. When no descript'n exists fer th' plank, children shorrrtcode takes th' first 70 words o' yer rrrambl'n. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>descript'n</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number t' specify th' depth o' descendants t' display. For example, if th' value be 2, th' shorrrtcode will display 2 levels o' child planks.  <strong>Tips:</strong> set 999 t' get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">Th' depth o' descendants t' display. For example, if th' value be <code>2</code>, th' shorrrtcode will display two levels o' child planks.  T' get all descendants, set this value t' a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, t' sort on menu order - <strong>title</strong>, t' sort alphabetically on menu label. If not set it be sorted by th' <code>ordersectionsby</code> sett'n o' th' ship an' th' planks frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' sort order o' th' displayed list.<br/><br/>If not set it be sorted by th' <a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> sett'n o' th' ship an' th' planks frontmatter<br/><br/>- <code>weight</code>: t' sort on menu order<br/>- <code>title</code>: t' sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2848,6 +2832,7 @@ However, if ye want t' keep th' title but change its value, it can be overriden
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></li>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></li>
 </ul>
+<h3 id="with-description">Wit' Descript'n</h3>
 <div class="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">children</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2866,6 +2851,7 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a demo child plank</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth an' Hidden Planks</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2886,6 +2872,7 @@ So its rrrambl'n be used as descript'n.</p>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" >plank 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-4/" >plank 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Head'n Styles fer Container an' Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -2924,7 +2911,8 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a plain plank test nested 'n a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs fer Group an' Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -2932,8 +2920,6 @@ So its rrrambl'n be used as descript'n.</p>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" >plank 1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" >plank 1-1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" >plank 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >plank 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >plank 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" >plank 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></div>
@@ -3174,28 +3160,83 @@ So its rrrambl'n be used as descript'n.</p>
 	</div>
 </div>
 
-<p>Th' Expand shorrrtcode displays an expandable/collaps'ble section o' text on yer plank.</p>
+<p>Th' <code>expand</code> shorrrtcode displays an expandable/collaps'ble section o' text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank ye!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>Th' first optional parameter defines th' text that appears next t' th' expand/collapse ay'con. Th' default text be <code>&quot;Expand me...&quot;</code>.</p>
-<p>Th' second optional parameter controls if th' block be initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). Th' default ist <code>&quot;false&quot;</code>.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text t' appear next t' th' expand/collapse ay'con.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> th' rrrambl'n text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text t' be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell ye a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe th' next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -3203,26 +3244,12 @@ So its rrrambl'n be used as descript'n.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, ye did it!</p>
-
+Yes, ye did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -3230,60 +3257,11 @@ So its rrrambl'n be used as descript'n.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need t' press ye!</p>
-
+No need t' press ye!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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></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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show me almost endless possibilities
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>Some expand'ble text.</p>
-<p>Ye can add standard markdown rules:</p>
-<ul>
-<li>multiple paragraphs</li>
-<li>bullet point lists</li>
-<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
-<li><a href="https://example.com">links</a></li>
-<li>etc.</li>
-</ul>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
-</span></span></code></pre></div><blockquote>
-<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
-</blockquote>
-
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expand'ble</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Ye</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">rules</span><span class="p">:</span>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
@@ -3299,6 +3277,26 @@ So its rrrambl'n be used as descript'n.</p>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possiblities</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">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Show me almost endless possibilities
+    </a>
+    <div class="expand-content" style="display: none;">
+<p>Ye can add standard markdown rules:</p>
+<ul>
+<li>multiple paragraphs</li>
+<li>bullet point lists</li>
+<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
+<li><a href="https://example.com">links</a></li>
+<li>etc.</li>
+</ul>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
+</span></span></code></pre></div><blockquote>
+<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
+</blockquote>
+
     </div>
 </div>
 
@@ -3318,14 +3316,67 @@ So its rrrambl'n be used as descript'n.</p>
 	</div>
 </div>
 
-<p>Th' include shorrrtcode includes other files from yer project inside o' th' current file. This can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<p>Th' <code>include</code> shorrrtcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' path t' th' file t' be included.</p>
-<p>If th' file&rsquo;s rrrambl'n will be displayed as HTML, th' second optional parameter controls if th' first head'n o' th' included file should be displayed (<code>&quot;true&quot;</code>)- which be th' default - or be hidden.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' path t' th' file t' be included. Path resolut'n adheres t' <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> funct'n</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirsthead'n</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray rrrambl'n</h3>
-<p>Ye can add standard markdown rules:</p>
+<h3 id="arbitray-content">Arbitray Rrrambl'n</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -3338,18 +3389,6 @@ So its rrrambl'n be used as descript'n.</p>
 <p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
 
             <footer class="footline">
             </footer>
@@ -3366,7 +3405,13 @@ So its rrrambl'n be used as descript'n.</p>
 	</div>
 </div>
 
-<p><a href="https://mermaidjs.github.io/">Merrrmaid</a> be a library help'n ye t' generate diagram an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+<p>Wit' th' <a href="https://mermaidjs.github.io/">Merrrmaid</a> library an' shorrrtcode, ye can  generate diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -3382,37 +3427,102 @@ So its rrrambl'n be used as descript'n.</p>
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert yer Merrrmaid code 'n th' <code>mermaid</code> shorrrtcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Ye can set an optional <code>align</code> attribute which defaults t' <code>&quot;center&quot;</code>.</p>
-<p>If ye don&rsquo;t need alignment ye can use th' alternative rules us'n code fences if ye have turned off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
+<p>While th' examples be us'n shorrrtcode rules it be recommended t' use codefence rules instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (<a href="#configuration">see th' configurat'n section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shorrrtcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter be only supported when us'n shorrrtcode rules. Defaults be used when us'n codefence rules.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values be <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Yer mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configurat'n</h2>
+<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
+<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart wit' Non-Default Merrrmaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -3422,31 +3532,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how be ye?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about ye?
-    Bob-->John: Jolly bloody!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -3461,35 +3555,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how be ye?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about ye?
+    Bob-->John: Jolly bloody!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Add'n GANTT diagram functionality t' Merrrmaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, aft des2, 5d
-        Future task2              :         des4, aft des3, 5d
-        section Critical tasks
-        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
-        Implement parser an' jison          :crit, done, aft des1, 2d
-        Create tests fer parser             :crit, active, 3d
-        Future task 'n critical line        :crit, 5d
-        Create tests fer renderer           :2d
-        Add t' Merrrmaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -3508,34 +3587,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Add'n GANTT diagram functionality t' Merrrmaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, aft des2, 5d
+        Future task2              :         des4, aft des3, 5d
+        section Critical tasks
+        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
+        Implement parser an' jison          :crit, done, aft des1, 2d
+        Create tests fer parser             :crit, active, 3d
+        Future task 'n critical line        :crit, 5d
+        Create tests fer renderer           :2d
+        Add t' Merrrmaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Whar' am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -3553,25 +3622,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Whar' am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram wit' Codefence Rules</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -3582,36 +3649,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configurat'n</h2>
-<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
-<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
-    <div class="box-content">
-<p>If ye want t' use mermaid codefences, ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or planks frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
 
             <footer class="footline">
             </footer>
@@ -3676,7 +3722,6 @@ classDiagram
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Posit'n</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -3685,21 +3730,18 @@ classDiagram
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -3820,7 +3862,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Arrr wit' non-default title an' ay'con</h4>
+<h4 id="warning-with-non-default-title-and-icon">Arrr wit' Non-Default Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here be dragons</div>
@@ -3842,7 +3884,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Arrr without a title an' ay'con</h4>
+<h4 id="warning-without-a-title-and-icon">Arrr without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -3865,7 +3907,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary wit' title only</h4>
+<h4 id="primary-with-title-only">Primary wit' Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -3887,7 +3929,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary wit' ay'con only</h4>
+<h4 id="secondary-with-icon-only">Secondary wit' Ay'con only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -3910,7 +3952,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title an' ay'con</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -3932,7 +3974,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green wit' title only</h4>
+<h4 id="green-with-title-only">Green wit' Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -3954,7 +3996,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey wit' ay'con only</h4>
+<h4 id="grey-with-icon-only">Grey wit' Ay'con only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -3976,7 +4018,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange wit' title an' ay'con</h4>
+<h4 id="orange-with-title-and-icon">Orange wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -4021,7 +4063,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' title an' ay'con</h4>
+<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -4043,7 +4085,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent wit' title an' ay'con</h4>
+<h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -4082,18 +4124,60 @@ classDiagram
 	</div>
 </div>
 
-<p>Th' <code>siteparam</code> shorrrtcode be used t' help ye print values o' ship params.</p>
+<p>Th' <code>siteparam</code> shorrrtcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' name o' th' ship param t' be displayed.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' name o' th' ship param t' be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, 'n this current ship, th' <code>editURL</code> vari'ble be used 'n <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use th' <code>siteparam</code> shorrrtcode t' display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>be displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
 
             <footer class="footline">
@@ -4111,7 +4195,7 @@ classDiagram
 	</div>
 </div>
 
-<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer OpenAPI Specificat'ns.</p>
+<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -4119,21 +4203,36 @@ classDiagram
 <p>This only works 'n modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' URL t' th' OpenAPI Specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configurat'n</h2>
 <p>Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code> or override these sett'ns per plank thru yer planks frontmatter.</p>
 <p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Swagger&rsquo;s initializat'n. At th' moment, only th' <code>theme</code> sett'n be supported.</p>
 <p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give th' URL t' yer OpenAPI Specificat'n like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If yer plank be a leaf or branch bundle, ye can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Us'n Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Th' <code>src</code> parameter be mandatory an' can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -4164,105 +4263,80 @@ classDiagram
 	</div>
 </div>
 
-<p>Choose which rrrambl'n t' see across th' plank. Very handy fer provid'n code
-snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>Th' <code>tabs</code> shorrrtcode displays arbitrary rrrambl'n 'n unlimited number o' tabs. This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name o' th' group th' tab view belongs t'.<br/><br/>Tab views wit' th' same <strong>groupId</strong> sychr'nize their selected tab. This sychronizat'n applies t' th' whole ship!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
+    <div class="box-content">
+<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets o' tabs but distinct <code>groupId</code> fer different sets.</p>
+<p>Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came from th' <code>'default'</code> group on a different plank then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views wit' th' same tabs that belong t' th' same group sychr'nize their select'n:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -4282,8 +4356,7 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -4323,19 +4396,54 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
-    <div class="box-content">
-<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets but distinct
-<code>groupId</code> fer different sets. Th' <code>groupId</code> defaults t' <code>'default'</code>.
-<strong>Take this into account across th' whole ship!</strong>
-Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came
-from th' <code>'default'</code> group on a different plank then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens t' this tab view if ye select <strong>properties</strong> tab from th' previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -4412,9 +4520,9 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -4526,13 +4634,13 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/attachments/index.html b/pir/_print/shortcodes/attachments/index.html
index 7bdd9fbd36..46151b18fa 100644
--- a/pir/_print/shortcodes/attachments/index.html
+++ b/pir/_print/shortcodes/attachments/index.html
@@ -10,18 +10,18 @@
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/attachments/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/attachments/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
     <div id="body" class="default-animation">
@@ -111,18 +111,18 @@
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Th' shortcurt lists files found 'n a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementat'ns fer planks</p>
+</span></span></code></pre></div><p>Th' shortcurt lists files found 'n a specific folder.</p>
+<p>Currently, it supports two implementat'ns fer planks</p>
 <ol>
 <li>
-<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a <strong>folder</strong> named like yer plank an' end'n wit' <strong>.files</strong>.</p>
+<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a folder named like yer plank an' end'n wit' <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
 <ul>
 <li>_index.md</li>
-<li>plank.files
+<li><strong>plank.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -134,7 +134,7 @@
 </blockquote>
 </li>
 <li>
-<p>If yer plank be a <strong>folder</strong>, attachements must be placed 'n a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If yer plank be a folder, attachements must be placed 'n a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
@@ -143,7 +143,7 @@
 <li>plank
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -162,7 +162,6 @@
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -170,39 +169,35 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
+<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye want no title, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye wa ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n le** there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n iseverity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used t' filter th' attachments by file name. For example:<br/><br/>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list o' attachments end'n 'n pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -211,20 +206,9 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Ahoi Styled Box, Descend'n Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Ahoi styled box, descend'n sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Ahoi</div>
   <ul class="box-content attachments-files">
@@ -236,19 +220,7 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style an' ay'cons</h3>
+<h3 id="style-and-icons">Style an' Ay'cons</h3>
 <p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
@@ -326,9 +298,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -440,13 +412,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/button/index.html b/pir/_print/shortcodes/button/index.html
index 5b2652ca32..04466b48e6 100644
--- a/pir/_print/shortcodes/button/index.html
+++ b/pir/_print/shortcodes/button/index.html
@@ -10,18 +10,18 @@
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/button/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/button/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
     <div id="body" class="default-animation">
@@ -93,13 +93,6 @@
 <p>Th' <code>button</code> shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Cap'n Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
   </a>
@@ -112,14 +105,14 @@
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -127,31 +120,26 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Th' destinat'n URL fer th' button. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">Th' color scheme used t' paint th' button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places th' ay'con t' th' <code>left</code> or <code>right</code> o' th' title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -159,8 +147,12 @@
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -188,8 +180,10 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -201,8 +195,13 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -232,8 +231,10 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -246,16 +247,18 @@
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
-<h4 id="to-the-left">t' th' left</h4>
-
+<h4 id="to-the-left">T' th' Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Cap'n Hugo
   </a>
 </span>
-<h4 id="to-the-right">t' th' right</h4>
-
+<h4 id="to-the-right">T' th' Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">ay'con</span><span class="o">-</span><span class="nx">posit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -263,7 +266,8 @@
   </a>
 </span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -272,7 +276,8 @@
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -355,9 +360,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -469,13 +474,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/children/children-3/test3/index.html b/pir/_print/shortcodes/children/children-3/test3/index.html
index 82b33edb04..02b335f504 100644
--- a/pir/_print/shortcodes/children/children-3/test3/index.html
+++ b/pir/_print/shortcodes/children/children-3/test3/index.html
@@ -10,18 +10,18 @@
     <title>Plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
@@ -173,9 +173,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -287,13 +287,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/children/test/index.html b/pir/_print/shortcodes/children/test/index.html
index 75f99452cf..a2cc0cd3c2 100644
--- a/pir/_print/shortcodes/children/test/index.html
+++ b/pir/_print/shortcodes/children/test/index.html
@@ -10,18 +10,18 @@
     <title>Plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/test/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/test/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
     <div id="body" class="default-animation">
@@ -168,9 +168,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/expand/index.html b/pir/_print/shortcodes/expand/index.html
index fd220a6c90..79d48fc315 100644
--- a/pir/_print/shortcodes/expand/index.html
+++ b/pir/_print/shortcodes/expand/index.html
@@ -10,18 +10,18 @@
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/expand/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/expand/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
     <div id="body" class="default-animation">
@@ -90,28 +90,83 @@
 	</div>
 </div>
 
-<p>Th' Expand shorrrtcode displays an expandable/collaps'ble section o' text on yer plank.</p>
+<p>Th' <code>expand</code> shorrrtcode displays an expandable/collaps'ble section o' text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank ye!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>Th' first optional parameter defines th' text that appears next t' th' expand/collapse ay'con. Th' default text be <code>&quot;Expand me...&quot;</code>.</p>
-<p>Th' second optional parameter controls if th' block be initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). Th' default ist <code>&quot;false&quot;</code>.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text t' appear next t' th' expand/collapse ay'con.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> th' rrrambl'n text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text t' be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell ye a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe th' next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -119,26 +174,12 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, ye did it!</p>
-
+Yes, ye did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -146,60 +187,11 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need t' press ye!</p>
-
+No need t' press ye!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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></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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show me almost endless possibilities
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>Some expand'ble text.</p>
-<p>Ye can add standard markdown rules:</p>
-<ul>
-<li>multiple paragraphs</li>
-<li>bullet point lists</li>
-<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
-<li><a href="https://example.com">links</a></li>
-<li>etc.</li>
-</ul>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
-</span></span></code></pre></div><blockquote>
-<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
-</blockquote>
-
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expand'ble</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Ye</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">rules</span><span class="p">:</span>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
@@ -215,6 +207,26 @@
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possiblities</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">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Show me almost endless possibilities
+    </a>
+    <div class="expand-content" style="display: none;">
+<p>Ye can add standard markdown rules:</p>
+<ul>
+<li>multiple paragraphs</li>
+<li>bullet point lists</li>
+<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
+<li><a href="https://example.com">links</a></li>
+<li>etc.</li>
+</ul>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
+</span></span></code></pre></div><blockquote>
+<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
+</blockquote>
+
     </div>
 </div>
 
@@ -293,9 +305,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -407,13 +419,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/include/index.html b/pir/_print/shortcodes/include/index.html
index 34c722ebf4..1653d84de6 100644
--- a/pir/_print/shortcodes/include/index.html
+++ b/pir/_print/shortcodes/include/index.html
@@ -10,18 +10,18 @@
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/include/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/include/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
     <div id="body" class="default-animation">
@@ -90,14 +90,67 @@
 	</div>
 </div>
 
-<p>Th' include shorrrtcode includes other files from yer project inside o' th' current file. This can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<p>Th' <code>include</code> shorrrtcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' path t' th' file t' be included.</p>
-<p>If th' file&rsquo;s rrrambl'n will be displayed as HTML, th' second optional parameter controls if th' first head'n o' th' included file should be displayed (<code>&quot;true&quot;</code>)- which be th' default - or be hidden.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' path t' th' file t' be included. Path resolut'n adheres t' <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> funct'n</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirsthead'n</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray rrrambl'n</h3>
-<p>Ye can add standard markdown rules:</p>
+<h3 id="arbitray-content">Arbitray Rrrambl'n</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -110,18 +163,6 @@
 <p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
 
             <footer class="footline">
             </footer>
@@ -197,9 +238,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -311,13 +352,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/mermaid/index.html b/pir/_print/shortcodes/mermaid/index.html
index 203d48c08b..1b9ac95a40 100644
--- a/pir/_print/shortcodes/mermaid/index.html
+++ b/pir/_print/shortcodes/mermaid/index.html
@@ -10,18 +10,18 @@
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/mermaid/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/mermaid/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
     <div id="body" class="default-animation">
@@ -90,7 +90,13 @@
 	</div>
 </div>
 
-<p><a href="https://mermaidjs.github.io/">Merrrmaid</a> be a library help'n ye t' generate diagram an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+<p>Wit' th' <a href="https://mermaidjs.github.io/">Merrrmaid</a> library an' shorrrtcode, ye can  generate diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -106,37 +112,102 @@
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert yer Merrrmaid code 'n th' <code>mermaid</code> shorrrtcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Ye can set an optional <code>align</code> attribute which defaults t' <code>&quot;center&quot;</code>.</p>
-<p>If ye don&rsquo;t need alignment ye can use th' alternative rules us'n code fences if ye have turned off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
+<p>While th' examples be us'n shorrrtcode rules it be recommended t' use codefence rules instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (<a href="#configuration">see th' configurat'n section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shorrrtcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter be only supported when us'n shorrrtcode rules. Defaults be used when us'n codefence rules.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values be <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Yer mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configurat'n</h2>
+<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
+<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart wit' Non-Default Merrrmaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -146,31 +217,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how be ye?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about ye?
-    Bob-->John: Jolly bloody!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -185,35 +240,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how be ye?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about ye?
+    Bob-->John: Jolly bloody!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Add'n GANTT diagram functionality t' Merrrmaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, aft des2, 5d
-        Future task2              :         des4, aft des3, 5d
-        section Critical tasks
-        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
-        Implement parser an' jison          :crit, done, aft des1, 2d
-        Create tests fer parser             :crit, active, 3d
-        Future task 'n critical line        :crit, 5d
-        Create tests fer renderer           :2d
-        Add t' Merrrmaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -232,34 +272,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Add'n GANTT diagram functionality t' Merrrmaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, aft des2, 5d
+        Future task2              :         des4, aft des3, 5d
+        section Critical tasks
+        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
+        Implement parser an' jison          :crit, done, aft des1, 2d
+        Create tests fer parser             :crit, active, 3d
+        Future task 'n critical line        :crit, 5d
+        Create tests fer renderer           :2d
+        Add t' Merrrmaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Whar' am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -277,25 +307,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Whar' am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram wit' Codefence Rules</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -306,36 +334,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configurat'n</h2>
-<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
-<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
-    <div class="box-content">
-<p>If ye want t' use mermaid codefences, ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or planks frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
 
             <footer class="footline">
             </footer>
@@ -411,9 +418,9 @@ classDiagram
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -525,13 +532,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/notice/index.html b/pir/_print/shortcodes/notice/index.html
index a1f12686e2..765a52e9d1 100644
--- a/pir/_print/shortcodes/notice/index.html
+++ b/pir/_print/shortcodes/notice/index.html
@@ -10,18 +10,18 @@
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/notice/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/notice/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
     <div id="body" class="default-animation">
@@ -138,7 +138,6 @@
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Posit'n</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -147,21 +146,18 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -282,7 +278,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Arrr wit' non-default title an' ay'con</h4>
+<h4 id="warning-with-non-default-title-and-icon">Arrr wit' Non-Default Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here be dragons</div>
@@ -304,7 +300,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Arrr without a title an' ay'con</h4>
+<h4 id="warning-without-a-title-and-icon">Arrr without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -327,7 +323,7 @@
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary wit' title only</h4>
+<h4 id="primary-with-title-only">Primary wit' Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -349,7 +345,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary wit' ay'con only</h4>
+<h4 id="secondary-with-icon-only">Secondary wit' Ay'con only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -372,7 +368,7 @@
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title an' ay'con</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -394,7 +390,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green wit' title only</h4>
+<h4 id="green-with-title-only">Green wit' Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -416,7 +412,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey wit' ay'con only</h4>
+<h4 id="grey-with-icon-only">Grey wit' Ay'con only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -438,7 +434,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange wit' title an' ay'con</h4>
+<h4 id="orange-with-title-and-icon">Orange wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -483,7 +479,7 @@
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' title an' ay'con</h4>
+<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -505,7 +501,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent wit' title an' ay'con</h4>
+<h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -603,9 +599,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -717,13 +713,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/siteparam/index.html b/pir/_print/shortcodes/siteparam/index.html
index d2e31b5371..e83f0a7612 100644
--- a/pir/_print/shortcodes/siteparam/index.html
+++ b/pir/_print/shortcodes/siteparam/index.html
@@ -10,18 +10,18 @@
     <title>Ship param :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/siteparam/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/siteparam/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
     <div id="body" class="default-animation">
@@ -90,18 +90,60 @@
 	</div>
 </div>
 
-<p>Th' <code>siteparam</code> shorrrtcode be used t' help ye print values o' ship params.</p>
+<p>Th' <code>siteparam</code> shorrrtcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' name o' th' ship param t' be displayed.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' name o' th' ship param t' be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, 'n this current ship, th' <code>editURL</code> vari'ble be used 'n <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use th' <code>siteparam</code> shorrrtcode t' display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>be displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
 
             <footer class="footline">
@@ -178,9 +220,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,13 +334,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/shortcodes/tabs/index.html b/pir/_print/shortcodes/tabs/index.html
index ecb511ba6c..2792021b78 100644
--- a/pir/_print/shortcodes/tabs/index.html
+++ b/pir/_print/shortcodes/tabs/index.html
@@ -10,18 +10,18 @@
     <title>Tabbed views :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/tabs/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/tabs/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
     <div id="body" class="default-animation">
@@ -90,105 +90,80 @@
 	</div>
 </div>
 
-<p>Choose which rrrambl'n t' see across th' plank. Very handy fer provid'n code
-snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>Th' <code>tabs</code> shorrrtcode displays arbitrary rrrambl'n 'n unlimited number o' tabs. This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name o' th' group th' tab view belongs t'.<br/><br/>Tab views wit' th' same <strong>groupId</strong> sychr'nize their selected tab. This sychronizat'n applies t' th' whole ship!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
+    <div class="box-content">
+<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets o' tabs but distinct <code>groupId</code> fer different sets.</p>
+<p>Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came from th' <code>'default'</code> group on a different plank then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views wit' th' same tabs that belong t' th' same group sychr'nize their select'n:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -208,8 +183,7 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -249,19 +223,54 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
-    <div class="box-content">
-<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets but distinct
-<code>groupId</code> fer different sets. Th' <code>groupId</code> defaults t' <code>'default'</code>.
-<strong>Take this into account across th' whole ship!</strong>
-Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came
-from th' <code>'default'</code> group on a different plank then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens t' this tab view if ye select <strong>properties</strong> tab from th' previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -336,9 +345,9 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -450,13 +459,13 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/1/index.html b/pir/_print/yours/1/index.html
index 0155bfd0a9..63d7df797c 100644
--- a/pir/_print/yours/1/index.html
+++ b/pir/_print/yours/1/index.html
@@ -10,18 +10,18 @@
     <title>1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/1/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/10/index.html b/pir/_print/yours/10/index.html
index d2ffe261c8..ec97614181 100644
--- a/pir/_print/yours/10/index.html
+++ b/pir/_print/yours/10/index.html
@@ -10,18 +10,18 @@
     <title>11 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/10/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/10/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/10/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/2/index.html b/pir/_print/yours/2/index.html
index b18c54ba75..5214e4224b 100644
--- a/pir/_print/yours/2/index.html
+++ b/pir/_print/yours/2/index.html
@@ -10,18 +10,18 @@
     <title>2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/2/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/2/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/3/index.html b/pir/_print/yours/3/index.html
index 4e5a623167..090708a398 100644
--- a/pir/_print/yours/3/index.html
+++ b/pir/_print/yours/3/index.html
@@ -10,18 +10,18 @@
     <title>3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/3/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/3/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/4/index.html b/pir/_print/yours/4/index.html
index c3a7d322ff..633c99e05e 100644
--- a/pir/_print/yours/4/index.html
+++ b/pir/_print/yours/4/index.html
@@ -10,18 +10,18 @@
     <title>4 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/4/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/4/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/4/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/5/index.html b/pir/_print/yours/5/index.html
index a474d82f78..1ef026015d 100644
--- a/pir/_print/yours/5/index.html
+++ b/pir/_print/yours/5/index.html
@@ -10,18 +10,18 @@
     <title>5 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/5/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/5/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/5/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/6/index.html b/pir/_print/yours/6/index.html
index 29e7b19317..3d72970d93 100644
--- a/pir/_print/yours/6/index.html
+++ b/pir/_print/yours/6/index.html
@@ -10,18 +10,18 @@
     <title>6 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/6/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/6/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/6/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/7/index.html b/pir/_print/yours/7/index.html
index 220dca02d6..68c4f726fc 100644
--- a/pir/_print/yours/7/index.html
+++ b/pir/_print/yours/7/index.html
@@ -10,18 +10,18 @@
     <title>7 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/7/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/7/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/7/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/8/index.html b/pir/_print/yours/8/index.html
index 6eaf56d6a9..7339487cbc 100644
--- a/pir/_print/yours/8/index.html
+++ b/pir/_print/yours/8/index.html
@@ -10,18 +10,18 @@
     <title>8 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/8/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/8/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/8/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/_print/yours/9/index.html b/pir/_print/yours/9/index.html
index 6060beb272..12017900c5 100644
--- a/pir/_print/yours/9/index.html
+++ b/pir/_print/yours/9/index.html
@@ -10,18 +10,18 @@
     <title>9 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/9/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/9/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/9/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/_print/index.html b/pir/basics/_print/index.html
index ce575e4856..cff0b95046 100644
--- a/pir/basics/_print/index.html
+++ b/pir/basics/_print/index.html
@@ -10,18 +10,18 @@
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/">
     <div id="body" class="default-animation">
@@ -215,7 +215,8 @@
 <p><strong>Break'n</strong>: Because anchor hover color was not configur'ble without introduc'n more complexitity t' th' variant stylesheets, we decided t' remove <code>--MAIN-ANCHOR-color</code> instead. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from <code>--MAIN-LINK-color</code> an' <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> shorrrtcode can now be used wit' named parameters. Th' old positional parameters be still supported, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p><strong>New</strong>: All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p>This applies t' <a href="/hugo-theme-relearn/pir/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> an' <a href="/hugo-theme-relearn/pir/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/button/"><code>button</code></a> shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.</p>
@@ -224,6 +225,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> an' <code>--SECONDARY-color</code> were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors be th' default fer other, more specific color variables. Ye don&rsquo;t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: Th' documentat'n fer all shorrrtcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -1267,9 +1271,9 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1381,13 +1385,13 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/_print/index.html b/pir/basics/configuration/_print/index.html
index b2ca474947..e340ac6b9d 100644
--- a/pir/basics/configuration/_print/index.html
+++ b/pir/basics/configuration/_print/index.html
@@ -10,18 +10,18 @@
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/configuration/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/configuration/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/configuration/">
     <div id="body" class="default-animation">
@@ -288,9 +288,9 @@ default values:</p>
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -402,13 +402,13 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 2a99ca2c33..654bd61daf 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -10,18 +10,18 @@
     <title>Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/configuration/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/configuration/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/configuration/">
     <div id="body" class="default-animation">
@@ -287,9 +287,9 @@ default values:</p>
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -401,13 +401,13 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/customization/_print/index.html b/pir/basics/customization/_print/index.html
index b1f84e15ac..88f47d3ab1 100644
--- a/pir/basics/customization/_print/index.html
+++ b/pir/basics/customization/_print/index.html
@@ -10,18 +10,18 @@
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/customization/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/customization/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/customization/">
     <div id="body" class="default-animation">
@@ -223,9 +223,9 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -337,13 +337,13 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index c69c5e2a28..ee66051e58 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -10,18 +10,18 @@
     <title>Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/customization/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/customization/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/customization/">
     <div id="body" class="default-animation">
@@ -222,9 +222,9 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -336,13 +336,13 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/generator/_print/index.html b/pir/basics/generator/_print/index.html
index 4099a4362c..40f6b98c2d 100644
--- a/pir/basics/generator/_print/index.html
+++ b/pir/basics/generator/_print/index.html
@@ -10,18 +10,18 @@
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/generator/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/generator/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/generator/">
     <div id="body" class="default-animation">
@@ -189,9 +189,9 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,13 +303,13 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 98ff6c3c07..b9e032d65d 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -10,18 +10,18 @@
     <title>Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/generator/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/generator/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/generator/">
     <div id="body" class="default-animation">
@@ -188,9 +188,9 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/history/_print/index.html b/pir/basics/history/_print/index.html
index 45f1c985ad..d76d448ba9 100644
--- a/pir/basics/history/_print/index.html
+++ b/pir/basics/history/_print/index.html
@@ -10,18 +10,18 @@
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/history/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/history/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/history/">
     <div id="body" class="default-animation">
@@ -591,9 +591,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -705,13 +705,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index c8d00a873e..0b521af817 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -10,18 +10,18 @@
     <title>Historrry :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/history/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/history/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/history/">
     <div id="body" class="default-animation">
@@ -590,9 +590,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -704,13 +704,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 46bfdbb55c..050606ddd5 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -10,18 +10,18 @@
     <title>Basics :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/">
     <div id="body" class="default-animation">
@@ -166,9 +166,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,13 +280,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/installation/_print/index.html b/pir/basics/installation/_print/index.html
index 00a52aa40e..2705a8525c 100644
--- a/pir/basics/installation/_print/index.html
+++ b/pir/basics/installation/_print/index.html
@@ -10,18 +10,18 @@
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/installation/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/installation/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/installation/">
     <div id="body" class="default-animation">
@@ -221,9 +221,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -335,13 +335,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 4dda700966..4b56946322 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -10,18 +10,18 @@
     <title>Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/installation/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/installation/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/installation/">
     <div id="body" class="default-animation">
@@ -220,9 +220,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -334,13 +334,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/migration/_print/index.html b/pir/basics/migration/_print/index.html
index 9e9d8cbb7a..55f528cd27 100644
--- a/pir/basics/migration/_print/index.html
+++ b/pir/basics/migration/_print/index.html
@@ -10,18 +10,18 @@
     <title>Migrrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/migration/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/migration/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/migration/">
     <div id="body" class="default-animation">
@@ -104,7 +104,8 @@
 <p><strong>Break'n</strong>: Because anchor hover color was not configur'ble without introduc'n more complexitity t' th' variant stylesheets, we decided t' remove <code>--MAIN-ANCHOR-color</code> instead. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from <code>--MAIN-LINK-color</code> an' <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> shorrrtcode can now be used wit' named parameters. Th' old positional parameters be still supported, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p><strong>New</strong>: All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p>This applies t' <a href="/hugo-theme-relearn/pir/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> an' <a href="/hugo-theme-relearn/pir/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/button/"><code>button</code></a> shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.</p>
@@ -113,6 +114,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> an' <code>--SECONDARY-color</code> were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors be th' default fer other, more specific color variables. Ye don&rsquo;t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: Th' documentat'n fer all shorrrtcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -460,9 +464,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -574,13 +578,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 4f86f0613e..8233bf5fb8 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -10,18 +10,18 @@
     <title>Migrrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/migration/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/migration/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/migration/">
     <div id="body" class="default-animation">
@@ -103,7 +103,8 @@
 <p><strong>Break'n</strong>: Because anchor hover color was not configur'ble without introduc'n more complexitity t' th' variant stylesheets, we decided t' remove <code>--MAIN-ANCHOR-color</code> instead. Ye don&rsquo;t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from <code>--MAIN-LINK-color</code> an' <code>--MAIN-ANCHOR-HOVER-color</code> respectivley.</p>
 </li>
 <li>
-<p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> shorrrtcode can now be used wit' named parameters. Th' old positional parameters be still supported, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p><strong>New</strong>: All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don&rsquo;t need t' change anyth'n 'n yer installat'n.</p>
+<p>This applies t' <a href="/hugo-theme-relearn/pir/shortcodes/expand/"><code>expand</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/include/"><code>include</code></a> , <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code></a> an' <a href="/hugo-theme-relearn/pir/shortcodes/siteparam/"><code>siteparam</code></a> .</p>
 </li>
 <li>
 <p><strong>New</strong>: Th' <a href="/hugo-theme-relearn/pir/shortcodes/button/"><code>button</code></a> shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.</p>
@@ -112,6 +113,9 @@
 <p><strong>New</strong>: New colors <code>--PRIMARY-color</code> an' <code>--SECONDARY-color</code> were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have <code>primary</code> or <code>secondary</code> as additional values.</p>
 <p>These two colors be th' default fer other, more specific color variables. Ye don&rsquo;t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.</p>
 </li>
+<li>
+<p><strong>New</strong>: Th' documentat'n fer all shorrrtcodes were revised.</p>
+</li>
 </ul>
 <hr>
 <h2 id="340">3.4.0</h2>
@@ -459,9 +463,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -573,13 +577,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/_print/index.html b/pir/basics/requirements/_print/index.html
index 3f776d7bef..4c61776e75 100644
--- a/pir/basics/requirements/_print/index.html
+++ b/pir/basics/requirements/_print/index.html
@@ -10,18 +10,18 @@
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/basics/requirements/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/requirements/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/basics/requirements/">
     <div id="body" class="default-animation">
@@ -169,9 +169,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -283,13 +283,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index ed8c9605a4..e8deb90c1e 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -10,18 +10,18 @@
     <title>Requirrrements :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/requirements/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/basics/requirements/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/basics/requirements/">
     <div id="body" class="default-animation">
@@ -168,9 +168,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,13 +282,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 7d316b178b..496b293223 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/categories/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/categories/">
     <div id="body" class="default-animation">
@@ -146,9 +146,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -260,13 +260,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/cont/_print/index.html b/pir/cont/_print/index.html
index 04fcf06f9a..8c49e0932e 100644
--- a/pir/cont/_print/index.html
+++ b/pir/cont/_print/index.html
@@ -10,18 +10,18 @@
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/">
     <div id="body" class="default-animation">
@@ -1212,9 +1212,9 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1326,13 +1326,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 5cfc56221b..dc4f584bef 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -10,18 +10,18 @@
     <title>Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/archetypes/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/cont/archetypes/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
     <div id="body" class="default-animation">
@@ -195,9 +195,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/_print/index.html b/pir/cont/i18n/_print/index.html
index f230cc697a..8dc41c5275 100644
--- a/pir/cont/i18n/_print/index.html
+++ b/pir/cont/i18n/_print/index.html
@@ -10,18 +10,18 @@
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/i18n/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/i18n/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/i18n/">
     <div id="body" class="default-animation">
@@ -228,9 +228,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -342,13 +342,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 771e7aae2f..32c59c15db 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -10,18 +10,18 @@
     <title>Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/i18n/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/cont/i18n/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/i18n/">
     <div id="body" class="default-animation">
@@ -227,9 +227,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -341,13 +341,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/cont/icons/index.html b/pir/cont/icons/index.html
index 4e041248f6..135a8ad3dc 100644
--- a/pir/cont/icons/index.html
+++ b/pir/cont/icons/index.html
@@ -10,18 +10,18 @@
     <title>Ay&#39;cons an&#39; logos :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/icons/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/cont/icons/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/icons/">
     <div id="body" class="default-animation">
@@ -185,9 +185,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -299,13 +299,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 3a70df7078..1fb279af9c 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -10,18 +10,18 @@
     <title>Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/cont/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/">
     <div id="body" class="default-animation">
@@ -166,9 +166,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,13 +280,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 1dc1d22352..e74bf2f28b 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -10,18 +10,18 @@
     <title>Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/markdown/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/cont/markdown/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/markdown/">
     <div id="body" class="default-animation">
@@ -658,9 +658,9 @@ line 3 o' code
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -772,13 +772,13 @@ line 3 o' code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 84fe3d40fd..02bb6a7ad8 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -10,18 +10,18 @@
     <title>Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/menushortcuts/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/cont/menushortcuts/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
     <div id="body" class="default-animation">
@@ -273,9 +273,9 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -387,13 +387,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/cont/pages/_print/index.html b/pir/cont/pages/_print/index.html
index 958338b83e..d2b5ccb853 100644
--- a/pir/cont/pages/_print/index.html
+++ b/pir/cont/pages/_print/index.html
@@ -10,18 +10,18 @@
     <title>Planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/cont/pages/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/pages/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/cont/pages/">
     <div id="body" class="default-animation">
@@ -298,9 +298,9 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -412,13 +412,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index febe1d1020..05fc5e2b40 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -10,18 +10,18 @@
     <title>Planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/pages/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/cont/pages/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/pages/">
     <div id="body" class="default-animation">
@@ -297,9 +297,9 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -411,13 +411,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 94452af408..c1ef62b272 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -10,18 +10,18 @@
     <title>Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/syntaxhighlight/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/cont/syntaxhighlight/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
     <div id="body" class="default-animation">
@@ -210,9 +210,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -324,13 +324,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index 13132284bd..278ebce15e 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -10,18 +10,18 @@
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/tags/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/cont/tags/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/cont/tags/">
     <div id="body" class="default-animation">
@@ -186,9 +186,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 77ff3ad804..4caa49ac9e 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -10,18 +10,18 @@
     <title>Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/">
     <div id="body" class="default-animation">
@@ -214,9 +214,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,13 +328,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/index.json b/pir/index.json
index ee914b5d96..563e45214e 100644
--- a/pir/index.json
+++ b/pir/index.json
@@ -21,7 +21,7 @@
     "uri": "/hugo-theme-relearn/pir/cont/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nChapter 3 Shorrrtcodes Cap'n Hugo uses Marrrkdown fer its simple rrrambl'n format. However, there be a lot o' th'ns that Marrrkdown doesn’t support well. Ye could use pure HTML t' expand possibilities.\nBut this happens t' be a bad idea. Everyone uses Marrrkdown because it’s pure an' simple t' read even non-rendered. Ye should avoid HTML t' keep it as simple as poss'ble.\nT' avoid this limitat'ns, Cap'n Hugo created shorrrtcodes. A shorrrtcode be a simple snippet inside a plank.\nTh' Relearrrn theme provides multiple shorrrtcodes on top o' exist'n ones.\nAttachments List o' files attached t' a plank\nButton Click'ble buttons\nChildren List th' child planks o' a plank\nExpand Displays an expandable/collaps'ble section o' text on yer plank\nInclude Displays rrrambl'n from other Marrrkdown files\nMerrrmaid Generat'n o' diagram an' flowchart from text 'n a similar manner as Marrrkdown\nNotice Disclaimers t' help ye structure yer plank\nShip param Get value o' ship params variables 'n yer plank\nSwagger Adds UI fer yer Swagger / OpenAPI Specificat'ns\nTabbed views Synchr'nize select'n o' rrrambl'n 'n different tabbed views\n",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nChapter 3 Shorrrtcodes Cap'n Hugo uses Marrrkdown fer its simple rrrambl'n format. However, there be a lot o' th'ns that Marrrkdown doesn’t support well. Ye could use pure HTML t' expand possibilities.\nBut this happens t' be a bad idea. Everyone uses Marrrkdown because it’s pure an' simple t' read even non-rendered. Ye should avoid HTML t' keep it as simple as poss'ble.\nT' avoid this limitat'ns, Cap'n Hugo created shorrrtcodes. A shorrrtcode be a simple snippet inside a plank.\nTh' Relearrrn theme provides multiple shorrrtcodes on top o' exist'n ones.\nAttachments List o' files attached t' a plank\nButton Click'ble buttons\nChildren List th' child planks o' a plank\nExpand Expandable/collaps'ble sections o' text\nInclude Displays rrrambl'n from other files\nMerrrmaid Generate diagrams an' flowcharts from text\nNotice Disclaimers t' help ye structure yer plank\nShip param Get value o' ship params\nSwagger UI fer yer Swagger / OpenAPI Specificat'ns\nTabbed views Show rrrambl'n 'n tabbed views\n",
     "description": "",
     "tags": null,
     "title": "Shorrrtcodes",
@@ -94,7 +94,7 @@
     "uri": "/hugo-theme-relearn/pir/cont/syntaxhighlight/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\nBreak'n: A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange: A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.\nNew: Marks new behavior ye might find interest'n or comes configur'ble.\n4.0.0 Break'n: Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n: Because anchor hover color was not configur'ble without introduc'n more complexitity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectivley.\nNew: Th' notice shorrrtcode can now be used wit' named parameters. Th' old positional parameters be still supported, so ye don’t need t' change anyth'n 'n yer installat'n.\nNew: Th' button shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew: New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\n3.4.0 Break'n: If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew: If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew: Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew: Translat'n fer Traditional Chinese.\n3.3.0 New: Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishs between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew: Th' new shorrrtcode swagger be avail'ble t' include a UI fer REST OpenAPI Specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 Change: In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nThis change requires at least Cap'n Hugo 0.93.0 t' be used. Th' minimum requirement will be reported dur'n build on th' console if not met.\nNew: Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 New: attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 Break'n: We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n: We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange: Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange: For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew: Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew: T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew: Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 Break'n: This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard complient an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard complient form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard complient an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 Change: Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer czech.\nNew: Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew: Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 New: Optional second parameter fer notice shorrrtcode t' set title 'n box header. 2.6.0 New: Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 Change: New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlightn'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 Change: Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew: Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew: Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew: New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\nNew: Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 New: Showcase multilanguage features by provd'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints. 2.2.0 New: Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 Change: In case th' site’s structure contains addional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew: Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew: If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\nNew: Th' menu will scroll th' active item into view on board.\n2.0.0 Change: Syntaxhighlightn'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange: In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange: --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange: Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange: If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange: A plank without a title will be treated as hidden=true.\nNew: Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew: New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew: Shorrrtcode children wit' new parameter containerstyle.\nNew: New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 New: Shorrrtcode expand wit' new parameter t' open on plank board. 1.1.0 New: Merrrmaid config opt'ns can be set 'n config.toml. 1.0.0 New: Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues. ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nThis document shows ye what’s new 'n th' latest release. For a detailed list o' changes, see th' history plank.\nBreak'n: A change that requires act'n by ye aft upgrad'n t' assure th' ship be still functional.\nChange: A change 'n default behavior. This may requires act'n by ye / may or may not be revert'ble by configurat'n.\nNew: Marks new behavior ye might find interest'n or comes configur'ble.\n4.0.0 Break'n: Th' custom_css config parameter was removed from th' configurat'n. If used 'n an exist'n installat'n, it can be achieved by overrid'n th' custom-header.html template 'n a much more generic manner.\nBreak'n: Because anchor hover color was not configur'ble without introduc'n more complexitity t' th' variant stylesheets, we decided t' remove --MAIN-ANCHOR-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' anchors now get their colors from --MAIN-LINK-color an' --MAIN-ANCHOR-HOVER-color respectivley.\nNew: All shorrrtcodes now support named parameter. Th' positional parameter be still supported but will not be enhanced wit' new features, so ye don’t need t' change anyth'n 'n yer installat'n.\nThis applies t' expand , include , notice an' siteparam .\nNew: Th' button shorrrtcode received some love an' now has a parameter fer th' color style similar t' other shorrrtcodes.\nNew: New colors --PRIMARY-color an' --SECONDARY-color were added t' provide easier modificat'n o' yer custom style. Shorrrtcodes wit' a color style can now have primary or secondary as additional values.\nThese two colors be th' default fer other, more specific color variables. Ye don’t need t' change anyth'n 'n yer exist'n custom color stylesheets as those variables get reason'ble default values.\nNew: Th' documentat'n fer all shorrrtcodes were revised.\n3.4.0 Break'n: If ye had previously overwritten th' custom-footer.html partial t' add visual elements below th' rrrambl'n o' yer plank, ye have t' move this rrrambl'n t' th' new partial content-footer.html. custom-footer.html was never meant t' contain HTML other than additional styles an' JavaScript.\nNew: If ye prefer expandable/collaps'ble menu items, ye can now set collapsibleMenu=true 'n yer config.toml. This will add arrows t' all menu items that contain sub menus. Th' menu will expand/collapse without navigat'n if ye click on an arrow.\nNew: Ye can activate print support 'n yer config.toml t' add th' capability t' print whole chapters or even th' complete ship.\nNew: Translat'n fer Traditional Chinese.\n3.3.0 New: Introduct'n o' new CSS variables t' set th' font. Th' theme distinguishs between --MAIN-font fer all rrrambl'n text an' --CODE-font fer inline or block code. There be additional overrides fer all head'ns. See th' theme variant generator o' th' exampleSite fer all avail'ble variables.\nNew: Th' new shorrrtcode swagger be avail'ble t' include a UI fer REST OpenAPI Specificat'ns. See th' documentat'n fer avail'ble features. This feature will not work wit' Internet Explorer 11.\n3.2.0 Change: In this release th' Merrrmaid JavaScript library will only be boarded on demand if th' plank contains a Merrrmaid shorrrtcode or be us'n Merrrmaid codefences. This changes th' behavior o' disableMermaid config opt'n as follows: If a Merrrmaid shorrrtcode or codefence be found, th' opt'n will be ignored an' Merrrmaid will be boarded regardlessly.\nTh' opt'n be still useful 'n case ye be us'n script'n t' set up yer graph. In this case no shorrrtcode or codefence be involved an' th' library be not boarded by default. In this case ye can set disableMermaid=false 'n yer frontmatter t' force th' library t' be boarded. See th' theme variant generator o' th' exampleSite fer an example.\nThis change requires at least Cap'n Hugo 0.93.0 t' be used. Th' minimum requirement will be reported dur'n build on th' console if not met.\nNew: Additional color variant vari'ble --MERMAID-theme t' set th' variant’s Merrrmaid theme. This causes th' Merrrmaid theme t' switch wit' th' color variant if it defers from th' sett'n o' th' formerly selected color variant.\n3.1.0 New: attachment an' notice shorrrtcodes have a new parameter t' override th' default ay'con. Allowed values be all Font Awesome 5 Free ay'cons. 3.0.0 Break'n: We made changes t' th' menu footer. If ye have yer menu-footer.html partial overridden, ye may have t' review th' styl'n (eg. margins/paddings) 'n yer partial. For a reference take a look into th' menu-footer.html partial that be com'n wit' th' exampleSite.\nThis change was made t' allow yer own menu footer t' be placed right aft th' so called prefooter that comes wit' th' theme (contain'n th' language switch an' Clear history functionality).\nBreak'n: We have changed th' default colors from th' original Learrrn theme (the purple menu header) t' th' Relearrrn defaults (the light green menu header) as used 'n th' official documentat'n.\nThis change will only affect yer installat'n if you’ve not set th' themeVariant parameter 'n yer config.toml. If ye still want t' use th' Learrrn color variant, ye have t' explicitly set themeVariant=\"learn\" 'n yer config.toml.\nAvast, that this will also affect yer ship if viewed wit' Internet Explorer 11 but 'n this case it can not be reconfigured as Internet Explorer does not support CSS variables.\nChange: Due t' a bug, that we couldn’t fix 'n a general manner fer color variants, we decided t' remove --MENU-SEARCH-BOX-ICONS-color an' introduced --MENU-SEARCH-color instead. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange: For consistency reasons, we renamed --MENU-SEARCH-BOX-color t' --MENU-SEARCH-BORDER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nNew: Wit' this release ye be now cap'ble t' define yer own dark mode variants.\nT' make this poss'ble, we have introduced a lot more color variables ye can use 'n yer color variants. Yer old variants will still work an' don’t need t' be changed as apropriate fallback values be used by th' theme. Nevertheless, th' new colors allow fer much more customizat'n.\nT' see what’s now poss'ble, see th' new variants relearn-dark an' neon that be com'n wit' this release.\nNew: T' make th' creat'n o' new variants easier fer ye, we’ve added a new interactive theme variant generator. This feature will not work wit' Internet Explorer 11.\nNew: Ye can now configure multiple color variants 'n yer config.toml. In this case, th' first variant be th' default chosen on first view an' a variant switch will be shown 'n th' menu footer. See th' documentat'n fer configurat'n.\nAvast, that th' new variant switch will not work wit' Internet Explorer 11 as it does not support CSS variables. Therefore, th' variant switcher will not be displayed wit' Internet Explorer 11.\n2.9.0 Break'n: This release removes th' themes implementat'n o' ref/relref 'n favor fer Hugos standard implementat'n. This be because o' inconsistencies wit' th' themes implementat'n. In advantage, yer project becomes standard complient an' exchang'n this theme 'n yer project t' some other theme will be effortless.\nIn a standard complient form ye must not link t' th' *.md file but t' its logical name. You’ll see, referenc'n other planks becomes much easier. All three types result 'n th' same reference:\nType Non-Standard Standard Branch bundle basics/configuration/_index.md basics/configurat'n Leaf bundle basics/configuration/index.md basics/configurat'n Plank basics/configurat'n.md basics/configurat'n If you’ve linked from a plank o' one language t' a plank o' another language, conversion be a bit more difficult but Cap'n Hugo got ye covered as well.\nAlso, th' old themes implementat'n allowed refs t' non-exist'n rrrambl'n. This will cause Hugos implementat'n t' show th' error below an' abort th' generat'n. If yer project relies on this old behavior, ye can reconfigure th' error handl'n o' Hugos implementat'n.\nIn th' best case yer usage o' th' old implementat'n be already standard complient an' ye don’t need t' change anyth'n. You’ll notice this very easily once you’ve started hugo server aft an upgrade an' no errors be written t' th' console.\nYe may see errors on th' console aft th' update 'n th' form:\nERROR 2021/11/19 22:29:10 [en] REF_NOT_FOUND: Ref \"basics/configuration/_index.md\": \"hugo-theme-relearn\\exampleSite\\content\\_index.en.md:19:22\": plank not found In this case, ye must apply one o' two opt'ns:\nCopy th' old implementat'n files theme/hugo-theme-relearn/layouts/shortcode/ref.html an' theme/hugo-theme-relearn/layouts/shortcode/relref.html t' yer own projects layouts/shortcode/ref.html an' layouts/shortcode/relref.html respectively. This be not recommended as yer project will still rely on non-standard behavior afterwards.\nStart up a text editor wit' regular expression support fer search an' replace. Apply th' follow'n conversions 'n th' given order on all *.md files. This be th' recommended choice.\nType Search Replace by Branch bundle (ref\\s+\"[^\"]*)/_index\\.md\" $1\" Leaf bundle (ref\\s+\"[^\"]*)/index\\.md\" $1\" Plank (ref\\s+\"[^\"]*)\\.md\" $1\" 2.8.0 Change: Although never officially documented, this release removes th' font Novacento/Novecento. If ye use it 'n an overwritten CSS please replace it wit' Work Sans. This change was necessary as Novacento did not provide all Latin special characters an' lead t' mixed styled character text eg. fer czech.\nNew: Th' theme now supports favicons served from static/images/ named as favicon or logo 'n SVG, PNG or ICO format out o' th' box. An overridden partial layouts/partials/favicon.html may not be necessary anymore 'n most cases.\nNew: Ye can hide th' t'ble o' contents menu fer th' whole ship by sett'n th' disableToc opt'n 'n yer config.toml. For an example see th' example configurat'n.\n2.7.0 New: Optional second parameter fer notice shorrrtcode t' set title 'n box header. 2.6.0 New: Yer ship can now be served from a subfolder if ye set baseURL an' canonifyURLs=true 'n yer config.toml. See th' documentat'n fer a detailed example. 2.5.0 Change: New colors --CODE-BLOCK-color an' --CODE-BLOCK-BG-color were added t' provide a fallback fer Hugos rules highlightn'n 'n case guessSyntax=true be set. Ideally th' colors be set t' th' same values as th' ones from yer chosen chroma style. 2.4.0 Change: Creat'n o' customized stylesheets was simplified down t' only contain th' CSS variables. Everyth'n else can an' should be deleted from yer custom stylesheet t' assure everyth'n works fine. For th' predefined stylesheet variants, this change be already included.\nNew: Hidden planks be displayed by default 'n their accord'n tags plank. Ye can now turn off this behavior by sett'n disableTagHiddenPages=true 'n yer config.toml.\nNew: Ye can define th' expansion state o' yer menus fer th' whole ship by sett'n th' alwaysopen opt'n 'n yer config.toml. Please see further documentat'n fer poss'ble values an' default behavior.\nNew: New frontmatter ordersectionsby opt'n t' change immediate children sort'n 'n menu an' children shorrrtcode. Poss'ble values be title or weight.\nNew: Alternate rrrambl'n o' a plank be now advertised 'n th' HTML meta tags. See Cap'n Hugo documentat'n.\n2.3.0 New: Showcase multilanguage features by provd'n a documentat'n translat'n “fer us pirrrates”. There will be no other translat'ns besides th' original English one an' th' Pirates one due t' maintenance constraints. 2.2.0 New: Hidden planks be displayed by default 'n th' sitemap generated by Cap'n Hugo an' be therefore vis'ble fer search engine index'n. Ye can now turn off this behavior by sett'n disableSeoHiddenPages=true 'n yer config.toml. 2.1.0 Change: In case th' site’s structure contains addional *.md files not part o' th' ship (eg files that be meant t' be included by ship planks - see CHANGELOG.md 'n th' exampleSite), they will now be ignored by th' search.\nNew: Hidden planks be indexed fer th' ship search by default. Ye can now turn off this behavior by sett'n disableSearchHiddenPages=true 'n yer config.toml.\nNew: If a search term be found 'n an expand shorrrtcode, th' expand will be opened.\nNew: Th' menu will scroll th' active item into view on board.\n2.0.0 Change: Syntaxhighlightn'n was switched t' th' built 'n Hugo mechanism. Ye may need t' configure a new stylesheet or decide t' roll ye own as described on 'n th' Cap'n Hugo documentat'n\nChange: In th' predefined stylesheets there was a typo an' --MENU-HOME-LINK-HOVERED-color must be changed t' --MENU-HOME-LINK-HOVER-color. Ye don’t need t' change anyth'n 'n yer custom color stylesheet as th' old name will be used as a fallback.\nChange: --MENU-HOME-LINK-color an' --MENU-HOME-LINK-HOVER-color were miss'n 'n th' documentat'n. Ye should add them t' yer custom stylesheets if ye want t' override th' defaults.\nChange: Arrow navigat'n an' children shorrrtcode were ignor'n sett'n fer ordersectionsby. This be now changed an' may result 'n different sort'n order o' yer sub planks.\nChange: If hidden planks be accessed directly by typ'n their URL, they will be exposed 'n th' menu.\nChange: A plank without a title will be treated as hidden=true.\nNew: Ye can define th' expansion state o' yer menus 'n th' frontmatter. Please see further documentat'n fer poss'ble values an' default behavior.\nNew: New partials fer defin'n pre/post rrrambl'n fer menu items an' th' rrrambl'n. See documentat'n fer further read'n.\nNew: Shorrrtcode children wit' new parameter containerstyle.\nNew: New shorrrtcode include t' include arbitrary file rrrambl'n into a plank.\n1.2.0 New: Shorrrtcode expand wit' new parameter t' open on plank board. 1.1.0 New: Merrrmaid config opt'ns can be set 'n config.toml. 1.0.0 New: Initial fork o' th' Learrrn theme based on Learrrn 2.5.0 on 2021-07-01. This introduces no new features besides a global rename t' Relearrrn an' a new logo. For th' reasons behind fork'n th' Learrrn theme, see this comment 'n th' Learrrn issues. ",
     "description": "",
     "tags": null,
     "title": "Migrrrat'n",
@@ -260,14 +260,14 @@
     "uri": "/hugo-theme-relearn/pir/yours/9/"
   },
   {
-    "content": " Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' attachments shorrrtcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage Th' shortcurt lists files found 'n a specific folder.\n{{% attachments /%}} Currently, it support two implementat'ns fer planks\nIf yer plank be a Marrrkdown file, attachements must be placed 'n a folder named like yer plank an' end'n wit' .files.\nrrrambl'n _index.md plank.files attachment.pdf plank.md If yer plank be a folder, attachements must be placed 'n a nested ‘files’ folder.\nrrrambl'n _index.md plank index.md files attachment.pdf Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages.\nParameter Name Optional Default Notes style yes transparent Th' color scheme used t' highlight th' box rrrambl'n.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent title yes see notes Arbitray text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.- fer severity styles: th' match'n title fer th' severity- fer all other colors: AttachmentsIf ye want no title, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con yes see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.- fer severity styles: a nice match'n ay'con fer th' severity- fer all other colors: paperclipIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) sort yes asc Sort'n th' output 'n ascend'n or descend'n order. pattern yes .* A regular expressions, used t' filter th' attachments by file name. For example:- t' match a file suffix o' ‘jpg’, use .*jpg (not *.jpg)- t' match file names end'n 'n jpg or png, use .*(jpg|png) Examples Custom title, list o' attachments end'n 'n pdf or mp4 Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Show marrrkup {{% attachments title=\"Related files\" pattern=\".*(pdf|mp4)\" /%}} Ahoi styled box, descend'n sort order Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Show marrrkup {{% attachments style=\"info\" sort=\"desc\" /%}} Style an' ay'cons For further examples fer style, title an' ay'con, see th' notice shorrrtcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
+    "content": " Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' attachments shorrrtcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage {{% attachments /%}} Th' shortcurt lists files found 'n a specific folder.\nCurrently, it supports two implementat'ns fer planks\nIf yer plank be a Marrrkdown file, attachements must be placed 'n a folder named like yer plank an' end'n wit' .files.\nrrrambl'n _index.md plank.files attachment.pdf plank.md If yer plank be a folder, attachements must be placed 'n a nested files folder.\nrrrambl'n _index.md plank index.md files attachment.pdf Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages.\nParameter Name Default Notes style transparent Th' color scheme used t' highlight th' box rrrambl'n.- by severity: info, note, tip, warning\u003cnd color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default,t` title see notes Arbitray text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwault.- fer severity styles: th' match'n title fer th' severity- fer all other colors: AttachmentsIf ye wa ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n le** there may be a default ay'con. Any given value will overwrite th' default.- fer severity styles: a nice match'n iseverity- fer all other colors: paperclipIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:- t' match a file suffix o' ‘jpg’, use .*jpg (not *.jpg)- t' match file names end'n 'n jpg or png, use .*(jpg|png) Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related files\" pattern=\".*(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Style an' Ay'cons For further examples fer style, title an' ay'con, see th' notice shorrrtcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
     "description": "",
     "tags": null,
     "title": "Attachments",
     "uri": "/hugo-theme-relearn/pir/shortcodes/attachments/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' button shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Usage Once th' button be clicked, it opens another browser tab fer th' given URL.\n{{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Parameter Name Optional Default Notes href yes \u003cempty\u003e Th' destinat'n URL fer th' button. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble. style yes transparent Th' color scheme used t' paint th' button.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent ay'con yes see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.- fer severity styles: a nice match'n ay'con fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n yes left Places th' ay'con t' th' left or right o' th' title. \u003ccontent\u003e yes see notes Arbitray text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.- fer severity styles: th' match'n title fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style by Severity Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo by Brand Colors Get Cap'n Hugo Get Cap'n Hugo by Color Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo by Special Color Get Cap'n Hugo Get Cap'n Hugo Ay'con t' th' left Get Cap'n Hugo t' th' right Get Cap'n Hugo Override fer Severity Get Cap'n Hugo Other Severity Style wit' all Defaults Smarrrt Arrrse ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' button shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.\nGet Cap'n Hugo Get Cap'n Hugo Usage {{% button href=\"https://gohugo.io/\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" ay'con=\"dragon\" %}}Get Cap'n Hugo{{% /button %}} Once th' button be clicked, it opens another browser tab fer th' given URL.\nParameter Name Default Notes href \u003cempty\u003e Th' destinat'n URL fer th' button. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble. style transparent Th' color scheme used t' paint th' button.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.- fer severity styles: a nice match'n ay'con fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) iconposit'n left Places th' ay'con t' th' left or right o' th' title. \u003ccontent\u003e see notes Arbitray text fer th' button title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.- fer severity styles: th' match'n title fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples Style By Severity {{% button href=\"https://gohugo.io/\" style=\"info\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"note\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Brand Colors {{% button href=\"https://gohugo.io/\" style=\"primary\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"secondary\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo By Color {{% button href=\"https://gohugo.io/\" style=\"blue\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"green\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"grey\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"orange\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"red\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo Get Cap'n Hugo By Special Color {{% button href=\"https://gohugo.io/\" style=\"default\" %}}Get Cap'n Hugo{{% /button %}} {{% button href=\"https://gohugo.io/\" style=\"transparent\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Get Cap'n Hugo Ay'con T' th' Left {{% button href=\"https://gohugo.io/\" ay'con=\"download\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo T' th' Right {{% button href=\"https://gohugo.io/\" ay'con=\"download\" ay'con-posit'n=\"right\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Override fer Severity {{% button href=\"https://gohugo.io/\" ay'con=\"dragon\" style=\"warning\" %}}Get Cap'n Hugo{{% /button %}} Get Cap'n Hugo Other Severity Style wit' all Defaults {{% button href=\"https://gohugo.io/\" style=\"tip\" %}}{{% /button %}} Smarrrt Arrrse ",
     "description": "",
     "tags": null,
     "title": "Button",
@@ -295,7 +295,7 @@
     "uri": "/hugo-theme-relearn/pir/tags/children/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nUse th' children shorrrtcode t' list th' child planks o' a plank an' th' further descendants (children’s children). By default, th' shorrrtcode displays links t' th' child planks.\nUsage Parameter Default Descript'n plank current Specify th' plank name (section name) t' display children fer containerstyle “ul” Choose th' style used t' group all children. It could be any HTML tag name style “li” Choose th' style used t' display each descendant. It could be any HTML tag name showhidden “false” When true, child planks hidden from th' menu will be displayed descript'n “false” Allows ye t' include a short text under each plank 'n th' list. When no descript'n exists fer th' plank, children shorrrtcode takes th' first 70 words o' yer rrrambl'n. Read more info about summaries on gohugo.io depth 1 Enter a number t' specify th' depth o' descendants t' display. For example, if th' value be 2, th' shorrrtcode will display 2 levels o' child planks. Tips: set 999 t' get all descendants sort ordersectionsby Sort children by weight, t' sort on menu order - title, t' sort alphabetically on menu label. If not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter Demo {{% children %}} plank X plank 1 plank 2 plank 3 {{% children descript'n=\"true\" %}} plank X This be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1 This be a demo child plank\nplank 2 This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3 This be a demo child plank\n{{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank X This be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1 This be a demo child plank\nplank 1-1 This be a demo child plank\nplank 1-1-2 This be a demo child plank\nplank 1-1-3 This be a demo child plank\nplank 2 This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3 This be a demo child plank\nplank 3-1 This be a plain plank test nested 'n a parent\n{{% children containerstyle=\"div\" style=\"div\" depth=\"999\" %}} plank X plank 1 plank 1-1 plank 1-1-2 plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' children shorrrtcode lists th' child planks o' a plank an' its descendants .\nUsage {{% children %}} Parameter Name Default Notes plank \u003ccurrent\u003e Specify th' plank name (section name) t' display children fer. containerstyle ul Choose th' style used t' group all children. It could be any HTML tag name. style li Choose th' style used t' display each descendant. It could be any HTML tag name. showhidden false When true, child planks hidden from th' menu will be displayed aswell. descript'n false When true shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - read more info about summaries on gohugo.io. depth 1 Th' depth o' descendants t' display. For example, if th' value be 2, th' shorrrtcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. 999. sort see notes Th' sort order o' th' displayed list.If not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter- weight: t' sort on menu order- title: t' sort alphabetically on menu label. Examples All Default {{% children %}} plank X plank 1 plank 2 plank 3 Wit' Descript'n {{% children descript'n=\"true\" %}} plank X This be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1 This be a demo child plank\nplank 2 This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3 This be a demo child plank\nInfinte Depth an' Hidden Planks {{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) Head'n Styles fer Container an' Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank X This be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1 This be a demo child plank\nplank 1-1 This be a demo child plank\nplank 1-1-2 This be a demo child plank\nplank 1-1-3 This be a demo child plank\nplank 2 This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3 This be a demo child plank\nplank 3-1 This be a plain plank test nested 'n a parent\nDivs fer Group an' Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} plank X plank 1 plank 1-1 plank 1-1-2 plank 1-1-3 plank 2 plank 3 plank 3-1 ",
     "description": "",
     "tags": null,
     "title": "Children",
@@ -323,7 +323,7 @@
     "uri": "/hugo-theme-relearn/pir/tags/documentatn/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' Expand shorrrtcode displays an expandable/collaps'ble section o' text on yer plank.\nUsage {{% expand [ \u003cstr'n\u003e [ \"true\" | \"false\" ] ] %}} Yes! {{% /expand %}} Th' first optional parameter defines th' text that appears next t' th' expand/collapse ay'con. Th' default text be \"Expand me...\".\nTh' second optional parameter controls if th' block be initially shown as expanded (\"true\") or collapsed (\"false\"). Th' default ist \"false\".\nExamples I'll tell ye a secret... …maybe th' next time you’ll open this expander!\nAll defaults Expand me... Yes, ye did it!\nShow marrrkup {{% expand %}} Yes, ye did it! {{% /expand %}} Initially expanded Expand me... No need t' press ye!\nShow marrrkup {{% expand \"Expand me...\" \"true\" %}} No need t' press ye! {{% /expand %}} Arbitrary text Show me almost endless possibilities Some expand'ble text.\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)\nShow marrrkup {{% expand \"Show me almost endless possibilities\" %}} Some expand'ble text. Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' expand shorrrtcode displays an expandable/collaps'ble section o' text.\nExpand me... Thank ye! Usage While th' examples be us'n named parameter ye be free t' use positional aswell.\nnamed positional {{% expand title=\"Expand me...\" %}}Thank ye!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank ye!{{% /expand %}} Parameter Name Posit'n Default Notes title 1 \"Expand me...\" Arbitray text t' appear next t' th' expand/collapse ay'con. open 2 false When true th' rrrambl'n text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitray text t' be displayed on expand. Examples All Defaults {{% expand %}}Yes, ye did it!{{% /expand %}} Expand me... Yes, ye did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need t' press ye!{{% /expand %}} Expand me... No need t' press ye! Arbitrary Text {{% expand title=\"Show me almost endless possibilities\" %}} Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} Show me almost endless possibilities Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)\n",
     "description": "",
     "tags": null,
     "title": "Expand",
@@ -344,7 +344,7 @@
     "uri": "/hugo-theme-relearn/pir/tests/images/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' include shorrrtcode includes other files from yer project inside o' th' current file. This can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nUsage {{% include \u003cstr'n\u003e [ \"true\" | \"false\" ] %}} Th' first required parameter be th' path t' th' file t' be included.\nIf th' file’s rrrambl'n will be displayed as HTML, th' second optional parameter controls if th' first head'n o' th' included file should be displayed (\"true\")- which be th' default - or be hidden.\nExamples Arbitray rrrambl'n Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nShow marrrkup {{% include \"shortcodes/INCLUDE_ME.md\" %}} ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' include shorrrtcode includes other files from yer project inside o' th' current plank.\nUsage While th' examples be us'n named parameter ye be free t' use positional aswell.\nnamed positional {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nParameter Name Posit'n Default Notes file 1 \u003cempty\u003e Th' path t' th' file t' be included. Path resolut'n adheres t' Hugo’s build-in readFile funct'n showfirsthead'n 2 true When false an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files. Examples Arbitray Rrrambl'n {{% include \"shortcodes/INCLUDE_ME.md\" %}} Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\n",
     "description": "",
     "tags": null,
     "title": "Include",
@@ -358,7 +358,7 @@
     "uri": "/hugo-theme-relearn/pir/tests/links/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nMerrrmaid be a library help'n ye t' generate diagram an' flowcharts from text, 'n a similar manner as Marrrkdown.\nAvast This only works 'n modern browsers.\nArrr Due t' limitat'ns wit' Merrrmaid, it be currently not poss'ble t' use Merrrmaid code fences 'n an initially collapsed expand shorrrtcode. This be a know issue an' can’t be fixed by this theme.\nUsage Just insert yer Merrrmaid code 'n th' mermaid shorrrtcode like this:\n{{\u003c mermaid [ align=(\"left\"|\"right\"|\"center\"|\"justify\") ] \u003e}} classDiagram Person *-- Dog {{\u003c /mermaid \u003e}} Ye can set an optional align attribute which defaults t' \"center\".\nIf ye don’t need alignment ye can use th' alternative rules us'n code fences if ye have turned off guessSyntax fer th' marrrkup.highlight sett'n (see below):\n```mermaid classDiagram Person *-- Dog ``` Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nExamples Flowchart %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{Decision} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Show marrrkup {{\u003c mermaid align=\"left\" \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} Sequence sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts prevail... John--\u003eAlice: Great! John-\u003eBob: How about ye? Bob--\u003eJohn: Jolly bloody! Show marrrkup {{\u003c mermaid \u003e}} sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts \u003cbr/\u003eprevail... John--\u003eAlice: Great! John-\u003eBob: How about ye? Bob--\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} GANTT gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Show marrrkup {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} Class classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Whar' am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label Show marrrkup {{\u003c mermaid \u003e}} classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Whar' am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label {{\u003c /mermaid \u003e}} State stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Show marrrkup ```mermaid stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open ``` Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast If ye want t' use mermaid codefences, ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nExample [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" [marrrkup] [marrrkup.highlight] # if set t' `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT mermaid code fences will not work anymore! So this be a mandatory # sett'n fer yer ship guessSyntax = false or planks frontmatter\n+++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" +++ ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nWit' th' Merrrmaid library an' shorrrtcode, ye can generate diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown.\ngraph LR; If --\u003e Then Then --\u003e Else Avast This only works 'n modern browsers.\nArrr Due t' limitat'ns wit' Merrrmaid, it be currently not poss'ble t' use Merrrmaid code fences 'n an initially collapsed expand shorrrtcode. This be a know issue an' can’t be fixed by this theme.\nUsage Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nWhile th' examples be us'n shorrrtcode rules it be recommended t' use codefence rules instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\ncodefence shorrrtcode ```mermaid graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} Parameter Parameter be only supported when us'n shorrrtcode rules. Defaults be used when us'n codefence rules.\nName Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer mermaid graph. Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" [marrrkup] [marrrkup.highlight] # if set t' `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT mermaid code fences will not work anymore! So this be a mandatory # sett'n fer yer ship guessSyntax = false Page’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" +++ Examples Flowchart wit' Non-Default Merrrmaid Theme {{\u003c mermaid align=\"left\" \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{Decision} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence {{\u003c mermaid \u003e}} sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts \u003cbr/\u003eprevail... John--\u003eAlice: Great! John-\u003eBob: How about ye? Bob--\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} sequenceDiagram participant Alice participant Bob Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts prevail... John--\u003eAlice: Great! John-\u003eBob: How about ye? Bob--\u003eJohn: Jolly bloody! GANTT {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, aft des2, 5d Future task2 : des4, aft des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, aft des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Class {{\u003c mermaid \u003e}} classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Whar' am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label {{\u003c /mermaid \u003e}} classDiagram Class01 \u003c|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --\u003e C2 : Whar' am i? Class09 --* C3 Class09 --|\u003e Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 \u003c--\u003e C2: Cool label State Diagram wit' Codefence Rules ```mermaid stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open ``` stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open ",
     "description": "",
     "tags": null,
     "title": "Merrrmaid",
@@ -372,7 +372,7 @@
     "uri": "/hugo-theme-relearn/pir/tags/non-hidden/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' notice shorrrtcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n named parameter ye be free t' use positional aswell.\nnamed positional {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} Parameter Name Posit'n Optional Default Notes style 1 yes default Th' color scheme used t' highlight th' box rrrambl'n.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent title 2 yes see notes Arbitray text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.- fer severity styles: th' match'n title fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 yes see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.- fer severity styles: a nice match'n ay'con fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples By Severity Ahoi wit' marrrkup Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)\nShow marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Avast Avast A notice disclaimer\nShow marrrkup {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Smarrrt Arrrse Smarrrt Arrrse A tip disclaimer\nShow marrrkup {{% notice style=\"tip\" %}} A **tip** disclaimer Arrr Arrr A warning disclaimer\nShow marrrkup {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr wit' non-default title an' ay'con Here be dragons A warning disclaimer\nShow marrrkup {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Arrr without a title an' ay'con A warning disclaimer\nShow marrrkup {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} By Brand Colors Primary wit' title only Primary A primary disclaimer\nShow marrrkup {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Secondary wit' ay'con only A secondary disclaimer\nShow marrrkup {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} By Color Blue without a title an' ay'con A blue disclaimer\nShow marrrkup {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} Green wit' title only Green A green disclaimer\nShow marrrkup {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Grey wit' ay'con only A grey disclaimer\nShow marrrkup {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} Orange wit' title an' ay'con Orange A orange disclaimer\nShow marrrkup {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Red A red disclaimer\nShow marrrkup {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} By Special Color Default wit' title an' ay'con Pay Attent'n t' this Avast! Some serious informat'n.\nShow marrrkup {{% notice style=\"default\" title\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Transparent wit' title an' ay'con Pay Attent'n t' this Avast! Some serious informat'n.\nShow marrrkup {{% notice style=\"transparent\" title\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' notice shorrrtcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n named parameter ye be free t' use positional aswell.\nnamed positional {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} Parameter Name Posit'n Default Notes style 1 default Th' color scheme used t' highlight th' box rrrambl'n.- by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent title 2 see notes Arbitray text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.- fer severity styles: th' match'n title fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.- fer severity styles: a nice match'n ay'con fer th' severity- fer all other colors: \u003cempty\u003eIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) Examples By Severity Ahoi wit' marrrkup Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)\nShow marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Avast Avast A notice disclaimer\nShow marrrkup {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Smarrrt Arrrse Smarrrt Arrrse A tip disclaimer\nShow marrrkup {{% notice style=\"tip\" %}} A **tip** disclaimer Arrr Arrr A warning disclaimer\nShow marrrkup {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr wit' Non-Default Title an' Ay'con Here be dragons A warning disclaimer\nShow marrrkup {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Arrr without a Title an' Ay'con A warning disclaimer\nShow marrrkup {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} By Brand Colors Primary wit' Title only Primary A primary disclaimer\nShow marrrkup {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Secondary wit' Ay'con only A secondary disclaimer\nShow marrrkup {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} By Color Blue without a Title an' Ay'con A blue disclaimer\nShow marrrkup {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} Green wit' Title only Green A green disclaimer\nShow marrrkup {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Grey wit' Ay'con only A grey disclaimer\nShow marrrkup {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} Orange wit' Title an' Ay'con Orange A orange disclaimer\nShow marrrkup {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Red A red disclaimer\nShow marrrkup {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} By Special Color Default wit' Title an' Ay'con Pay Attent'n t' this Avast! Some serious informat'n.\nShow marrrkup {{% notice style=\"default\" title\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Transparent wit' Title an' Ay'con Pay Attent'n t' this Avast! Some serious informat'n.\nShow marrrkup {{% notice style=\"transparent\" title\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} ",
     "description": "",
     "tags": null,
     "title": "Notice",
@@ -479,7 +479,7 @@
     "uri": "/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' siteparam shorrrtcode be used t' help ye print values o' ship params.\nUsage {{% siteparam \u003cstr'n\u003e %}} Th' first required parameter be th' name o' th' ship param t' be displayed.\nExamples For instance, 'n this current ship, th' editURL vari'ble be used 'n config.toml\n[params] editURL = \"https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\" Use th' siteparam shorrrtcode t' display its value.\n`editURL` Value : {{% siteparam \"editURL\" %}} be displayed as\neditURL Value : https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' siteparam shorrrtcode prints values o' ship params.\nUsage While th' examples be us'n named parameter ye be free t' use positional aswell.\nnamed positional {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} Parameter Name Posit'n Default Notes name 1 \u003cempty\u003e Th' name o' th' ship param t' be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\n",
     "description": "",
     "tags": null,
     "title": "Ship param",
@@ -493,14 +493,14 @@
     "uri": "/hugo-theme-relearn/pir/more/showcase/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nThis shorrrtcode uses th' RapiDoc library t' display yer OpenAPI Specificat'ns.\nAvast This only works 'n modern browsers.\nConfigurat'n Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Swagger’s initializat'n. At th' moment, only th' theme sett'n be supported.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml or frontmatter.\nExample [params] swaggerInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" Usage Just insert give th' URL t' yer OpenAPI Specificat'n like this:\n{{\u003c swagger src=\"https://petstore3.swagger.io/api/v3/openapi.json\" \u003e}} If yer plank be a leaf or branch bundle, ye can also use relative URLs:\n{{\u003c swagger src=\"petstore.json\" \u003e}} Th' src parameter be mandatory an' can be either an absolute or a relative URL.\nExample ",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nThis shorrrtcode uses th' RapiDoc library t' display yer Swagger / OpenAPI Specificat'ns.\nAvast This only works 'n modern browsers.\nUsage {{\u003c swagger src=\"https://petstore3.swagger.io/api/v3/openapi.json\" \u003e}} Parameter Name Default Notes src \u003cempty\u003e Th' URL t' th' OpenAPI Specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle. Configurat'n Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Swagger’s initializat'n. At th' moment, only th' theme sett'n be supported.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml or frontmatter.\nGlobal Configurat'n File [params] swaggerInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" Example Us'n Local File {{\u003c swagger src=\"petstore.json\" \u003e}} ",
     "description": "Adds UI fer yer Swaggerrr / OpenAPI Specificat'ns",
     "tags": null,
     "title": "Swaggerrr",
     "uri": "/hugo-theme-relearn/pir/shortcodes/swagger/"
   },
   {
-    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nChoose which rrrambl'n t' see across th' plank. Very handy fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.\nCode example {{\u003c tabs \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"R\" %}} ```R \u003e print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"Bash\" %}} ```Bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} Renders as:\npython R Bash print(\"Hello World!\") \u003e print(\"Hello World!\") echo \"Hello World!\" Tab views wit' th' same tabs that belong t' th' same group sychr'nize their select'n:\npython R Bash print(\"Hello World!\") \u003e print(\"Hello World!\") echo \"Hello World!\" Config example {{\u003c tabs groupId=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab name=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} Renders as:\njson XML properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Arrr When us'n tab views wit' different rrrambl'n sets, make sure t' use a common groupId fer equal sets but distinct groupId fer different sets. Th' groupId defaults t' 'default'. Take this into account across th' whole ship! Th' tab select'n be restored automatically based on th' groupId an' if it cannot find a tab item because it came from th' 'default' group on a different plank then all tabs will be empty at first.\n",
+    "content": " Arrr! Pirrrates Fello' pirrates, be awarrre some featurrres may not work fer us in this trrranslat'n. Like table of rrramblings, some Merrrmaids and stuff.\nTh' tabs shorrrtcode displays arbitrary rrrambl'n 'n unlimited number o' tabs. This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.\npython bash print(\"Hello World!\") echo \"Hello World!\" Usage {{\u003c tabs \u003e}} {{% tab name=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab name=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} Parameter Name Default Notes groupId default Arbitrary name o' th' group th' tab view belongs t'.Tab views wit' th' same groupId sychr'nize their selected tab. This sychronizat'n applies t' th' whole ship! \u003ccontent\u003e \u003cempty\u003e Arbitrary number o' tabs defined wit' th' tab sub-shortcode. Arrr When us'n tab views wit' different rrrambl'n sets, make sure t' use a common groupId fer equal sets o' tabs but distinct groupId fer different sets.\nTh' tab select'n be restored automatically based on th' groupId an' if it cannot find a tab item because it came from th' 'default' group on a different plank then all tabs will be empty at first!\nExamples Distinct groupId {{\u003c tabs groupId=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab name=\"properties\" %}} ```properties Hello = World ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML properties { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello = World Non-Distinct groupId See what happens t' this tab view if ye select properties tab from th' previous example.\n{{\u003c tabs groupId=\"config\" \u003e}} {{% tab name=\"json\" %}} ```json { \"Hello\": \"World\" } ``` {{% /tab %}} {{% tab name=\"XML\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} json XML { \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e ",
     "description": "",
     "tags": null,
     "title": "Tabbed views",
diff --git a/pir/more/credits/_print/index.html b/pir/more/credits/_print/index.html
index d13a79db7a..275f48812c 100644
--- a/pir/more/credits/_print/index.html
+++ b/pir/more/credits/_print/index.html
@@ -10,18 +10,18 @@
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/more/credits/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/credits/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/more/credits/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,13 +262,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 4bdd0cfc32..749a592ecf 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -10,18 +10,18 @@
     <title>Crrredits :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/credits/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/more/credits/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/more/credits/">
     <div id="body" class="default-animation">
@@ -187,9 +187,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/more/showcase/_print/index.html b/pir/more/showcase/_print/index.html
index 01f3afdabd..d9bbab0268 100644
--- a/pir/more/showcase/_print/index.html
+++ b/pir/more/showcase/_print/index.html
@@ -10,18 +10,18 @@
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/more/showcase/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/showcase/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/more/showcase/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,13 +262,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index 89ac23c4c0..cf01fc780d 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -10,18 +10,18 @@
     <title>Showcase :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/showcase/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/more/showcase/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/more/showcase/">
     <div id="body" class="default-animation">
@@ -170,9 +170,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,13 +284,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/_print/index.html b/pir/shortcodes/_print/index.html
index 1a8ae20bf2..65912ebdc4 100644
--- a/pir/shortcodes/_print/index.html
+++ b/pir/shortcodes/_print/index.html
@@ -10,18 +10,18 @@
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/">
     <div id="body" class="default-animation">
@@ -111,15 +111,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/expand/" >Expand</a></h2>
-<p>Displays an expandable/collaps'ble section o' text on yer plank</p>
+<p>Expandable/collaps'ble sections o' text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/include/" >Include</a></h2>
-<p>Displays rrrambl'n from other Marrrkdown files</p>
+<p>Displays rrrambl'n from other files</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/mermaid/" >Merrrmaid</a></h2>
-<p>Generat'n o' diagram an' flowchart from text 'n a similar manner as Marrrkdown</p>
+<p>Generate diagrams an' flowcharts from text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/notice/" >Notice</a></h2>
@@ -127,15 +127,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/siteparam/" >Ship param</a></h2>
-<p>Get value o' ship params variables 'n yer plank</p>
+<p>Get value o' ship params</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/swagger/" >Swagger</a></h2>
-<p>Adds UI fer yer Swagger / OpenAPI Specificat'ns</p>
+<p>UI fer yer Swagger / OpenAPI Specificat'ns</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/tabs/" >Tabbed views</a></h2>
-<p>Synchr'nize select'n o' rrrambl'n 'n different tabbed views</p>
+<p>Show rrrambl'n 'n tabbed views</p>
 					
 </div>
 
@@ -177,18 +177,18 @@
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Th' shortcurt lists files found 'n a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementat'ns fer planks</p>
+</span></span></code></pre></div><p>Th' shortcurt lists files found 'n a specific folder.</p>
+<p>Currently, it supports two implementat'ns fer planks</p>
 <ol>
 <li>
-<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a <strong>folder</strong> named like yer plank an' end'n wit' <strong>.files</strong>.</p>
+<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a folder named like yer plank an' end'n wit' <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
 <ul>
 <li>_index.md</li>
-<li>plank.files
+<li><strong>plank.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -200,7 +200,7 @@
 </blockquote>
 </li>
 <li>
-<p>If yer plank be a <strong>folder</strong>, attachements must be placed 'n a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If yer plank be a folder, attachements must be placed 'n a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
@@ -209,7 +209,7 @@
 <li>plank
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -228,7 +228,6 @@
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -236,39 +235,35 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
+<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye want no title, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye wa ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n le** there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n iseverity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used t' filter th' attachments by file name. For example:<br/><br/>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list o' attachments end'n 'n pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -277,20 +272,9 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Ahoi Styled Box, Descend'n Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Ahoi styled box, descend'n sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Ahoi</div>
   <ul class="box-content attachments-files">
@@ -302,19 +286,7 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style an' ay'cons</h3>
+<h3 id="style-and-icons">Style an' Ay'cons</h3>
 <p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
@@ -336,13 +308,6 @@
 <p>Th' <code>button</code> shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Cap'n Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
   </a>
@@ -355,14 +320,14 @@
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -370,31 +335,26 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Th' destinat'n URL fer th' button. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">Th' color scheme used t' paint th' button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places th' ay'con t' th' <code>left</code> or <code>right</code> o' th' title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -402,8 +362,12 @@
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -431,8 +395,10 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -444,8 +410,13 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -475,8 +446,10 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -489,16 +462,18 @@
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
-<h4 id="to-the-left">t' th' left</h4>
-
+<h4 id="to-the-left">T' th' Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Cap'n Hugo
   </a>
 </span>
-<h4 id="to-the-right">t' th' right</h4>
-
+<h4 id="to-the-right">T' th' Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">ay'con</span><span class="o">-</span><span class="nx">posit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -506,7 +481,8 @@
   </a>
 </span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -515,7 +491,8 @@
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -539,55 +516,58 @@
 	</div>
 </div>
 
-<p>Use th' children shorrrtcode t' list th' child planks o' a plank an' th' further descendants (children&rsquo;s children). By default, th' shorrrtcode displays links t' th' child planks.</p>
+<p>Th' <code>children</code> shorrrtcode lists th' child planks o' a plank an' its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Descript'n</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">plank</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify th' plank name (section name) t' display children fer</td>
+<td style="text-align:left"><strong>plank</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify th' plank name (section name) t' display children fer.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child planks hidden from th' menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child planks hidden from th' menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">descript'n</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows ye t' include a short text under each plank 'n th' list. When no descript'n exists fer th' plank, children shorrrtcode takes th' first 70 words o' yer rrrambl'n. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>descript'n</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number t' specify th' depth o' descendants t' display. For example, if th' value be 2, th' shorrrtcode will display 2 levels o' child planks.  <strong>Tips:</strong> set 999 t' get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">Th' depth o' descendants t' display. For example, if th' value be <code>2</code>, th' shorrrtcode will display two levels o' child planks.  T' get all descendants, set this value t' a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, t' sort on menu order - <strong>title</strong>, t' sort alphabetically on menu label. If not set it be sorted by th' <code>ordersectionsby</code> sett'n o' th' ship an' th' planks frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' sort order o' th' displayed list.<br/><br/>If not set it be sorted by th' <a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> sett'n o' th' ship an' th' planks frontmatter<br/><br/>- <code>weight</code>: t' sort on menu order<br/>- <code>title</code>: t' sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -597,6 +577,7 @@
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></li>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></li>
 </ul>
+<h3 id="with-description">Wit' Descript'n</h3>
 <div class="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">children</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -615,6 +596,7 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a demo child plank</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth an' Hidden Planks</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -635,6 +617,7 @@ So its rrrambl'n be used as descript'n.</p>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" >plank 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-4/" >plank 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Head'n Styles fer Container an' Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -673,7 +656,8 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a plain plank test nested 'n a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs fer Group an' Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -681,8 +665,6 @@ So its rrrambl'n be used as descript'n.</p>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" >plank 1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" >plank 1-1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" >plank 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >plank 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >plank 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" >plank 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></div>
@@ -923,28 +905,83 @@ So its rrrambl'n be used as descript'n.</p>
 	</div>
 </div>
 
-<p>Th' Expand shorrrtcode displays an expandable/collaps'ble section o' text on yer plank.</p>
+<p>Th' <code>expand</code> shorrrtcode displays an expandable/collaps'ble section o' text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank ye!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>Th' first optional parameter defines th' text that appears next t' th' expand/collapse ay'con. Th' default text be <code>&quot;Expand me...&quot;</code>.</p>
-<p>Th' second optional parameter controls if th' block be initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). Th' default ist <code>&quot;false&quot;</code>.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text t' appear next t' th' expand/collapse ay'con.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> th' rrrambl'n text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text t' be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell ye a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe th' next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -952,26 +989,12 @@ So its rrrambl'n be used as descript'n.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, ye did it!</p>
-
+Yes, ye did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -979,60 +1002,11 @@ So its rrrambl'n be used as descript'n.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need t' press ye!</p>
-
+No need t' press ye!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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></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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show me almost endless possibilities
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>Some expand'ble text.</p>
-<p>Ye can add standard markdown rules:</p>
-<ul>
-<li>multiple paragraphs</li>
-<li>bullet point lists</li>
-<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
-<li><a href="https://example.com">links</a></li>
-<li>etc.</li>
-</ul>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
-</span></span></code></pre></div><blockquote>
-<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
-</blockquote>
-
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expand'ble</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Ye</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">rules</span><span class="p">:</span>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
@@ -1048,6 +1022,26 @@ So its rrrambl'n be used as descript'n.</p>
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possiblities</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">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Show me almost endless possibilities
+    </a>
+    <div class="expand-content" style="display: none;">
+<p>Ye can add standard markdown rules:</p>
+<ul>
+<li>multiple paragraphs</li>
+<li>bullet point lists</li>
+<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
+<li><a href="https://example.com">links</a></li>
+<li>etc.</li>
+</ul>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
+</span></span></code></pre></div><blockquote>
+<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
+</blockquote>
+
     </div>
 </div>
 
@@ -1067,14 +1061,67 @@ So its rrrambl'n be used as descript'n.</p>
 	</div>
 </div>
 
-<p>Th' include shorrrtcode includes other files from yer project inside o' th' current file. This can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<p>Th' <code>include</code> shorrrtcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' path t' th' file t' be included.</p>
-<p>If th' file&rsquo;s rrrambl'n will be displayed as HTML, th' second optional parameter controls if th' first head'n o' th' included file should be displayed (<code>&quot;true&quot;</code>)- which be th' default - or be hidden.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' path t' th' file t' be included. Path resolut'n adheres t' <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> funct'n</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirsthead'n</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray rrrambl'n</h3>
-<p>Ye can add standard markdown rules:</p>
+<h3 id="arbitray-content">Arbitray Rrrambl'n</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -1087,18 +1134,6 @@ So its rrrambl'n be used as descript'n.</p>
 <p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
 
             <footer class="footline">
             </footer>
@@ -1115,7 +1150,13 @@ So its rrrambl'n be used as descript'n.</p>
 	</div>
 </div>
 
-<p><a href="https://mermaidjs.github.io/">Merrrmaid</a> be a library help'n ye t' generate diagram an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+<p>Wit' th' <a href="https://mermaidjs.github.io/">Merrrmaid</a> library an' shorrrtcode, ye can  generate diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -1131,37 +1172,102 @@ So its rrrambl'n be used as descript'n.</p>
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert yer Merrrmaid code 'n th' <code>mermaid</code> shorrrtcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Ye can set an optional <code>align</code> attribute which defaults t' <code>&quot;center&quot;</code>.</p>
-<p>If ye don&rsquo;t need alignment ye can use th' alternative rules us'n code fences if ye have turned off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
+<p>While th' examples be us'n shorrrtcode rules it be recommended t' use codefence rules instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (<a href="#configuration">see th' configurat'n section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shorrrtcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter be only supported when us'n shorrrtcode rules. Defaults be used when us'n codefence rules.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values be <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Yer mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configurat'n</h2>
+<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
+<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart wit' Non-Default Merrrmaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -1171,31 +1277,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how be ye?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about ye?
-    Bob-->John: Jolly bloody!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -1210,35 +1300,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how be ye?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about ye?
+    Bob-->John: Jolly bloody!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Add'n GANTT diagram functionality t' Merrrmaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, aft des2, 5d
-        Future task2              :         des4, aft des3, 5d
-        section Critical tasks
-        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
-        Implement parser an' jison          :crit, done, aft des1, 2d
-        Create tests fer parser             :crit, active, 3d
-        Future task 'n critical line        :crit, 5d
-        Create tests fer renderer           :2d
-        Add t' Merrrmaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -1257,34 +1332,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Add'n GANTT diagram functionality t' Merrrmaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, aft des2, 5d
+        Future task2              :         des4, aft des3, 5d
+        section Critical tasks
+        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
+        Implement parser an' jison          :crit, done, aft des1, 2d
+        Create tests fer parser             :crit, active, 3d
+        Future task 'n critical line        :crit, 5d
+        Create tests fer renderer           :2d
+        Add t' Merrrmaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Whar' am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -1302,25 +1367,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Whar' am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram wit' Codefence Rules</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -1331,36 +1394,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configurat'n</h2>
-<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
-<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
-    <div class="box-content">
-<p>If ye want t' use mermaid codefences, ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or planks frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
 
             <footer class="footline">
             </footer>
@@ -1425,7 +1467,6 @@ classDiagram
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Posit'n</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -1434,21 +1475,18 @@ classDiagram
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -1569,7 +1607,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Arrr wit' non-default title an' ay'con</h4>
+<h4 id="warning-with-non-default-title-and-icon">Arrr wit' Non-Default Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here be dragons</div>
@@ -1591,7 +1629,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Arrr without a title an' ay'con</h4>
+<h4 id="warning-without-a-title-and-icon">Arrr without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -1614,7 +1652,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary wit' title only</h4>
+<h4 id="primary-with-title-only">Primary wit' Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -1636,7 +1674,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary wit' ay'con only</h4>
+<h4 id="secondary-with-icon-only">Secondary wit' Ay'con only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -1659,7 +1697,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title an' ay'con</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -1681,7 +1719,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green wit' title only</h4>
+<h4 id="green-with-title-only">Green wit' Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -1703,7 +1741,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey wit' ay'con only</h4>
+<h4 id="grey-with-icon-only">Grey wit' Ay'con only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -1725,7 +1763,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange wit' title an' ay'con</h4>
+<h4 id="orange-with-title-and-icon">Orange wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -1770,7 +1808,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' title an' ay'con</h4>
+<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -1792,7 +1830,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent wit' title an' ay'con</h4>
+<h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -1831,18 +1869,60 @@ classDiagram
 	</div>
 </div>
 
-<p>Th' <code>siteparam</code> shorrrtcode be used t' help ye print values o' ship params.</p>
+<p>Th' <code>siteparam</code> shorrrtcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' name o' th' ship param t' be displayed.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' name o' th' ship param t' be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, 'n this current ship, th' <code>editURL</code> vari'ble be used 'n <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use th' <code>siteparam</code> shorrrtcode t' display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>be displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
 
             <footer class="footline">
@@ -1860,7 +1940,7 @@ classDiagram
 	</div>
 </div>
 
-<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer OpenAPI Specificat'ns.</p>
+<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -1868,21 +1948,36 @@ classDiagram
 <p>This only works 'n modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' URL t' th' OpenAPI Specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configurat'n</h2>
 <p>Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code> or override these sett'ns per plank thru yer planks frontmatter.</p>
 <p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Swagger&rsquo;s initializat'n. At th' moment, only th' <code>theme</code> sett'n be supported.</p>
 <p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give th' URL t' yer OpenAPI Specificat'n like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If yer plank be a leaf or branch bundle, ye can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Us'n Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Th' <code>src</code> parameter be mandatory an' can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -1913,105 +2008,80 @@ classDiagram
 	</div>
 </div>
 
-<p>Choose which rrrambl'n t' see across th' plank. Very handy fer provid'n code
-snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>Th' <code>tabs</code> shorrrtcode displays arbitrary rrrambl'n 'n unlimited number o' tabs. This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name o' th' group th' tab view belongs t'.<br/><br/>Tab views wit' th' same <strong>groupId</strong> sychr'nize their selected tab. This sychronizat'n applies t' th' whole ship!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
+    <div class="box-content">
+<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets o' tabs but distinct <code>groupId</code> fer different sets.</p>
+<p>Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came from th' <code>'default'</code> group on a different plank then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views wit' th' same tabs that belong t' th' same group sychr'nize their select'n:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -2031,8 +2101,7 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -2072,19 +2141,54 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
-    <div class="box-content">
-<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets but distinct
-<code>groupId</code> fer different sets. Th' <code>groupId</code> defaults t' <code>'default'</code>.
-<strong>Take this into account across th' whole ship!</strong>
-Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came
-from th' <code>'default'</code> group on a different plank then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens t' this tab view if ye select <strong>properties</strong> tab from th' previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -2160,9 +2264,9 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -2274,13 +2378,13 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 5d82550a81..ed16dfc85b 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -10,18 +10,18 @@
     <title>Attachments :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/attachments/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/attachments/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
     <div id="body" class="default-animation">
@@ -110,18 +110,18 @@
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Th' shortcurt lists files found 'n a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementat'ns fer planks</p>
+</span></span></code></pre></div><p>Th' shortcurt lists files found 'n a specific folder.</p>
+<p>Currently, it supports two implementat'ns fer planks</p>
 <ol>
 <li>
-<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a <strong>folder</strong> named like yer plank an' end'n wit' <strong>.files</strong>.</p>
+<p>If yer plank be a Marrrkdown file, attachements must be placed 'n a folder named like yer plank an' end'n wit' <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
 <ul>
 <li>_index.md</li>
-<li>plank.files
+<li><strong>plank.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -133,7 +133,7 @@
 </blockquote>
 </li>
 <li>
-<p>If yer plank be a <strong>folder</strong>, attachements must be placed 'n a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If yer plank be a folder, attachements must be placed 'n a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>rrrambl'n
@@ -142,7 +142,7 @@
 <li>plank
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -161,7 +161,6 @@
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -169,39 +168,35 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
+<td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye want no title, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <code>Attachments</code><br/><br/>If ye wa ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n le** there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n iseverity<br/>- fer all other colors: <code>paperclip</code><br/><br/>If ye want no ay'con, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty d wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sort'n th' output 'n <code>asc</code>end'n or <code>desc</code>end'n order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used t' filter th' attachments by file name. For example:<br/><br/>- t' match a file suffix o' &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- t' match file names end'n 'n <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list o' attachments end'n 'n pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List o' Attachments End'n 'n pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -210,20 +205,9 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Ahoi Styled Box, Descend'n Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Ahoi styled box, descend'n sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Ahoi</div>
   <ul class="box-content attachments-files">
@@ -235,19 +219,7 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style an' ay'cons</h3>
+<h3 id="style-and-icons">Style an' Ay'cons</h3>
 <p>For further examples fer <strong>style</strong>, <strong>title</strong> an' <strong>ay'con</strong>, see th' <a href="/hugo-theme-relearn/pir/shortcodes/notice/"><code>notice</code> shorrrtcode</a> documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.</p>
 
 
@@ -325,9 +297,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -439,13 +411,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 2182b5d498..b8fb6df156 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -10,18 +10,18 @@
     <title>Button :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/button/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/button/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
     <div id="body" class="default-animation">
@@ -92,13 +92,6 @@
 <p>Th' <code>button</code> shorrrtcode displays a click'ble button wit' adjust'ble color, title an' ay'con.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Cap'n Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
   </a>
@@ -111,14 +104,14 @@
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once th' button be clicked, it opens another browser tab fer th' given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -126,31 +119,26 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">Th' destinat'n URL fer th' button. If this parameter be not set, th' button will do noth'n but be still displayed as click'ble.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">Th' color scheme used t' paint th' button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposit'n</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places th' ay'con t' th' <code>left</code> or <code>right</code> o' th' title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' button title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -158,8 +146,12 @@
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -187,8 +179,10 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -200,8 +194,13 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -231,8 +230,10 @@
     Get Cap'n Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -245,16 +246,18 @@
   </a>
 </span></p>
 <h3 id="icon">Ay'con</h3>
-<h4 id="to-the-left">t' th' left</h4>
-
+<h4 id="to-the-left">T' th' Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Cap'n Hugo
   </a>
 </span>
-<h4 id="to-the-right">t' th' right</h4>
-
+<h4 id="to-the-right">T' th' Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">ay'con</span><span class="o">-</span><span class="nx">posit'n</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Cap'n Hugo
@@ -262,7 +265,8 @@
   </a>
 </span>
 <h4 id="override-for-severity">Override fer Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">ay'con</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Cap'n Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -271,7 +275,8 @@
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style wit' all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -354,9 +359,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -468,13 +473,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/_print/index.html b/pir/shortcodes/children/_print/index.html
index e27ae4b20c..b317115e71 100644
--- a/pir/shortcodes/children/_print/index.html
+++ b/pir/shortcodes/children/_print/index.html
@@ -10,18 +10,18 @@
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
     <div id="body" class="default-animation">
@@ -90,55 +90,58 @@
 	</div>
 </div>
 
-<p>Use th' children shorrrtcode t' list th' child planks o' a plank an' th' further descendants (children&rsquo;s children). By default, th' shorrrtcode displays links t' th' child planks.</p>
+<p>Th' <code>children</code> shorrrtcode lists th' child planks o' a plank an' its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Descript'n</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">plank</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify th' plank name (section name) t' display children fer</td>
+<td style="text-align:left"><strong>plank</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify th' plank name (section name) t' display children fer.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child planks hidden from th' menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child planks hidden from th' menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">descript'n</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows ye t' include a short text under each plank 'n th' list. When no descript'n exists fer th' plank, children shorrrtcode takes th' first 70 words o' yer rrrambl'n. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>descript'n</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number t' specify th' depth o' descendants t' display. For example, if th' value be 2, th' shorrrtcode will display 2 levels o' child planks.  <strong>Tips:</strong> set 999 t' get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">Th' depth o' descendants t' display. For example, if th' value be <code>2</code>, th' shorrrtcode will display two levels o' child planks.  T' get all descendants, set this value t' a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, t' sort on menu order - <strong>title</strong>, t' sort alphabetically on menu label. If not set it be sorted by th' <code>ordersectionsby</code> sett'n o' th' ship an' th' planks frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' sort order o' th' displayed list.<br/><br/>If not set it be sorted by th' <a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> sett'n o' th' ship an' th' planks frontmatter<br/><br/>- <code>weight</code>: t' sort on menu order<br/>- <code>title</code>: t' sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -148,6 +151,7 @@
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></li>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></li>
 </ul>
+<h3 id="with-description">Wit' Descript'n</h3>
 <div class="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">children</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -166,6 +170,7 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a demo child plank</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth an' Hidden Planks</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -186,6 +191,7 @@ So its rrrambl'n be used as descript'n.</p>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" >plank 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-4/" >plank 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Head'n Styles fer Container an' Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -224,7 +230,8 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a plain plank test nested 'n a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs fer Group an' Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -232,8 +239,6 @@ So its rrrambl'n be used as descript'n.</p>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" >plank 1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" >plank 1-1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" >plank 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >plank 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >plank 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" >plank 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></div>
@@ -533,9 +538,9 @@ So its rrrambl'n be used as descript'n.</p>
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -647,13 +652,13 @@ So its rrrambl'n be used as descript'n.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/_print/index.html b/pir/shortcodes/children/children-1/_print/index.html
index 03c7d05c1b..19559a4490 100644
--- a/pir/shortcodes/children/children-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
@@ -289,9 +289,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -403,13 +403,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/_print/index.html
index dd62dd19c4..ecea7a000b 100644
--- a/pir/shortcodes/children/children-1/children-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
@@ -264,9 +264,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -378,13 +378,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
index e225600429..141f23926a 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -270,13 +270,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
index 8687631b84..0c0c9a81e9 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -183,9 +183,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -299,13 +299,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html
index 6eca29a4b0..51346260fb 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -158,9 +158,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,13 +274,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html
index 26c9f66c1c..acc81b19dc 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -177,9 +177,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,13 +295,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></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 8bcaa21523..479c4cbb2d 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -176,9 +176,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +294,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></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 bec4989a78..3b970f480c 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -181,9 +181,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,13 +297,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></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 5e8a432cd9..76f92454cb 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -180,9 +180,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -296,13 +296,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></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 6fdb8e3ad0..8963a840df 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-1 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
@@ -179,9 +179,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,13 +293,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
index 8ae6c97782..7643927e2c 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
@@ -219,9 +219,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -333,13 +333,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
index d4fe328c82..6cadb6fc02 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
@@ -175,9 +175,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -289,13 +289,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></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 50ecbd29e4..44cb69b80d 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
@@ -174,9 +174,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,13 +288,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
index d1abb31990..6dbe94c648 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
@@ -175,9 +175,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -289,13 +289,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></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 011a774f88..2fc18d87fc 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
@@ -174,9 +174,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,13 +288,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 2c54feb9c2..c00ab7205f 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
@@ -180,9 +180,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +294,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
index 52fb7d3047..02080642da 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
@@ -174,9 +174,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,13 +288,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></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 9542119688..445db764d6 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
@@ -173,9 +173,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -287,13 +287,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></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 f5c0ed78d2..06b177f53a 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
@@ -180,9 +180,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +294,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 096c41f4f2..95bc4b29a2 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -10,18 +10,18 @@
     <title>Plank 1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
@@ -177,9 +177,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,13 +291,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/_print/index.html b/pir/shortcodes/children/children-2/_print/index.html
index a5d752b2d5..7bf63a52d0 100644
--- a/pir/shortcodes/children/children-2/_print/index.html
+++ b/pir/shortcodes/children/children-2/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
@@ -173,9 +173,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -287,13 +287,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 6d29c01b2c..ea7d6be712 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -10,18 +10,18 @@
     <title>Plank 2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
@@ -172,9 +172,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -286,13 +286,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/_print/index.html b/pir/shortcodes/children/children-3/_print/index.html
index f0af91f538..f8be21a099 100644
--- a/pir/shortcodes/children/children-3/_print/index.html
+++ b/pir/shortcodes/children/children-3/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
@@ -198,9 +198,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,13 +312,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 31fe3def88..dfeee4c1d1 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -10,18 +10,18 @@
     <title>Plank 3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
@@ -177,9 +177,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,13 +291,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index 78899d35ce..d0435d7f00 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -10,18 +10,18 @@
     <title>Plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/children/children-3/test3/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
@@ -172,9 +172,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -286,13 +286,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/_print/index.html b/pir/shortcodes/children/children-4/_print/index.html
index fd9fb48cfe..02445e9e06 100644
--- a/pir/shortcodes/children/children-4/_print/index.html
+++ b/pir/shortcodes/children/children-4/_print/index.html
@@ -10,18 +10,18 @@
     <title>Plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-4/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-4/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
@@ -154,9 +154,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -268,13 +268,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index ea79aaeace..5258774b4d 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -10,18 +10,18 @@
     <title>Plank 4 (hidden) :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-4/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/children-4/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
@@ -171,9 +171,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -285,13 +285,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 26931e6f5a..7d4ae5162d 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -10,18 +10,18 @@
     <title>Children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/children/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
     <div id="body" class="default-animation">
@@ -89,55 +89,58 @@
 	</div>
 </div>
 
-<p>Use th' children shorrrtcode t' list th' child planks o' a plank an' th' further descendants (children&rsquo;s children). By default, th' shorrrtcode displays links t' th' child planks.</p>
+<p>Th' <code>children</code> shorrrtcode lists th' child planks o' a plank an' its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Descript'n</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">plank</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify th' plank name (section name) t' display children fer</td>
+<td style="text-align:left"><strong>plank</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify th' plank name (section name) t' display children fer.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose th' style used t' group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose th' style used t' display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child planks hidden from th' menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child planks hidden from th' menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">descript'n</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows ye t' include a short text under each plank 'n th' list. When no descript'n exists fer th' plank, children shorrrtcode takes th' first 70 words o' yer rrrambl'n. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>descript'n</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number t' specify th' depth o' descendants t' display. For example, if th' value be 2, th' shorrrtcode will display 2 levels o' child planks.  <strong>Tips:</strong> set 999 t' get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">Th' depth o' descendants t' display. For example, if th' value be <code>2</code>, th' shorrrtcode will display two levels o' child planks.  T' get all descendants, set this value t' a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, t' sort on menu order - <strong>title</strong>, t' sort alphabetically on menu label. If not set it be sorted by th' <code>ordersectionsby</code> sett'n o' th' ship an' th' planks frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">Th' sort order o' th' displayed list.<br/><br/>If not set it be sorted by th' <a href="/hugo-theme-relearn/pir/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> sett'n o' th' ship an' th' planks frontmatter<br/><br/>- <code>weight</code>: t' sort on menu order<br/>- <code>title</code>: t' sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -147,6 +150,7 @@
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></li>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></li>
 </ul>
+<h3 id="with-description">Wit' Descript'n</h3>
 <div class="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">children</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -165,6 +169,7 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a demo child plank</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth an' Hidden Planks</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -185,6 +190,7 @@ So its rrrambl'n be used as descript'n.</p>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/" >plank 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/pir/shortcodes/children/children-4/" >plank 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Head'n Styles fer Container an' Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">descript'n</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -223,7 +229,8 @@ So its rrrambl'n be used as descript'n.</p>
 <p>This be a plain plank test nested 'n a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs fer Group an' Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -231,8 +238,6 @@ So its rrrambl'n be used as descript'n.</p>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/" >plank 1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/" >plank 1-1</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/" >plank 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >plank 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >plank 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/" >plank 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-2/" >plank 2</a></div>
 <div><a href="/hugo-theme-relearn/pir/shortcodes/children/children-3/" >plank 3</a></div>
@@ -314,9 +319,9 @@ So its rrrambl'n be used as descript'n.</p>
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -428,13 +433,13 @@ So its rrrambl'n be used as descript'n.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index b0a37d2e90..45a7b43aac 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -10,18 +10,18 @@
     <title>Plank X :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/test/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/children/test/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
     <div id="body" class="default-animation">
@@ -167,9 +167,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index ab2ac976a8..0b49e2b506 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -10,18 +10,18 @@
     <title>Expand :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/expand/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/expand/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
     <div id="body" class="default-animation">
@@ -89,28 +89,83 @@
 	</div>
 </div>
 
-<p>Th' Expand shorrrtcode displays an expandable/collaps'ble section o' text on yer plank.</p>
+<p>Th' <code>expand</code> shorrrtcode displays an expandable/collaps'ble section o' text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank ye!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>Th' first optional parameter defines th' text that appears next t' th' expand/collapse ay'con. Th' default text be <code>&quot;Expand me...&quot;</code>.</p>
-<p>Th' second optional parameter controls if th' block be initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). Th' default ist <code>&quot;false&quot;</code>.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text t' appear next t' th' expand/collapse ay'con.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> th' rrrambl'n text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text t' be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell ye a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe th' next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -118,26 +173,12 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, ye did it!</p>
-
+Yes, ye did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -145,60 +186,11 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need t' press ye!</p>
-
+No need t' press ye!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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></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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show me almost endless possibilities
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>Some expand'ble text.</p>
-<p>Ye can add standard markdown rules:</p>
-<ul>
-<li>multiple paragraphs</li>
-<li>bullet point lists</li>
-<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
-<li><a href="https://example.com">links</a></li>
-<li>etc.</li>
-</ul>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
-</span></span></code></pre></div><blockquote>
-<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
-</blockquote>
-
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expand'ble</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Ye</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">rules</span><span class="p">:</span>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
@@ -214,6 +206,26 @@
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">th'</span> <span class="nx">possiblities</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">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Show me almost endless possibilities
+    </a>
+    <div class="expand-content" style="display: none;">
+<p>Ye can add standard markdown rules:</p>
+<ul>
+<li>multiple paragraphs</li>
+<li>bullet point lists</li>
+<li><em>emphasized</em>, <strong>bold</strong> an' even <strong><em>bold emphasized</em></strong> text</li>
+<li><a href="https://example.com">links</a></li>
+<li>etc.</li>
+</ul>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
+</span></span></code></pre></div><blockquote>
+<p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work)</p>
+</blockquote>
+
     </div>
 </div>
 
@@ -292,9 +304,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -406,13 +418,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 401804c744..ee1433718c 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -10,18 +10,18 @@
     <title>Include :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/include/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/include/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
     <div id="body" class="default-animation">
@@ -89,14 +89,67 @@
 	</div>
 </div>
 
-<p>Th' include shorrrtcode includes other files from yer project inside o' th' current file. This can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<p>Th' <code>include</code> shorrrtcode includes other files from yer project inside o' th' current plank.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' path t' th' file t' be included.</p>
-<p>If th' file&rsquo;s rrrambl'n will be displayed as HTML, th' second optional parameter controls if th' first head'n o' th' included file should be displayed (<code>&quot;true&quot;</code>)- which be th' default - or be hidden.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' path t' th' file t' be included. Path resolut'n adheres t' <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> funct'n</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirsthead'n</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray rrrambl'n</h3>
-<p>Ye can add standard markdown rules:</p>
+<h3 id="arbitray-content">Arbitray Rrrambl'n</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Ye can add standard markdown rules:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -109,18 +162,6 @@
 <p>th' possiblities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
 
             <footer class="footline">
             </footer>
@@ -196,9 +237,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,13 +351,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index c51d2980d0..8a7ab36582 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -10,18 +10,18 @@
     <title>Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/">
     <div id="body" class="default-animation">
@@ -110,15 +110,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/expand/" >Expand</a></h2>
-<p>Displays an expandable/collaps'ble section o' text on yer plank</p>
+<p>Expandable/collaps'ble sections o' text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/include/" >Include</a></h2>
-<p>Displays rrrambl'n from other Marrrkdown files</p>
+<p>Displays rrrambl'n from other files</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/mermaid/" >Merrrmaid</a></h2>
-<p>Generat'n o' diagram an' flowchart from text 'n a similar manner as Marrrkdown</p>
+<p>Generate diagrams an' flowcharts from text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/notice/" >Notice</a></h2>
@@ -126,15 +126,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/siteparam/" >Ship param</a></h2>
-<p>Get value o' ship params variables 'n yer plank</p>
+<p>Get value o' ship params</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/swagger/" >Swagger</a></h2>
-<p>Adds UI fer yer Swagger / OpenAPI Specificat'ns</p>
+<p>UI fer yer Swagger / OpenAPI Specificat'ns</p>
 					
 
 <h2><a href="/hugo-theme-relearn/pir/shortcodes/tabs/" >Tabbed views</a></h2>
-<p>Synchr'nize select'n o' rrrambl'n 'n different tabbed views</p>
+<p>Show rrrambl'n 'n tabbed views</p>
 					
 </div>
 
@@ -213,9 +213,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -327,13 +327,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.xml b/pir/shortcodes/index.xml
index 6b136d3d26..021addea7a 100644
--- a/pir/shortcodes/index.xml
+++ b/pir/shortcodes/index.xml
@@ -12,8 +12,8 @@
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
-Use th&#39; children shorrrtcode t&#39; list th&#39; child planks o&#39; a plank an&#39; th&#39; further descendants (children&amp;rsquo;s children). By default, th&#39; shorrrtcode displays links t&#39; th&#39; child planks.
-Usage Parameter Default Descript&#39;n plank current Specify th&#39; plank name (section name) t&#39; display children fer containerstyle &amp;ldquo;ul&amp;rdquo; Choose th&#39; style used t&#39; group all children.</description>
+Th&#39; children shorrrtcode lists th&#39; child planks o&#39; a plank an&#39; its descendants .
+Usage {{% children %}} Parameter Name Default Notes plank &amp;lt;current&amp;gt; Specify th&#39; plank name (section name) t&#39; display children fer. containerstyle ul Choose th&#39; style used t&#39; group all children. It could be any HTML tag name.</description>
     </item>
     <item>
       <title>Swaggerrr</title>
@@ -21,9 +21,9 @@ Usage Parameter Default Descript&#39;n plank current Specify th&#39; plank name
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
-This shorrrtcode uses th&#39; RapiDoc library t&#39; display yer OpenAPI Specificat&#39;ns.
+This shorrrtcode uses th&#39; RapiDoc library t&#39; display yer Swagger / OpenAPI Specificat&#39;ns.
 Avast This only works &#39;n modern browsers.
-Configurat&#39;n Swagger be configured wit&#39; default sett&#39;ns. Ye can cust&#39;mize Swagger&amp;rsquo;s default sett&#39;ns fer all o&#39; yer files thru a JSON object &#39;n yer config.toml or override these sett&#39;ns per plank thru yer planks frontmatter.</description>
+Usage {{&amp;lt; swagger src=&amp;#34;https://petstore3.swagger.io/api/v3/openapi.json&amp;#34; &amp;gt;}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; Th&#39; URL t&#39; th&#39; OpenAPI Specificat&#39;n file. This can be relative t&#39; th&#39; URL o&#39; yer plank if it be a leaf or branch bundle.</description>
     </item>
     <item>
       <title>Attachments</title>
@@ -32,7 +32,7 @@ Configurat&#39;n Swagger be configured wit&#39; default sett&#39;ns. Ye can cust
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/</guid>
       <description>Attachments NoTreasure.txt (26 B) Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
 Th&#39; attachments shorrrtcode displays a list o&#39; files attached t&#39; a plank wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
-Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage Th&#39; shortcurt lists files found &#39;n a specific folder.</description>
+Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage {{% attachments /%}} Th&#39; shortcurt lists files found &#39;n a specific folder.</description>
     </item>
     <item>
       <title>Button</title>
@@ -41,8 +41,7 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
 Th&#39; button shorrrtcode displays a click&#39;ble button wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
-Get Cap&#39;n Hugo Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage Once th&#39; button be clicked, it opens another browser tab fer th&#39; given URL.
-{{% button href=&amp;#34;https://gohugo.io/&amp;#34; ay&#39;con=&amp;#34;download&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} Parameter Name Optional Default Notes href yes &amp;lt;empty&amp;gt; Th&#39; destinat&#39;n URL fer th&#39; button.</description>
+Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; ay&#39;con=&amp;#34;dragon&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} Once th&#39; button be clicked, it opens another browser tab fer th&#39; given URL.</description>
     </item>
     <item>
       <title>Expand</title>
@@ -50,8 +49,9 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage Once th&#39; butt
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
-Th&#39; Expand shorrrtcode displays an expandable/collaps&#39;ble section o&#39; text on yer plank.
-Usage {{% expand [ &amp;lt;str&#39;n&amp;gt; [ &amp;#34;true&amp;#34; | &amp;#34;false&amp;#34; ] ] %}} Yes! {{% /expand %}} Th&#39; first optional parameter defines th&#39; text that appears next t&#39; th&#39; expand/collapse ay&#39;con. Th&#39; default text be &amp;quot;Expand me.</description>
+Th&#39; expand shorrrtcode displays an expandable/collaps&#39;ble section o&#39; text.
+Expand me... Thank ye! Usage While th&#39; examples be us&#39;n named parameter ye be free t&#39; use positional aswell.
+named positional {{% expand title=&amp;#34;Expand me...&amp;#34; %}}Thank ye!{{% /expand %}} {{% expand &amp;#34;Expand me...&amp;#34; %}}Thank ye!{{% /expand %}} Parameter Name Posit&#39;n Default Notes title 1 &amp;quot;Expand me.</description>
     </item>
     <item>
       <title>Include</title>
@@ -59,8 +59,9 @@ Usage {{% expand [ &amp;lt;str&#39;n&amp;gt; [ &amp;#34;true&amp;#34; | &amp;#34
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
-Th&#39; include shorrrtcode includes other files from yer project inside o&#39; th&#39; current file. This can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.
-Usage {{% include &amp;lt;str&#39;n&amp;gt; [ &amp;#34;true&amp;#34; | &amp;#34;false&amp;#34; ] %}} Th&#39; first required parameter be th&#39; path t&#39; th&#39; file t&#39; be included.</description>
+Th&#39; include shorrrtcode includes other files from yer project inside o&#39; th&#39; current plank.
+Usage While th&#39; examples be us&#39;n named parameter ye be free t&#39; use positional aswell.
+named positional {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.</description>
     </item>
     <item>
       <title>Merrrmaid</title>
@@ -68,8 +69,8 @@ Usage {{% include &amp;lt;str&#39;n&amp;gt; [ &amp;#34;true&amp;#34; | &amp;#34;
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
-Merrrmaid be a library help&#39;n ye t&#39; generate diagram an&#39; flowcharts from text, &#39;n a similar manner as Marrrkdown.
-Avast This only works &#39;n modern browsers.
+Wit&#39; th&#39; Merrrmaid library an&#39; shorrrtcode, ye can generate diagrams an&#39; flowcharts from text, &#39;n a similar manner as Marrrkdown.
+graph LR; If --&gt; Then Then --&gt; Else Avast This only works &#39;n modern browsers.
 Arrr Due t&#39; limitat&#39;ns wit&#39; Merrrmaid, it be currently not poss&#39;ble t&#39; use Merrrmaid code fences &#39;n an initially collapsed expand shorrrtcode.</description>
     </item>
     <item>
@@ -88,9 +89,9 @@ Usage While th&#39; examples be us&#39;n named parameter ye be free t&#39; use p
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
-Th&#39; siteparam shorrrtcode be used t&#39; help ye print values o&#39; ship params.
-Usage {{% siteparam &amp;lt;str&#39;n&amp;gt; %}} Th&#39; first required parameter be th&#39; name o&#39; th&#39; ship param t&#39; be displayed.
-Examples For instance, &#39;n this current ship, th&#39; editURL vari&#39;ble be used &#39;n config.</description>
+Th&#39; siteparam shorrrtcode prints values o&#39; ship params.
+Usage While th&#39; examples be us&#39;n named parameter ye be free t&#39; use positional aswell.
+named positional {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} Parameter Name Posit&#39;n Default Notes name 1 &amp;lt;empty&amp;gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.</description>
     </item>
     <item>
       <title>Tabbed views</title>
@@ -98,8 +99,8 @@ Examples For instance, &#39;n this current ship, th&#39; editURL vari&#39;ble be
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrates, be awarrre some featurrres may not work fer us in this trrranslat&#39;n. Like table of rrramblings, some Merrrmaids and stuff.
-Choose which rrrambl&#39;n t&#39; see across th&#39; plank. Very handy fer provid&#39;n code snippets fer multiple languages or provid&#39;n configurat&#39;n &#39;n different formats.
-Code example {{&amp;lt; tabs &amp;gt;}} {{% tab name=&amp;#34;python&amp;#34; %}} ```python print(&amp;#34;Hello World!&amp;#34;) ``` {{% /tab %}} {{% tab name=&amp;#34;R&amp;#34; %}} ```R &amp;gt; print(&amp;#34;Hello World!</description>
+Th&#39; tabs shorrrtcode displays arbitrary rrrambl&#39;n &#39;n unlimited number o&#39; tabs. This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages or provid&#39;n configurat&#39;n &#39;n different formats.
+python bash print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; Usage {{&amp;lt; tabs &amp;gt;}} {{% tab name=&amp;#34;python&amp;#34; %}} ```python print(&amp;#34;Hello World!</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 8f7bd3bb3f..6504307ad9 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -10,18 +10,18 @@
     <title>Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/mermaid/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/mermaid/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
     <div id="body" class="default-animation">
@@ -89,7 +89,13 @@
 	</div>
 </div>
 
-<p><a href="https://mermaidjs.github.io/">Merrrmaid</a> be a library help'n ye t' generate diagram an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+<p>Wit' th' <a href="https://mermaidjs.github.io/">Merrrmaid</a> library an' shorrrtcode, ye can  generate diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -105,37 +111,102 @@
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert yer Merrrmaid code 'n th' <code>mermaid</code> shorrrtcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Ye can set an optional <code>align</code> attribute which defaults t' <code>&quot;center&quot;</code>.</p>
-<p>If ye don&rsquo;t need alignment ye can use th' alternative rules us'n code fences if ye have turned off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.</p>
+<p>While th' examples be us'n shorrrtcode rules it be recommended t' use codefence rules instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n (<a href="#configuration">see th' configurat'n section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shorrrtcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter be only supported when us'n shorrrtcode rules. Defaults be used when us'n codefence rules.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values be <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Yer mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configurat'n</h2>
+<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
+<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
+    <div class="box-content">
+<p>T' use codefence rules ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart wit' Non-Default Merrrmaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -145,31 +216,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how be ye?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about ye?
-    Bob-->John: Jolly bloody!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -184,35 +239,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how be ye?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about ye?
+    Bob-->John: Jolly bloody!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Add'n GANTT diagram functionality t' Merrrmaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, aft des2, 5d
-        Future task2              :         des4, aft des3, 5d
-        section Critical tasks
-        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
-        Implement parser an' jison          :crit, done, aft des1, 2d
-        Create tests fer parser             :crit, active, 3d
-        Future task 'n critical line        :crit, 5d
-        Create tests fer renderer           :2d
-        Add t' Merrrmaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -231,34 +271,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Add'n GANTT diagram functionality t' Merrrmaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, aft des2, 5d
+        Future task2              :         des4, aft des3, 5d
+        section Critical tasks
+        Completed task 'n th' critical line :crit, done, 2014-01-06,24h
+        Implement parser an' jison          :crit, done, aft des1, 2d
+        Create tests fer parser             :crit, active, 3d
+        Future task 'n critical line        :crit, 5d
+        Create tests fer renderer           :2d
+        Add t' Merrrmaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Whar' am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -276,25 +306,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Whar' am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show marrrkup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram wit' Codefence Rules</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -305,36 +333,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configurat'n</h2>
-<p>Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code>, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> funct'n.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Merrrmaid documentat'n</a> fer all allowed sett'ns.</p>
-<p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
-    <div class="box-content">
-<p>If ye want t' use mermaid codefences, ye have t' turn off <code>guessSyntax</code> fer th' <code>marrrkup.highlight</code> sett'n.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set t' `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this be a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># sett'n fer yer ship</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or planks frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
 
             <footer class="footline">
             </footer>
@@ -410,9 +417,9 @@ classDiagram
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -524,13 +531,13 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index a619e2503b..a9daa1e076 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -10,18 +10,18 @@
     <title>Notice :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/notice/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/notice/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
     <div id="body" class="default-animation">
@@ -137,7 +137,6 @@
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Posit'n</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -146,21 +145,18 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">Th' color scheme used t' highlight th' box rrrambl'n.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text fer th' box title. Depend'n on th' <strong>style</strong> there may be a default title. Any given value will overwrite th' default.<br/><br/>- fer severity styles: th' match'n title fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no title fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>ay'con</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/pir/cont/icons/#finding-an-icon">Font Awesome ay'con name</a> set t' th' left o' th' title. Depend'n on th' <strong>style</strong> there may be a default ay'con. Any given value will overwrite th' default.<br/><br/>- fer severity styles: a nice match'n ay'con fer th' severity<br/>- fer all other colors: <em>&lt;empty&gt;</em><br/><br/>If ye want no ay'con fer a severity style, ye have t' set this parameter t' <code>&quot; &quot;</code> (a non empty str'n filled wit' spaces)</td>
 </tr>
@@ -281,7 +277,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Arrr wit' non-default title an' ay'con</h4>
+<h4 id="warning-with-non-default-title-and-icon">Arrr wit' Non-Default Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here be dragons</div>
@@ -303,7 +299,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Arrr without a title an' ay'con</h4>
+<h4 id="warning-without-a-title-and-icon">Arrr without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -326,7 +322,7 @@
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary wit' title only</h4>
+<h4 id="primary-with-title-only">Primary wit' Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -348,7 +344,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary wit' ay'con only</h4>
+<h4 id="secondary-with-icon-only">Secondary wit' Ay'con only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -371,7 +367,7 @@
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title an' ay'con</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title an' Ay'con</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -393,7 +389,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green wit' title only</h4>
+<h4 id="green-with-title-only">Green wit' Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -415,7 +411,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey wit' ay'con only</h4>
+<h4 id="grey-with-icon-only">Grey wit' Ay'con only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -437,7 +433,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange wit' title an' ay'con</h4>
+<h4 id="orange-with-title-and-icon">Orange wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -482,7 +478,7 @@
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default wit' title an' ay'con</h4>
+<h4 id="default-with-title-and-icon">Default wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -504,7 +500,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent wit' title an' ay'con</h4>
+<h4 id="transparent-with-title-and-icon">Transparent wit' Title an' Ay'con</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attent'n t' this Avast!</div>
@@ -602,9 +598,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -716,13 +712,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 0d3df23aa3..3ea04756bc 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -10,18 +10,18 @@
     <title>Ship param :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/siteparam/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/siteparam/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
     <div id="body" class="default-animation">
@@ -89,18 +89,60 @@
 	</div>
 </div>
 
-<p>Th' <code>siteparam</code> shorrrtcode be used t' help ye print values o' ship params.</p>
+<p>Th' <code>siteparam</code> shorrrtcode prints values o' ship params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">str'n</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Th' first required parameter be th' name o' th' ship param t' be displayed.</p>
+<p>While th' examples be us'n named parameter ye be free t' use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Posit'n</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' name o' th' ship param t' be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, 'n this current ship, th' <code>editURL</code> vari'ble be used 'n <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use th' <code>siteparam</code> shorrrtcode t' display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>be displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
 
             <footer class="footline">
@@ -177,9 +219,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,13 +333,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/_print/index.html b/pir/shortcodes/swagger/_print/index.html
index a4773aedc3..c4e5e09240 100644
--- a/pir/shortcodes/swagger/_print/index.html
+++ b/pir/shortcodes/swagger/_print/index.html
@@ -10,18 +10,18 @@
     <title>Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/swagger/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/swagger/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/shortcodes/swagger/">
     <div id="body" class="default-animation">
@@ -90,7 +90,7 @@
 	</div>
 </div>
 
-<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer OpenAPI Specificat'ns.</p>
+<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -98,21 +98,36 @@
 <p>This only works 'n modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' URL t' th' OpenAPI Specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configurat'n</h2>
 <p>Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code> or override these sett'ns per plank thru yer planks frontmatter.</p>
 <p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Swagger&rsquo;s initializat'n. At th' moment, only th' <code>theme</code> sett'n be supported.</p>
 <p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give th' URL t' yer OpenAPI Specificat'n like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If yer plank be a leaf or branch bundle, ye can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Us'n Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Th' <code>src</code> parameter be mandatory an' can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -202,9 +217,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +331,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.html b/pir/shortcodes/swagger/index.html
index f012006a95..851154f11d 100644
--- a/pir/shortcodes/swagger/index.html
+++ b/pir/shortcodes/swagger/index.html
@@ -10,18 +10,18 @@
     <title>Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/swagger/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/shortcodes/swagger/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/swagger/">
     <div id="body" class="default-animation">
@@ -89,7 +89,7 @@
 	</div>
 </div>
 
-<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer OpenAPI Specificat'ns.</p>
+<p>This shorrrtcode uses th' <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library t' display yer Swagger / OpenAPI Specificat'ns.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -97,21 +97,36 @@
 <p>This only works 'n modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Th' URL t' th' OpenAPI Specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configurat'n</h2>
 <p>Swagger be configured wit' default sett'ns. Ye can cust'mize Swagger&rsquo;s default sett'ns fer all o' yer files thru a JSON object 'n yer <code>config.toml</code> or override these sett'ns per plank thru yer planks frontmatter.</p>
 <p>Th' JSON object o' yer <code>config.toml</code> / frontmatter be forwarded into Swagger&rsquo;s initializat'n. At th' moment, only th' <code>theme</code> sett'n be supported.</p>
 <p>Th' <code>theme</code> sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configurat'n File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give th' URL t' yer OpenAPI Specificat'n like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If yer plank be a leaf or branch bundle, ye can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Us'n Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>Th' <code>src</code> parameter be mandatory an' can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -201,9 +216,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -315,13 +330,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index f44a688d66..14be755483 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -10,18 +10,18 @@
     <title>Tabbed views :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/tabs/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/shortcodes/tabs/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
     <div id="body" class="default-animation">
@@ -89,105 +89,80 @@
 	</div>
 </div>
 
-<p>Choose which rrrambl'n t' see across th' plank. Very handy fer provid'n code
-snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>Th' <code>tabs</code> shorrrtcode displays arbitrary rrrambl'n 'n unlimited number o' tabs. This comes 'n handy eg. fer provid'n code snippets fer multiple languages or provid'n configurat'n 'n different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name o' th' group th' tab view belongs t'.<br/><br/>Tab views wit' th' same <strong>groupId</strong> sychr'nize their selected tab. This sychronizat'n applies t' th' whole ship!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number o' tabs defined wit' th' <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
+    <div class="box-content">
+<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets o' tabs but distinct <code>groupId</code> fer different sets.</p>
+<p>Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came from th' <code>'default'</code> group on a different plank then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views wit' th' same tabs that belong t' th' same group sychr'nize their select'n:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -207,8 +182,7 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -248,19 +222,54 @@ snippets fer multiple languages or provid'n configurat'n 'n different formats.</
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Arrr</div>
-    <div class="box-content">
-<p>When us'n tab views wit' different rrrambl'n sets, make sure t' use a common <code>groupId</code> fer equal sets but distinct
-<code>groupId</code> fer different sets. Th' <code>groupId</code> defaults t' <code>'default'</code>.
-<strong>Take this into account across th' whole ship!</strong>
-Th' tab select'n be restored automatically based on th' <code>groupId</code> an' if it cannot find a tab item because it came
-from th' <code>'default'</code> group on a different plank then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens t' this tab view if ye select <strong>properties</strong> tab from th' previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -335,9 +344,9 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -449,13 +458,13 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 46badee89f..86a3b0a44a 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/children/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/children/">
     <div id="body" class="default-animation">
@@ -161,9 +161,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -275,13 +275,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 1ebabd5a53..aeb364c4ff 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/documentatn/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/documentatn/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -261,13 +261,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 1686fa0786..058dd476f2 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/hidden/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/hidden/">
     <div id="body" class="default-animation">
@@ -152,9 +152,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -266,13 +266,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 5ab652c33d..e4f52f4268 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/">
     <div id="body" class="default-animation">
@@ -151,9 +151,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -265,13 +265,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 2c36b1609a..a333acbddb 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/non-hidden/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/non-hidden/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -270,13 +270,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index fd6e0f4981..6b81bd4b67 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/tutorrrial/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tags/tutorrrial/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -261,13 +261,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tests/_print/index.html b/pir/tests/_print/index.html
index 5a86549445..5e2a82f82b 100644
--- a/pir/tests/_print/index.html
+++ b/pir/tests/_print/index.html
@@ -10,18 +10,18 @@
     <title>Tests :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/tests/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,13 +262,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/tests/code/_print/index.html b/pir/tests/code/_print/index.html
index 582b8a221f..552d1d9a5a 100644
--- a/pir/tests/code/_print/index.html
+++ b/pir/tests/code/_print/index.html
@@ -10,18 +10,18 @@
     <title>Code :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/tests/code/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/code/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/code/">
     <div id="body" class="default-animation">
@@ -189,9 +189,9 @@ Some preformatted stuff 'n HTML elements
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -307,13 +307,13 @@ Some preformatted stuff 'n HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index 104501448f..8664ee9eab 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -10,18 +10,18 @@
     <title>Code :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/code/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/tests/code/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/code/">
     <div id="body" class="default-animation">
@@ -188,9 +188,9 @@ Some preformatted stuff 'n HTML elements
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,13 +306,13 @@ Some preformatted stuff 'n HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tests/images/_print/index.html b/pir/tests/images/_print/index.html
index 2485557b12..e0bf3751ad 100644
--- a/pir/tests/images/_print/index.html
+++ b/pir/tests/images/_print/index.html
@@ -10,18 +10,18 @@
     <title>Images :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/tests/images/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/images/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/images/">
     <div id="body" class="default-animation">
@@ -193,9 +193,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -311,13 +311,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.html b/pir/tests/images/index.html
index f63e79a084..6b62693082 100644
--- a/pir/tests/images/index.html
+++ b/pir/tests/images/index.html
@@ -10,18 +10,18 @@
     <title>Images :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/images/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/tests/images/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/images/">
     <div id="body" class="default-animation">
@@ -192,9 +192,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,13 +310,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index 2d295ab8cc..a609e695c6 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -10,18 +10,18 @@
     <title>Tests :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/tests/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/">
     <div id="body" class="default-animation">
@@ -182,9 +182,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -296,13 +296,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/tests/links/_print/index.html b/pir/tests/links/_print/index.html
index 448888ab57..ac6dcf6975 100644
--- a/pir/tests/links/_print/index.html
+++ b/pir/tests/links/_print/index.html
@@ -10,18 +10,18 @@
     <title>Links :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/tests/links/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/links/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/tests/links/">
     <div id="body" class="default-animation">
@@ -174,9 +174,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,13 +292,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/tests/links/index.html b/pir/tests/links/index.html
index 6221910fcf..c876baa6d1 100644
--- a/pir/tests/links/index.html
+++ b/pir/tests/links/index.html
@@ -10,18 +10,18 @@
     <title>Links :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/links/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/tests/links/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/tests/links/">
     <div id="body" class="default-animation">
@@ -173,9 +173,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,13 +291,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/1/index.html b/pir/yours/1/index.html
index 204ac28053..f1d95fdce0 100644
--- a/pir/yours/1/index.html
+++ b/pir/yours/1/index.html
@@ -10,18 +10,18 @@
     <title>1 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/1/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/1/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/10/index.html b/pir/yours/10/index.html
index d94d2884b2..4bfec1d281 100644
--- a/pir/yours/10/index.html
+++ b/pir/yours/10/index.html
@@ -10,18 +10,18 @@
     <title>11 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/10/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/10/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/10/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/2/index.html b/pir/yours/2/index.html
index 5fc4f1dac3..0a9df90341 100644
--- a/pir/yours/2/index.html
+++ b/pir/yours/2/index.html
@@ -10,18 +10,18 @@
     <title>2 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/2/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/2/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/2/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/3/index.html b/pir/yours/3/index.html
index 80f5161a86..5d4a454558 100644
--- a/pir/yours/3/index.html
+++ b/pir/yours/3/index.html
@@ -10,18 +10,18 @@
     <title>3 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/3/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/3/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/3/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/4/index.html b/pir/yours/4/index.html
index c6b8f2fb89..f180225edc 100644
--- a/pir/yours/4/index.html
+++ b/pir/yours/4/index.html
@@ -10,18 +10,18 @@
     <title>4 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/4/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/4/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/4/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/5/index.html b/pir/yours/5/index.html
index 2f33ef5539..3467a51300 100644
--- a/pir/yours/5/index.html
+++ b/pir/yours/5/index.html
@@ -10,18 +10,18 @@
     <title>5 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/5/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/5/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/5/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/6/index.html b/pir/yours/6/index.html
index 1f7d2f6888..b295e8fe68 100644
--- a/pir/yours/6/index.html
+++ b/pir/yours/6/index.html
@@ -10,18 +10,18 @@
     <title>6 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/6/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/6/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/6/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/7/index.html b/pir/yours/7/index.html
index 2e5fe0b6a7..81f66295e0 100644
--- a/pir/yours/7/index.html
+++ b/pir/yours/7/index.html
@@ -10,18 +10,18 @@
     <title>7 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/7/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/7/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/7/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/8/index.html b/pir/yours/8/index.html
index 6a2fc296b1..e9d6244242 100644
--- a/pir/yours/8/index.html
+++ b/pir/yours/8/index.html
@@ -10,18 +10,18 @@
     <title>8 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/8/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/8/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/8/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/9/index.html b/pir/yours/9/index.html
index f7e6f365af..1a2c202da4 100644
--- a/pir/yours/9/index.html
+++ b/pir/yours/9/index.html
@@ -10,18 +10,18 @@
     <title>9 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/9/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/_print/yours/9/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429920" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429920" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429920" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429920" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429920"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/9/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429920"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429920"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -281,13 +281,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429920"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429920"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429920"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/_print/index.html b/pir/yours/_print/index.html
index 07d3635bc0..b5dcd2628c 100644
--- a/pir/yours/_print/index.html
+++ b/pir/yours/_print/index.html
@@ -10,18 +10,18 @@
     <title>This could be yers :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,13 +262,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/yours/children-1/_print/index.html b/pir/yours/children-1/_print/index.html
index 47cf7c876c..a40d11deda 100644
--- a/pir/yours/children-1/_print/index.html
+++ b/pir/yours/children-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>Th&#39; one an&#39; only hidden child :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/pir/yours/children-1/" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/children-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450355" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450355" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450355" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450355" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450355"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450355"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/pir/yours/children-1/">
     <div id="body" class="default-animation">
@@ -149,9 +149,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450355"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450355"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,13 +274,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450355"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450355"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450355"></script>
   </body>
 </html>
diff --git a/pir/yours/children-1/index.html b/pir/yours/children-1/index.html
index a76abcd207..7dacbb4b5e 100644
--- a/pir/yours/children-1/index.html
+++ b/pir/yours/children-1/index.html
@@ -10,18 +10,18 @@
     <title>Th&#39; one an&#39; only hidden child :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/children-1/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/yours/children-1/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/children-1/">
     <div id="body" class="default-animation">
@@ -166,9 +166,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,13 +291,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/pir/yours/index.html b/pir/yours/index.html
index 2edc94bcf1..931006b866 100644
--- a/pir/yours/index.html
+++ b/pir/yours/index.html
@@ -10,18 +10,18 @@
     <title>This could be yers :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/index.xml" title="Cap&#39;n Hugo Relearrrn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/pir/yours/_print/" title="Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429921" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429921" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429921" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429921" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429921"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450354" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450354" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450354" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450354" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450354"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450354"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/pir/yours/">
     <div id="body" class="default-animation">
@@ -166,9 +166,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429921"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429921"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450354"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450354"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,13 +280,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429921"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450354"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429921"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429921"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450354"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450354"></script>
   </body>
 </html>
diff --git a/shortcodes/_print/index.html b/shortcodes/_print/index.html
index 4304106ef9..0ea124d5b6 100644
--- a/shortcodes/_print/index.html
+++ b/shortcodes/_print/index.html
@@ -10,18 +10,18 @@
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/">
     <div id="body" class="default-animation">
@@ -103,15 +103,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/expand/" >Expand</a></h2>
-<p>Displays an expandable/collapsible section of text on your page</p>
+<p>Expandable/collapsible sections of text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/include/" >Include</a></h2>
-<p>Displays content from other Markdown files</p>
+<p>Displays content from other files</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/mermaid/" >Mermaid</a></h2>
-<p>Generation of diagram and flowchart from text in a similar manner as Markdown</p>
+<p>Generate diagrams and flowcharts from text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/notice/" >Notice</a></h2>
@@ -119,15 +119,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/siteparam/" >Site param</a></h2>
-<p>Get value of site params variables in your page</p>
+<p>Get value of site params</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/swagger/" >Swagger</a></h2>
-<p>Adds UI for your Swagger / OpenAPI Specifications</p>
+<p>UI for your Swagger / OpenAPI Specifications</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/tabs/" >Tabbed views</a></h2>
-<p>Synchronize selection of content in different tabbed views</p>
+<p>Show content in tabbed views</p>
 					
 </div>
 
@@ -153,18 +153,18 @@
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>The shortcurt lists files found in a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementations for pages</p>
+</span></span></code></pre></div><p>The shortcurt lists files found in a specific folder.</p>
+<p>Currently, it supports two implementations for pages</p>
 <ol>
 <li>
-<p>If your page is a Markdown file, attachements must be placed in a <strong>folder</strong> named like your page and ending with <strong>.files</strong>.</p>
+<p>If your page is a Markdown file, attachements must be placed in a folder named like your page and ending with <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>content
 <ul>
 <li>_index.md</li>
-<li>page.files
+<li><strong>page.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -176,7 +176,7 @@
 </blockquote>
 </li>
 <li>
-<p>If your page is a <strong>folder</strong>, attachements must be placed in a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If your page is a folder, attachements must be placed in a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>content
@@ -185,7 +185,7 @@
 <li>page
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -204,7 +204,6 @@
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -212,39 +211,35 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
+<td style="text-align:left">The color scheme used to highlight the box content.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you want no title, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you wa you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending le** there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching iseverity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used to filter the attachments by file name. For example:<br/><br/>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list of attachments ending in pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -253,20 +248,9 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Info Styled Box, Descending Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Info styled box, descending sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Info</div>
   <ul class="box-content attachments-files">
@@ -278,19 +262,7 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style and icons</h3>
+<h3 id="style-and-icons">Style and Icons</h3>
 <p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
@@ -303,13 +275,6 @@
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
   </a>
@@ -322,14 +287,14 @@
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once the button is clicked, it opens another browser tab for the given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once the button is clicked, it opens another browser tab for the given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -337,31 +302,26 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">The color scheme used to paint the button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places the icon to the <code>left</code> or <code>right</code> of the title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -369,8 +329,12 @@
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -398,8 +362,10 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -411,8 +377,13 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -442,8 +413,10 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -456,16 +429,18 @@
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
-<h4 id="to-the-left">to the left</h4>
-
+<h4 id="to-the-left">To the Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Hugo
   </a>
 </span>
-<h4 id="to-the-right">to the right</h4>
-
+<h4 id="to-the-right">To the Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">icon</span><span class="o">-</span><span class="nx">position</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -473,7 +448,8 @@
   </a>
 </span>
 <h4 id="override-for-severity">Override for Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -482,7 +458,8 @@
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style with all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -497,55 +474,58 @@
           <article>
 
 <h1>Children</h1>
-<p>Use the children shortcode to list the child pages of a page and the further descendants (children&rsquo;s children). By default, the shortcode displays links to the child pages.</p>
+<p>The <code>children</code> shortcode lists the child pages of a page and its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Description</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">page</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify the page name (section name) to display children for</td>
+<td style="text-align:left"><strong>page</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify the page name (section name) to display children for.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child pages hidden from the menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child pages hidden from the menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">description</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows you to include a short text under each page in the list. When no description exists for the page, children shortcode takes the first 70 words of your content. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>description</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number to specify the depth of descendants to display. For example, if the value is 2, the shortcode will display 2 levels of child pages.  <strong>Tips:</strong> set 999 to get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">The depth of descendants to display. For example, if the value is <code>2</code>, the shortcode will display two levels of child pages.  To get all descendants, set this value to a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, to sort on menu order - <strong>title</strong>, to sort alphabetically on menu label. If not set it is sorted by the <code>ordersectionsby</code> setting of the site and the pages frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The sort order of the displayed list.<br/><br/>If not set it is sorted by the <a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> setting of the site and the pages frontmatter<br/><br/>- <code>weight</code>: to sort on menu order<br/>- <code>title</code>: to sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -555,6 +535,7 @@
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></li>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></li>
 </ul>
+<h3 id="with-description">With Description</h3>
 <div class="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">children</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -573,6 +554,7 @@ So its content is used as description.</p>
 <p>This is a demo child page</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth and Hidden Pages</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -593,6 +575,7 @@ So its content is used as description.</p>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" >page 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-4/" >page 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Heading Styles for Container and Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -631,7 +614,8 @@ So its content is used as description.</p>
 <p>This is a plain page test nested in a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs for Group and Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -639,8 +623,6 @@ So its content is used as description.</p>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/" >page 1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" >page 1-1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" >page 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >page 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >page 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" >page 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></div>
@@ -782,28 +764,83 @@ So its content is used as description.</p>
           <article>
 
 <h1>Expand</h1>
-<p>The Expand shortcode displays an expandable/collapsible section of text on your page.</p>
+<p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank you!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>The first optional parameter defines the text that appears next to the expand/collapse icon. The default text is <code>&quot;Expand me...&quot;</code>.</p>
-<p>The second optional parameter controls if the block is initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). The default ist <code>&quot;false&quot;</code>.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text to appear next to the expand/collapse icon.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> the content text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text to be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell you a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe the next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -811,26 +848,12 @@ So its content is used as description.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, you did it!</p>
-
+Yes, you did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -838,26 +861,26 @@ So its content is used as description.</p>
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need to press you!</p>
-
+No need to press you!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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>
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">You</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">syntax</span><span class="p">:</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">bullet</span> <span class="nx">point</span> <span class="nx">lists</span>
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">_emphasized_</span><span class="p">,</span> <span class="o">**</span><span class="nx">bold</span><span class="o">**</span> <span class="nx">and</span> <span class="nx">even</span> <span class="o">**</span><span class="nx">_bold</span> <span class="nx">emphasized_</span><span class="o">**</span> <span class="nx">text</span>
+</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="p">[</span><span class="nx">links</span><span class="p">](</span><span class="nx">https</span><span class="p">:</span><span class="c1">//example.com)
+</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="o">-</span> <span class="nx">etc</span><span class="p">.</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="s">```plaintext
+</span></span></span><span class="line"><span class="cl"><span class="s">...and even source code
+</span></span></span><span class="line"><span class="cl"><span class="s">```</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possiblities</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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
 <div class="expand">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -865,7 +888,6 @@ So its content is used as description.</p>
         Show me almost endless possibilities
     </a>
     <div class="expand-content" style="display: none;">
-<p>Some expandable text.</p>
 <p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
@@ -879,34 +901,6 @@ So its content is used as description.</p>
 <p>the possiblities are endless (almost - including other shortcodes may or may not work)</p>
 </blockquote>
 
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expandable</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="nx">You</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">syntax</span><span class="p">:</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">bullet</span> <span class="nx">point</span> <span class="nx">lists</span>
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">_emphasized_</span><span class="p">,</span> <span class="o">**</span><span class="nx">bold</span><span class="o">**</span> <span class="nx">and</span> <span class="nx">even</span> <span class="o">**</span><span class="nx">_bold</span> <span class="nx">emphasized_</span><span class="o">**</span> <span class="nx">text</span>
-</span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="p">[</span><span class="nx">links</span><span class="p">](</span><span class="nx">https</span><span class="p">:</span><span class="c1">//example.com)
-</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="o">-</span> <span class="nx">etc</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="s">```plaintext
-</span></span></span><span class="line"><span class="cl"><span class="s">...and even source code
-</span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possiblities</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>
 </div>
 
@@ -917,14 +911,67 @@ So its content is used as description.</p>
           <article>
 
 <h1>Include</h1>
-<p>The include shortcode includes other files from your project inside of the current file. This can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<p>The <code>include</code> shortcode includes other files from your project inside of the current page.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the path to the file to be included.</p>
-<p>If the file&rsquo;s content will be displayed as HTML, the second optional parameter controls if the first heading of the included file should be displayed (<code>&quot;true&quot;</code>)- which is the default - or be hidden.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>The included files can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The path to the file to be included. Path resolution adheres to <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> function</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirstheading</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray content</h3>
-<p>You can add standard markdown syntax:</p>
+<h3 id="arbitray-content">Arbitray Content</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -937,18 +984,6 @@ So its content is used as description.</p>
 <p>the possiblities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
             <footer class="footline">
             </footer>
           </article>
@@ -956,7 +991,13 @@ So its content is used as description.</p>
           <article>
 
 <h1>Mermaid</h1>
-<p><a href="https://mermaidjs.github.io/">Mermaid</a> is a library helping you to generate diagram and flowcharts from text, in a similar manner as Markdown.</p>
+<p>With the <a href="https://mermaidjs.github.io/">Mermaid</a> library and shortcode, you can  generate diagrams and flowcharts from text, in a similar manner as Markdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -972,37 +1013,102 @@ So its content is used as description.</p>
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert your Mermaid code in the <code>mermaid</code> shortcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>You can set an optional <code>align</code> attribute which defaults to <code>&quot;center&quot;</code>.</p>
-<p>If you don&rsquo;t need alignment you can use the alternative syntax using code fences if you have turned off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
+<p>While the examples are using shortcode syntax it is recommended to use codefence syntax instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (<a href="#configuration">see the configuration section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shortcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter are only supported when using shortcode syntax. Defaults are used when using codefence syntax.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values are <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Your mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configuration</h2>
+<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
+<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configuration File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart with Non-Default Mermaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -1012,31 +1118,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how are you?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about you?
-    Bob-->John: Jolly good!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -1051,35 +1141,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how are you?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about you?
+    Bob-->John: Jolly good!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Adding GANTT diagram functionality to Mermaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, after des2, 5d
-        Future task2              :         des4, after des3, 5d
-        section Critical tasks
-        Completed task in the critical line :crit, done, 2014-01-06,24h
-        Implement parser and jison          :crit, done, after des1, 2d
-        Create tests for parser             :crit, active, 3d
-        Future task in critical line        :crit, 5d
-        Create tests for renderer           :2d
-        Add to Mermaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -1098,34 +1173,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Adding GANTT diagram functionality to Mermaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, after des2, 5d
+        Future task2              :         des4, after des3, 5d
+        section Critical tasks
+        Completed task in the critical line :crit, done, 2014-01-06,24h
+        Implement parser and jison          :crit, done, after des1, 2d
+        Create tests for parser             :crit, active, 3d
+        Future task in critical line        :crit, 5d
+        Create tests for renderer           :2d
+        Add to Mermaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Where am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -1143,25 +1208,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Where am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram with Codefence Syntax</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -1172,36 +1235,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configuration</h2>
-<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
-<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
-    <div class="box-content">
-<p>If you want to use mermaid codefences, you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or pages frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
             <footer class="footline">
             </footer>
           </article>
@@ -1257,7 +1299,6 @@ classDiagram
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Position</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -1266,21 +1307,18 @@ classDiagram
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -1401,7 +1439,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Warning with non-default title and icon</h4>
+<h4 id="warning-with-non-default-title-and-icon">Warning with Non-Default Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here are dragons</div>
@@ -1423,7 +1461,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Warning without a title and icon</h4>
+<h4 id="warning-without-a-title-and-icon">Warning without a Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -1446,7 +1484,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary with title only</h4>
+<h4 id="primary-with-title-only">Primary with Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -1468,7 +1506,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary with icon only</h4>
+<h4 id="secondary-with-icon-only">Secondary with Icon only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -1491,7 +1529,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title and icon</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title and Icon</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -1513,7 +1551,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green with title only</h4>
+<h4 id="green-with-title-only">Green with Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -1535,7 +1573,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey with icon only</h4>
+<h4 id="grey-with-icon-only">Grey with Icon only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -1557,7 +1595,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange with title and icon</h4>
+<h4 id="orange-with-title-and-icon">Orange with Title and Icon</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -1602,7 +1640,7 @@ classDiagram
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with title and icon</h4>
+<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -1624,7 +1662,7 @@ classDiagram
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent with title and icon</h4>
+<h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -1654,18 +1692,60 @@ classDiagram
           <article>
 
 <h1>Site param</h1>
-<p>The <code>siteparam</code> shortcode is used to help you print values of site params.</p>
+<p>The <code>siteparam</code> shortcode prints values of site params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the name of the site param to be displayed.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The name of the site param to be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, in this current site, the <code>editURL</code> variable is used in <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use the <code>siteparam</code> shortcode to display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>is displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
             <footer class="footline">
             </footer>
@@ -1674,7 +1754,7 @@ classDiagram
           <article>
 
 <h1>Swagger</h1>
-<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your OpenAPI Specifications.</p>
+<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your Swagger / OpenAPI Specifications.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -1682,21 +1762,36 @@ classDiagram
 <p>This only works in modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The URL to the OpenAPI Specification file. This can be relative to the URL of your page if it is a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configuration</h2>
 <p>Swagger is configured with default settings. You can customize Swagger&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code> or override these settings per page thru your pages frontmatter.</p>
 <p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Swagger&rsquo;s initialization. At the moment, only the <code>theme</code> setting is supported.</p>
 <p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configuration File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give the URL to your OpenAPI Specification like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If your page is a leaf or branch bundle, you can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Using Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>The <code>src</code> parameter is mandatory and can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -1718,105 +1813,80 @@ classDiagram
           <article>
 
 <h1>Tabbed views</h1>
-<p>Choose which content to see across the page. Very handy for providing code
-snippets for multiple languages or providing configuration in different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>The <code>tabs</code> shortcode displays arbitrary content in unlimited number of tabs. This comes in handy eg. for providing code snippets for multiple languages or providing configuration in different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name of the group the tab view belongs to.<br/><br/>Tab views with the same <strong>groupId</strong> sychronize their selected tab. This sychronization applies to the whole site!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
+    <div class="box-content">
+<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets of tabs but distinct <code>groupId</code> for different sets.</p>
+<p>The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came from the <code>'default'</code> group on a different page then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views with the same tabs that belong to the same group sychronize their selection:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -1836,8 +1906,7 @@ snippets for multiple languages or providing configuration in different formats.
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -1877,18 +1946,53 @@ snippets for multiple languages or providing configuration in different formats.
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
-    <div class="box-content">
-<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets but distinct
-<code>groupId</code> for different sets. The <code>groupId</code> defaults to <code>'default'</code>.
-<strong>Take this into account across the whole site!</strong>
-The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came
-from the <code>'default'</code> group on a different page then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens to this tab view if you select <strong>properties</strong> tab from the previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -1964,9 +2068,9 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -2078,15 +2182,15 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654450353"></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
@@ -2099,7 +2203,7 @@ from the <code>'default'</code> group on a different page then all tabs will be
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654450353"></script>
     <script>
       function useSwagger( config ){
         if( config.theme ){
@@ -2109,6 +2213,6 @@ from the <code>'default'</code> group on a different page then all tabs will be
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index c896a166bb..f981a3541d 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -10,18 +10,18 @@
     <title>Attachments :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/attachments/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/attachments/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/attachments/">
     <div id="body" class="default-animation">
@@ -84,9 +84,9 @@
     </li>
     <li><a href="#examples">Examples</a>
       <ul>
-        <li><a href="#custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list of attachments ending in pdf or mp4</a></li>
-        <li><a href="#info-styled-box-descending-sort-order">Info styled box, descending sort order</a></li>
-        <li><a href="#style-and-icons">Style and icons</a></li>
+        <li><a href="#custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</a></li>
+        <li><a href="#info-styled-box-descending-sort-order">Info Styled Box, Descending Sort Order</a></li>
+        <li><a href="#style-and-icons">Style and Icons</a></li>
       </ul>
     </li>
   </ul>
@@ -116,18 +116,18 @@
   </ul>
 </div>
 <h2 id="usage">Usage</h2>
-<p>The shortcurt lists files found in a <strong>specific folder</strong>.</p>
 <div class="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">attachments</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>Currently, it support two implementations for pages</p>
+</span></span></code></pre></div><p>The shortcurt lists files found in a specific folder.</p>
+<p>Currently, it supports two implementations for pages</p>
 <ol>
 <li>
-<p>If your page is a Markdown file, attachements must be placed in a <strong>folder</strong> named like your page and ending with <strong>.files</strong>.</p>
+<p>If your page is a Markdown file, attachements must be placed in a folder named like your page and ending with <code>.files</code>.</p>
 <blockquote>
 <ul>
 <li>content
 <ul>
 <li>_index.md</li>
-<li>page.files
+<li><strong>page.files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -139,7 +139,7 @@
 </blockquote>
 </li>
 <li>
-<p>If your page is a <strong>folder</strong>, attachements must be placed in a nested <strong>&lsquo;files&rsquo;</strong> folder.</p>
+<p>If your page is a folder, attachements must be placed in a nested <code>files</code> folder.</p>
 <blockquote>
 <ul>
 <li>content
@@ -148,7 +148,7 @@
 <li>page
 <ul>
 <li>index.md</li>
-<li>files
+<li><strong>files</strong>
 <ul>
 <li>attachment.pdf</li>
 </ul>
@@ -167,7 +167,6 @@
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -175,39 +174,35 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
-<td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
+<td style="text-align:left">The color scheme used to highlight the box content.<br/><br/>- by severity: <code>info</code>, <code>note</code>, <code>tip</code>, <code>warning</code>&lt;nd color: <code>primary</code>, <code>secondary</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>,t`</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you want no title, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwault.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <code>Attachments</code><br/><br/>If you wa you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
+<td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending le** there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching iseverity<br/>- for all other colors: <code>paperclip</code><br/><br/>If you want no icon, you have to set this parameter to <code>&quot; &quot;</code> (a non empty d with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>sort</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>asc</code></td>
 <td style="text-align:left">Sorting the output in <code>asc</code>ending or <code>desc</code>ending order.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>pattern</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>.*</code></td>
 <td style="text-align:left">A <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expressions</a>, used to filter the attachments by file name. For example:<br/><br/>- to match a file suffix of &lsquo;jpg&rsquo;, use <code>.*jpg</code> (not <code>*.jpg</code>)<br/>- to match file names ending in <code>jpg</code> or <code>png</code>, use <code>.*(jpg|png)</code></td>
 </tr>
 </tbody>
 </table>
 <h2 id="examples">Examples</h2>
-<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom title, list of attachments ending in pdf or mp4</h3>
-
+<h3 id="custom-title-list-of-attachments-ending-in-pdf-or-mp4">Custom Title, List of Attachments Ending in pdf or mp4</h3>
+<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <div class="box attachments cstyle transparent">
   <div class="box-label"><i class="fa-fw fas fa-paperclip"></i> Related files</div>
   <ul class="box-content attachments-files">
@@ -216,20 +211,9 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/movieselectricsheep-flock-244-32500-2.mp4">movieselectricsheep-flock-244-32500-2.mp4</a> (340 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">title</span><span class="p">=</span><span class="s">&#34;Related files&#34;</span> <span class="nx">pattern</span><span class="p">=</span><span class="s">&#34;.*(pdf|mp4)&#34;</span> <span class="o">/%</span><span class="p">}}</span>
+<h3 id="info-styled-box-descending-sort-order">Info Styled Box, Descending Sort Order</h3>
+<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
 </span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="info-styled-box-descending-sort-order">Info styled box, descending sort order</h3>
-
 <div class="box attachments cstyle info">
   <div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Info</div>
   <ul class="box-content attachments-files">
@@ -241,19 +225,7 @@
     <li><a href="/hugo-theme-relearn/shortcodes/attachments.en.files/adivorciarsetoca00cape.pdf">adivorciarsetoca00cape.pdf</a> (361 KB)</li>
   </ul>
 </div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">attachments</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="nx">sort</span><span class="p">=</span><span class="s">&#34;desc&#34;</span> <span class="o">/%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h3 id="style-and-icons">Style and icons</h3>
+<h3 id="style-and-icons">Style and Icons</h3>
 <p>For further examples for <strong>style</strong>, <strong>title</strong> and <strong>icon</strong>, see the <a href="/hugo-theme-relearn/shortcodes/notice/"><code>notice</code> shortcode</a> documentation. The parameter are working the same way for both shortcodes, besides having different defaults.</p>
 
             <footer class="footline">
@@ -330,9 +302,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -444,13 +416,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 0865eb4a43..92fa0340f3 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -10,18 +10,18 @@
     <title>Button :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/button/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/button/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/button/">
     <div id="body" class="default-animation">
@@ -105,13 +105,6 @@
 <p>The <code>button</code> shortcode displays a clickable button with adjustable color, title and icon.</p>
 <p>
 <span class="btn cstyle transparent">
-  <a href="https://gohugo.io/" target="_blank">
-    Get Hugo
-    <i class="fa-fw fas fa-download"></i>
-  </a>
-</span>
-
-<span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
   </a>
@@ -124,14 +117,14 @@
   </a>
 </span></p>
 <h2 id="usage">Usage</h2>
-<p>Once the button is clicked, it opens another browser tab for the given URL.</p>
-<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>Once the button is clicked, it opens another browser tab for the given URL.</p>
+<h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
 <th style="text-align:left">Name</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -139,31 +132,26 @@
 <tbody>
 <tr>
 <td style="text-align:left"><strong>href</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><em>&lt;empty&gt;</em></td>
 <td style="text-align:left">The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable.</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>transparent</code></td>
 <td style="text-align:left">The color scheme used to paint the button.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>iconposition</strong></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>left</code></td>
 <td style="text-align:left">Places the icon to the <code>left</code> or <code>right</code> of the title.</td>
 </tr>
 <tr>
 <td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the button title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -171,8 +159,12 @@
 </table>
 <h2 id="examples">Examples</h2>
 <h3 id="style">Style</h3>
-<h4 id="by-severity">by Severity</h4>
-<p>
+<h4 id="by-severity">By Severity</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;info&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;note&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle info">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-info-circle"></i>
@@ -200,8 +192,10 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-brand-colors">by Brand Colors</h4>
-<p>
+<h4 id="by-brand-colors">By Brand Colors</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;primary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;secondary&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle primary">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -213,8 +207,13 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-color">by Color</h4>
-<p>
+<h4 id="by-color">By Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;blue&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;green&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;grey&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;orange&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;red&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle blue">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -244,8 +243,10 @@
     Get Hugo
   </a>
 </span></p>
-<h4 id="by-special-color">by Special Color</h4>
-<p>
+<h4 id="by-special-color">By Special Color</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;default&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;transparent&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>
 <span class="btn cstyle default">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -258,16 +259,18 @@
   </a>
 </span></p>
 <h3 id="icon">Icon</h3>
-<h4 id="to-the-left">to the left</h4>
-
+<h4 id="to-the-left">To the Left</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-download"></i>
     Get Hugo
   </a>
 </span>
-<h4 id="to-the-right">to the right</h4>
-
+<h4 id="to-the-right">To the Right</h4>
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;download&#34;</span> <span class="nx">icon</span><span class="o">-</span><span class="nx">position</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle transparent">
   <a href="https://gohugo.io/" target="_blank">
     Get Hugo
@@ -275,7 +278,8 @@
   </a>
 </span>
 <h4 id="override-for-severity">Override for Severity</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">icon</span><span class="p">=</span><span class="s">&#34;dragon&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;warning&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Get</span> <span class="nx">Hugo</span><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle warning">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-dragon"></i>
@@ -284,7 +288,8 @@
 </span>
 <h3 id="other">Other</h3>
 <h4 id="severity-style-with-all-defaults">Severity Style with all Defaults</h4>
-
+<div class="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">button</span> <span class="nx">href</span><span class="p">=</span><span class="s">&#34;https://gohugo.io/&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;tip&#34;</span> <span class="o">%</span><span class="p">}}{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">button</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
 <span class="btn cstyle tip">
   <a href="https://gohugo.io/" target="_blank">
     <i class="fa-fw fas fa-lightbulb"></i>
@@ -366,9 +371,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -480,13 +485,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/children/_print/index.html b/shortcodes/children/_print/index.html
index f7e6f362ae..a6bd2c956e 100644
--- a/shortcodes/children/_print/index.html
+++ b/shortcodes/children/_print/index.html
@@ -10,18 +10,18 @@
     <title>Children :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/">
     <div id="body" class="default-animation">
@@ -77,8 +77,20 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#demo">Demo</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#all-default">All Default</a></li>
+        <li><a href="#with-description">With Description</a></li>
+        <li><a href="#infinte-depth-and-hidden-pages">Infinte Depth and Hidden Pages</a></li>
+        <li><a href="#heading-styles-for-container-and-elements">Heading Styles for Container and Elements</a></li>
+        <li><a href="#divs-for-group-and-element-styles">Divs for Group and Element Styles</a></li>
+      </ul>
+    </li>
   </ul>
 </nav>
             </div>
@@ -93,55 +105,58 @@
           <article>
 
 <h1>Children</h1>
-<p>Use the children shortcode to list the child pages of a page and the further descendants (children&rsquo;s children). By default, the shortcode displays links to the child pages.</p>
+<p>The <code>children</code> shortcode lists the child pages of a page and its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Description</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">page</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify the page name (section name) to display children for</td>
+<td style="text-align:left"><strong>page</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify the page name (section name) to display children for.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child pages hidden from the menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child pages hidden from the menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">description</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows you to include a short text under each page in the list. When no description exists for the page, children shortcode takes the first 70 words of your content. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>description</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number to specify the depth of descendants to display. For example, if the value is 2, the shortcode will display 2 levels of child pages.  <strong>Tips:</strong> set 999 to get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">The depth of descendants to display. For example, if the value is <code>2</code>, the shortcode will display two levels of child pages.  To get all descendants, set this value to a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, to sort on menu order - <strong>title</strong>, to sort alphabetically on menu label. If not set it is sorted by the <code>ordersectionsby</code> setting of the site and the pages frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The sort order of the displayed list.<br/><br/>If not set it is sorted by the <a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> setting of the site and the pages frontmatter<br/><br/>- <code>weight</code>: to sort on menu order<br/>- <code>title</code>: to sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -151,6 +166,7 @@
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></li>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></li>
 </ul>
+<h3 id="with-description">With Description</h3>
 <div class="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">children</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -169,6 +185,7 @@ So its content is used as description.</p>
 <p>This is a demo child page</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth and Hidden Pages</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -189,6 +206,7 @@ So its content is used as description.</p>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" >page 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-4/" >page 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Heading Styles for Container and Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -227,7 +245,8 @@ So its content is used as description.</p>
 <p>This is a plain page test nested in a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs for Group and Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -235,8 +254,6 @@ So its content is used as description.</p>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/" >page 1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" >page 1-1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" >page 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >page 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >page 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" >page 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></div>
@@ -445,9 +462,9 @@ So its content is used as description.</p>
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -559,13 +576,13 @@ So its content is used as description.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/_print/index.html b/shortcodes/children/children-1/_print/index.html
index 137e03daf5..734826e013 100644
--- a/shortcodes/children/children-1/_print/index.html
+++ b/shortcodes/children/children-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
@@ -245,9 +245,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -359,13 +359,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/_print/index.html
index ac544376cd..33bc97a88a 100644
--- a/shortcodes/children/children-1/children-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
@@ -229,9 +229,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -343,13 +343,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
index 52e780e87c..0d5a69a68b 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
@@ -166,9 +166,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,13 +280,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
index 7187c2d1e9..e6f563307c 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -184,9 +184,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html
index 00d7eec93f..d1ba48725b 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -168,9 +168,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,13 +284,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html
index d8239be40e..db9f5b9a61 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -168,9 +168,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -286,13 +286,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></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 a463e8447f..1abb61799f 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1-1-1-1 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -167,9 +167,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -285,13 +285,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></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 4ec3b4dd2e..548766f661 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -182,9 +182,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -298,13 +298,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></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 c581fd12f6..3c658fa32a 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1-1 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <div id="body" class="default-animation">
@@ -181,9 +181,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,13 +297,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></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 15e604c1d0..203017f818 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-1 (hidden) :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <div id="body" class="default-animation">
@@ -180,9 +180,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +294,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
index 7306391d1e..29baaf3d89 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-2 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
@@ -202,9 +202,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +316,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
index f38d51fa76..9866a1a630 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
@@ -166,9 +166,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,13 +280,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></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 de4c4f3ce3..858876cc5c 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-2-1 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <div id="body" class="default-animation">
@@ -165,9 +165,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,13 +279,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
index 6d0de9270f..9e88729874 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
@@ -166,9 +166,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,13 +280,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></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 7ce80a4701..a60bd624eb 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-2-2 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <div id="body" class="default-animation">
@@ -165,9 +165,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,13 +279,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 1921baa81a..b2783142b4 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-2 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <div id="body" class="default-animation">
@@ -181,9 +181,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,13 +295,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
index d29ab28882..4a7ae6d3ea 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
@@ -165,9 +165,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,13 +279,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></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 750b59ee9d..9c6b13b4a8 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1-3 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <div id="body" class="default-animation">
@@ -164,9 +164,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,13 +278,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></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 1e7a7ab24a..9cb6d8d1bc 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -10,18 +10,18 @@
     <title>page 1-1 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
     <div id="body" class="default-animation">
@@ -181,9 +181,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,13 +295,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 987b8c633d..3a087d6c96 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -10,18 +10,18 @@
     <title>page 1 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
     <div id="body" class="default-animation">
@@ -178,9 +178,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,13 +292,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/_print/index.html b/shortcodes/children/children-2/_print/index.html
index 3db5c1e625..253bed12ad 100644
--- a/shortcodes/children/children-2/_print/index.html
+++ b/shortcodes/children/children-2/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 2 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-2/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-2/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
@@ -164,9 +164,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -278,13 +278,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 59cc3dd422..2cec08e436 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -10,18 +10,18 @@
     <title>page 2 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-2/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-2/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
     <div id="body" class="default-animation">
@@ -163,9 +163,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -277,13 +277,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/_print/index.html b/shortcodes/children/children-3/_print/index.html
index 0966a15d8e..523b7d6e37 100644
--- a/shortcodes/children/children-3/_print/index.html
+++ b/shortcodes/children/children-3/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 3 :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-3/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-3/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
@@ -190,9 +190,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -304,13 +304,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 4f7c60863f..1faff0a768 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -10,18 +10,18 @@
     <title>page 3 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-3/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-3/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
     <div id="body" class="default-animation">
@@ -178,9 +178,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,13 +292,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 0072f48155..e1d9255a85 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -10,18 +10,18 @@
     <title>page 3-1 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-3/test3/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/children/children-3/test3/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
     <div id="body" class="default-animation">
@@ -163,9 +163,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -277,13 +277,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/_print/index.html b/shortcodes/children/children-4/_print/index.html
index d3f242447d..5410c2ec41 100644
--- a/shortcodes/children/children-4/_print/index.html
+++ b/shortcodes/children/children-4/_print/index.html
@@ -10,18 +10,18 @@
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-4/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-4/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
@@ -154,9 +154,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -268,13 +268,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index b90d0ed347..3a91e15f4d 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -10,18 +10,18 @@
     <title>page 4 (hidden) :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-4/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/children-4/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
     <div id="body" class="default-animation">
@@ -162,9 +162,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -276,13 +276,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index bdb50d6d25..f8d79f2272 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -10,18 +10,18 @@
     <title>Children :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/children/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/">
     <div id="body" class="default-animation">
@@ -77,8 +77,20 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#demo">Demo</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#all-default">All Default</a></li>
+        <li><a href="#with-description">With Description</a></li>
+        <li><a href="#infinte-depth-and-hidden-pages">Infinte Depth and Hidden Pages</a></li>
+        <li><a href="#heading-styles-for-container-and-elements">Heading Styles for Container and Elements</a></li>
+        <li><a href="#divs-for-group-and-element-styles">Divs for Group and Element Styles</a></li>
+      </ul>
+    </li>
   </ul>
 </nav>
             </div>
@@ -92,55 +104,58 @@
           <article>
 
 <h1>Children</h1>
-<p>Use the children shortcode to list the child pages of a page and the further descendants (children&rsquo;s children). By default, the shortcode displays links to the child pages.</p>
+<p>The <code>children</code> shortcode lists the child pages of a page and its descendants .</p>
 <h2 id="usage">Usage</h2>
+<div class="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">children</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
 <table>
 <thead>
 <tr>
-<th style="text-align:left">Parameter</th>
+<th style="text-align:left">Name</th>
 <th style="text-align:left">Default</th>
-<th style="text-align:left">Description</th>
+<th style="text-align:left">Notes</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td style="text-align:left">page</td>
-<td style="text-align:left"><em>current</em></td>
-<td style="text-align:left">Specify the page name (section name) to display children for</td>
+<td style="text-align:left"><strong>page</strong></td>
+<td style="text-align:left"><em>&lt;current&gt;</em></td>
+<td style="text-align:left">Specify the page name (section name) to display children for.</td>
 </tr>
 <tr>
-<td style="text-align:left">containerstyle</td>
-<td style="text-align:left">&ldquo;ul&rdquo;</td>
-<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>containerstyle</strong></td>
+<td style="text-align:left"><code>ul</code></td>
+<td style="text-align:left">Choose the style used to group all children. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">style</td>
-<td style="text-align:left">&ldquo;li&rdquo;</td>
-<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name</td>
+<td style="text-align:left"><strong>style</strong></td>
+<td style="text-align:left"><code>li</code></td>
+<td style="text-align:left">Choose the style used to display each descendant. It could be any HTML tag name.</td>
 </tr>
 <tr>
-<td style="text-align:left">showhidden</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">When true, child pages hidden from the menu will be displayed</td>
+<td style="text-align:left"><strong>showhidden</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code>, child pages hidden from the menu will be displayed aswell.</td>
 </tr>
 <tr>
-<td style="text-align:left">description</td>
-<td style="text-align:left">&ldquo;false&rdquo;</td>
-<td style="text-align:left">Allows you to include a short text under each page in the list. When no description exists for the page, children shortcode takes the first 70 words of your content. <a href="https://gohugo.io/content/summaries/">Read more info about summaries on gohugo.io</a></td>
+<td style="text-align:left"><strong>description</strong></td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - <a href="https://gohugo.io/content/summaries/">read more info about summaries on gohugo.io</a>.</td>
 </tr>
 <tr>
-<td style="text-align:left">depth</td>
-<td style="text-align:left">1</td>
-<td style="text-align:left">Enter a number to specify the depth of descendants to display. For example, if the value is 2, the shortcode will display 2 levels of child pages.  <strong>Tips:</strong> set 999 to get all descendants</td>
+<td style="text-align:left"><strong>depth</strong></td>
+<td style="text-align:left"><code>1</code></td>
+<td style="text-align:left">The depth of descendants to display. For example, if the value is <code>2</code>, the shortcode will display two levels of child pages.  To get all descendants, set this value to a high  number eg. <code>999</code>.</td>
 </tr>
 <tr>
-<td style="text-align:left">sort</td>
-<td style="text-align:left"><a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters">ordersectionsby</a></td>
-<td style="text-align:left">Sort children by <strong>weight</strong>, to sort on menu order - <strong>title</strong>, to sort alphabetically on menu label. If not set it is sorted by the <code>ordersectionsby</code> setting of the site and the pages frontmatter</td>
+<td style="text-align:left"><strong>sort</strong></td>
+<td style="text-align:left">see notes</td>
+<td style="text-align:left">The sort order of the displayed list.<br/><br/>If not set it is sorted by the <a href="/hugo-theme-relearn/basics/configuration/#global-site-parameters"><code>ordersectionsby</code></a> setting of the site and the pages frontmatter<br/><br/>- <code>weight</code>: to sort on menu order<br/>- <code>title</code>: to sort alphabetically on menu label.</td>
 </tr>
 </tbody>
 </table>
-<h2 id="demo">Demo</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="all-default">All Default</h3>
 <div class="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">children</span>  <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -150,6 +165,7 @@
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></li>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></li>
 </ul>
+<h3 id="with-description">With Description</h3>
 <div class="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">children</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -168,6 +184,7 @@ So its content is used as description.</p>
 <p>This is a demo child page</p>
 					
 </ul>
+<h3 id="infinte-depth-and-hidden-pages">Infinte Depth and Hidden Pages</h3>
 <div class="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">children</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="nx">showhidden</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -188,6 +205,7 @@ So its content is used as description.</p>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-3/test3/" >page 3-1</a></li><ul></ul></ul>
 <li><a href="/hugo-theme-relearn/shortcodes/children/children-4/" >page 4 (hidden)</a></li><ul></ul>
 </ul>
+<h3 id="heading-styles-for-container-and-elements">Heading Styles for Container and Elements</h3>
 <div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;h2&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="nx">description</span><span class="p">=</span><span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
@@ -226,7 +244,8 @@ So its content is used as description.</p>
 <p>This is a plain page test nested in a parent</p>
 					
 </div>
-<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;999&#34;</span> <span class="o">%</span><span class="p">}}</span>
+<h3 id="divs-for-group-and-element-styles">Divs for Group and Element Styles</h3>
+<div class="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">children</span> <span class="nx">containerstyle</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">style</span><span class="p">=</span><span class="s">&#34;div&#34;</span> <span class="nx">depth</span><span class="p">=</span><span class="s">&#34;3&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span></code></pre></div>
 
 <div class="children children-div children-sort-">
@@ -234,8 +253,6 @@ So its content is used as description.</p>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/" >page 1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/" >page 1-1</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/" >page 1-1-2</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/" >page 1-1-2-1</a></div>
-<div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/" >page 1-1-2-2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/" >page 1-1-3</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-2/" >page 2</a></div>
 <div><a href="/hugo-theme-relearn/shortcodes/children/children-3/" >page 3</a></div>
@@ -316,9 +333,9 @@ So its content is used as description.</p>
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -430,13 +447,13 @@ So its content is used as description.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 30f46bb443..39c5cc1dc1 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -11,18 +11,18 @@
     <title>page X :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/test/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/children/test/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -38,7 +38,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/children/test/">
     <div id="body" class="default-animation">
@@ -159,9 +159,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -273,13 +273,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 983115d441..41de70202f 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Displays an expandable/collapsible section of text on your page">
+    <meta name="description" content="Expandable/collapsible sections of text">
     <meta name="author" content="Sören Weber">
     <title>Expand :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/expand/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/expand/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/expand/">
     <div id="body" class="default-animation">
@@ -77,12 +77,16 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
     <li><a href="#examples">Examples</a>
       <ul>
-        <li><a href="#all-defaults">All defaults</a></li>
-        <li><a href="#initially-expanded">Initially expanded</a></li>
-        <li><a href="#arbitrary-text">Arbitrary text</a></li>
+        <li><a href="#all-defaults">All Defaults</a></li>
+        <li><a href="#initially-expanded">Initially Expanded</a></li>
+        <li><a href="#arbitrary-text">Arbitrary Text</a></li>
       </ul>
     </li>
   </ul>
@@ -98,28 +102,83 @@
           <article>
 
 <h1>Expand</h1>
-<p>The Expand shortcode displays an expandable/collapsible section of text on your page.</p>
+<p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
+
+<div class="expand">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Expand me...
+    </a>
+    <div class="expand-content" style="display: none;">
+Thank you!
+    </div>
+</div>
 <h2 id="usage">Usage</h2>
-<div class="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="p">[</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Yes</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><p>The first optional parameter defines the text that appears next to the expand/collapse icon. The default text is <code>&quot;Expand me...&quot;</code>.</p>
-<p>The second optional parameter controls if the block is initially shown as expanded (<code>&quot;true&quot;</code>) or collapsed (<code>&quot;false&quot;</code>). The default ist <code>&quot;false&quot;</code>.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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="s">&#34;Expand me...&#34;</span> <span class="o">%</span><span class="p">}}</span><span class="nx">Thank</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>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>title</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><code>&quot;Expand me...&quot;</code></td>
+<td style="text-align:left">Arbitray text to appear next to the expand/collapse icon.</td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>open</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>false</code></td>
+<td style="text-align:left">When <code>true</code> the content text will be initially shown as expanded.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitray text to be displayed on expand.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        I&#39;ll tell you a secret...
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>&hellip;maybe the next time you&rsquo;ll open this expander!</p>
-
-    </div>
-</div>
-<h3 id="all-defaults">All defaults</h3>
-
+<h3 id="all-defaults">All Defaults</h3>
+<div class="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">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -127,26 +186,12 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: none;">
-<p>Yes, you did it!</p>
-
+Yes, you did it!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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></span><span class="line"><span class="cl"><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></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>
+<h3 id="initially-expanded">Initially Expanded</h3>
+<div class="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>
-</div>
-<h3 id="initially-expanded">Initially expanded</h3>
-
 <div class="expand expand-expanded">
     <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
         <i class="fas fa-chevron-down"></i>
@@ -154,60 +199,11 @@
         Expand me...
     </a>
     <div class="expand-content" style="display: block;">
-<p>No need to press you!</p>
-
+No need to press you!
     </div>
 </div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
-<div class="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="s">&#34;Expand me...&#34;</span> <span class="s">&#34;true&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><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></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>
-</div>
-<h3 id="arbitrary-text">Arbitrary text</h3>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show me almost endless possibilities
-    </a>
-    <div class="expand-content" style="display: none;">
-<p>Some expandable text.</p>
-<p>You can add standard markdown syntax:</p>
-<ul>
-<li>multiple paragraphs</li>
-<li>bullet point lists</li>
-<li><em>emphasized</em>, <strong>bold</strong> and even <strong><em>bold emphasized</em></strong> text</li>
-<li><a href="https://example.com">links</a></li>
-<li>etc.</li>
-</ul>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
-</span></span></code></pre></div><blockquote>
-<p>the possiblities are endless (almost - including other shortcodes may or may not work)</p>
-</blockquote>
-
-    </div>
-</div>
-
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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="s">&#34;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">Some</span> <span class="nx">expandable</span> <span class="nx">text</span><span class="p">.</span>
-</span></span><span class="line"><span class="cl">
+<h3 id="arbitrary-text">Arbitrary Text</h3>
+<div class="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;Show me almost endless possibilities&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">You</span> <span class="nx">can</span> <span class="nx">add</span> <span class="nx">standard</span> <span class="nx">markdown</span> <span class="nx">syntax</span><span class="p">:</span>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl"><span class="o">-</span> <span class="nx">multiple</span> <span class="nx">paragraphs</span>
@@ -223,6 +219,26 @@
 </span></span><span class="line"><span class="cl"><span class="p">&gt;</span> <span class="nx">the</span> <span class="nx">possiblities</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">
+    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
+        <i class="fas fa-chevron-down"></i>
+        <i class="fas fa-chevron-right"></i>
+        Show me almost endless possibilities
+    </a>
+    <div class="expand-content" style="display: none;">
+<p>You can add standard markdown syntax:</p>
+<ul>
+<li>multiple paragraphs</li>
+<li>bullet point lists</li>
+<li><em>emphasized</em>, <strong>bold</strong> and even <strong><em>bold emphasized</em></strong> text</li>
+<li><a href="https://example.com">links</a></li>
+<li>etc.</li>
+</ul>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">...and even source code
+</span></span></code></pre></div><blockquote>
+<p>the possiblities are endless (almost - including other shortcodes may or may not work)</p>
+</blockquote>
+
     </div>
 </div>
 
@@ -300,9 +316,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -414,13 +430,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index dd1cdd344e..8e3debcc04 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Displays content from other Markdown files">
+    <meta name="description" content="Displays content from other files">
     <meta name="author" content="Sören Weber">
     <title>Include :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/include/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/include/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/include/">
     <div id="body" class="default-animation">
@@ -77,10 +77,14 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
     <li><a href="#examples">Examples</a>
       <ul>
-        <li><a href="#arbitray-content">Arbitray content</a></li>
+        <li><a href="#arbitray-content">Arbitray Content</a></li>
       </ul>
     </li>
   </ul>
@@ -96,14 +100,67 @@
           <article>
 
 <h1>Include</h1>
-<p>The include shortcode includes other files from your project inside of the current file. This can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<p>The <code>include</code> shortcode includes other files from your project inside of the current page.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">include</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="p">[</span> <span class="s">&#34;true&#34;</span> <span class="p">|</span> <span class="s">&#34;false&#34;</span> <span class="p">]</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the path to the file to be included.</p>
-<p>If the file&rsquo;s content will be displayed as HTML, the second optional parameter controls if the first heading of the included file should be displayed (<code>&quot;true&quot;</code>)- which is the default - or be hidden.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">include</span> <span class="nx">file</span><span class="p">=</span><span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<p>The included files can even contain Markdown and will be taken into account when generating the table of contents.</p>
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>file</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The path to the file to be included. Path resolution adheres to <a href="https://gohugo.io/functions/readfile/">Hugo&rsquo;s build-in <code>readFile</code> function</a></td>
+</tr>
+<tr>
+<td style="text-align:left"><strong>showfirstheading</strong></td>
+<td style="text-align:left">2</td>
+<td style="text-align:left"><code>true</code></td>
+<td style="text-align:left">When <code>false</code> and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<h3 id="arbitray-content">Arbitray content</h3>
-<p>You can add standard markdown syntax:</p>
+<h3 id="arbitray-content">Arbitray Content</h3>
+<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p>You can add standard markdown syntax:</p>
 <ul>
 <li>multiple paragraphs</li>
 <li>bullet point lists</li>
@@ -116,18 +173,6 @@
 <p>the possiblities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)</p>
 </blockquote>
 
-<div class="expand">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: none;">
-<div class="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">include</span> <span class="s">&#34;shortcodes/INCLUDE_ME.md&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-
             <footer class="footline">
             </footer>
           </article>
@@ -202,9 +247,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,13 +361,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 453b13de47..985b3672dd 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,18 +9,18 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/include_me/">
     <div id="body" class="default-animation">
@@ -167,9 +167,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -280,13 +280,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 6eab286a60..34756d265c 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -10,18 +10,18 @@
     <title>Shortcodes :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/">
     <div id="body" class="default-animation">
@@ -102,15 +102,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/expand/" >Expand</a></h2>
-<p>Displays an expandable/collapsible section of text on your page</p>
+<p>Expandable/collapsible sections of text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/include/" >Include</a></h2>
-<p>Displays content from other Markdown files</p>
+<p>Displays content from other files</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/mermaid/" >Mermaid</a></h2>
-<p>Generation of diagram and flowchart from text in a similar manner as Markdown</p>
+<p>Generate diagrams and flowcharts from text</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/notice/" >Notice</a></h2>
@@ -118,15 +118,15 @@
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/siteparam/" >Site param</a></h2>
-<p>Get value of site params variables in your page</p>
+<p>Get value of site params</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/swagger/" >Swagger</a></h2>
-<p>Adds UI for your Swagger / OpenAPI Specifications</p>
+<p>UI for your Swagger / OpenAPI Specifications</p>
 					
 
 <h2><a href="/hugo-theme-relearn/shortcodes/tabs/" >Tabbed views</a></h2>
-<p>Synchronize selection of content in different tabbed views</p>
+<p>Show content in tabbed views</p>
 					
 </div>
 
@@ -204,9 +204,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -318,13 +318,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/index.xml b/shortcodes/index.xml
index e7d5e8c39f..034e7bd3bb 100644
--- a/shortcodes/index.xml
+++ b/shortcodes/index.xml
@@ -11,18 +11,17 @@
       <link>https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/</guid>
-      <description>Use the children shortcode to list the child pages of a page and the further descendants (children&amp;rsquo;s children). By default, the shortcode displays links to the child pages.
-Usage Parameter Default Description page current Specify the page name (section name) to display children for containerstyle &amp;ldquo;ul&amp;rdquo; Choose the style used to group all children. It could be any HTML tag name style &amp;ldquo;li&amp;rdquo; Choose the style used to display each descendant.</description>
+      <description>The children shortcode lists the child pages of a page and its descendants .
+Usage {{% children %}} Parameter Name Default Notes page &amp;lt;current&amp;gt; Specify the page name (section name) to display children for. containerstyle ul Choose the style used to group all children. It could be any HTML tag name. style li Choose the style used to display each descendant. It could be any HTML tag name. showhidden false When true, child pages hidden from the menu will be displayed aswell.</description>
     </item>
     <item>
       <title>Swagger</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/shortcodes/swagger/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/swagger/</guid>
-      <description>This shortcode uses the RapiDoc library to display your OpenAPI Specifications.
+      <description>This shortcode uses the RapiDoc library to display your Swagger / OpenAPI Specifications.
 Note This only works in modern browsers.
-Configuration Swagger is configured with default settings. You can customize Swagger&amp;rsquo;s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.
-The JSON object of your config.toml / frontmatter is forwarded into Swagger&amp;rsquo;s initialization. At the moment, only the theme setting is supported.</description>
+Usage {{&amp;lt; swagger src=&amp;#34;https://petstore3.swagger.io/api/v3/openapi.json&amp;#34; &amp;gt;}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; The URL to the OpenAPI Specification file. This can be relative to the URL of your page if it is a leaf or branch bundle. Configuration Swagger is configured with default settings. You can customize Swagger&amp;rsquo;s default settings for all of your files thru a JSON object in your config.</description>
     </item>
     <item>
       <title>Attachments</title>
@@ -30,8 +29,8 @@ The JSON object of your config.toml / frontmatter is forwarded into Swagger&amp;
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/</guid>
       <description>The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.
-Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage The shortcurt lists files found in a specific folder.
-{{% attachments /%}} Currently, it support two implementations for pages
+Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Usage {{% attachments /%}} The shortcurt lists files found in a specific folder.
+Currently, it supports two implementations for pages
 If your page is a Markdown file, attachements must be placed in a folder named like your page and ending with .</description>
     </item>
     <item>
@@ -40,37 +39,37 @@ If your page is a Markdown file, attachements must be placed in a folder named l
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/</guid>
       <description>The button shortcode displays a clickable button with adjustable color, title and icon.
-Get Hugo Get Hugo Get Hugo Usage Once the button is clicked, it opens another browser tab for the given URL.
-{{% button href=&amp;#34;https://gohugo.io/&amp;#34; icon=&amp;#34;download&amp;#34; %}}Get Hugo{{% /button %}} Parameter Name Optional Default Notes href yes &amp;lt;empty&amp;gt; The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable.</description>
+Get Hugo Get Hugo Usage {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; icon=&amp;#34;dragon&amp;#34; %}}Get Hugo{{% /button %}} Once the button is clicked, it opens another browser tab for the given URL.
+Parameter Name Default Notes href &amp;lt;empty&amp;gt; The destination URL for the button. If this parameter is not set, the button will do nothing but is still displayed as clickable.</description>
     </item>
     <item>
       <title>Expand</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/</guid>
-      <description>The Expand shortcode displays an expandable/collapsible section of text on your page.
-Usage {{% expand [ &amp;lt;string&amp;gt; [ &amp;#34;true&amp;#34; | &amp;#34;false&amp;#34; ] ] %}} Yes! {{% /expand %}} The first optional parameter defines the text that appears next to the expand/collapse icon. The default text is &amp;quot;Expand me...&amp;quot;.
-The second optional parameter controls if the block is initially shown as expanded (&amp;quot;true&amp;quot;) or collapsed (&amp;quot;false&amp;quot;). The default ist &amp;quot;false&amp;quot;.
-Examples I&amp;#39;ll tell you a secret.</description>
+      <description>The expand shortcode displays an expandable/collapsible section of text.
+Expand me... Thank you! Usage While the examples are using named parameter you are free to use positional aswell.
+named positional {{% expand title=&amp;#34;Expand me...&amp;#34; %}}Thank you!{{% /expand %}} {{% expand &amp;#34;Expand me...&amp;#34; %}}Thank you!{{% /expand %}} Parameter Name Position Default Notes title 1 &amp;quot;Expand me...&amp;quot; Arbitray text to appear next to the expand/collapse icon. open 2 false When true the content text will be initially shown as expanded.</description>
     </item>
     <item>
       <title>Include</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/</guid>
-      <description>The include shortcode includes other files from your project inside of the current file. This can even contain Markdown and will be taken into account when generating the table of contents.
-Usage {{% include &amp;lt;string&amp;gt; [ &amp;#34;true&amp;#34; | &amp;#34;false&amp;#34; ] %}} The first required parameter is the path to the file to be included.
-If the file&amp;rsquo;s content will be displayed as HTML, the second optional parameter controls if the first heading of the included file should be displayed (&amp;quot;true&amp;quot;)- which is the default - or be hidden.</description>
+      <description>The include shortcode includes other files from your project inside of the current page.
+Usage While the examples are using named parameter you are free to use positional aswell.
+named positional {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} The included files can even contain Markdown and will be taken into account when generating the table of contents.
+Parameter Name Position Default Notes file 1 &amp;lt;empty&amp;gt; The path to the file to be included.</description>
     </item>
     <item>
       <title>Mermaid</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/</guid>
-      <description>Mermaid is a library helping you to generate diagram and flowcharts from text, in a similar manner as Markdown.
-Note This only works in modern browsers.
+      <description>With the Mermaid library and shortcode, you can generate diagrams and flowcharts from text, in a similar manner as Markdown.
+graph LR; If --&gt; Then Then --&gt; Else Note This only works in modern browsers.
 Warning Due to limitations with Mermaid, it is currently not possible to use Mermaid code fences in an initially collapsed expand shortcode. This is a know issue and can&amp;rsquo;t be fixed by this theme.
-Usage Just insert your Mermaid code in the mermaid shortcode like this:</description>
+Usage The generated graphs can be be panned by dragging them and zoomed by using the mousewheel.</description>
     </item>
     <item>
       <title>Notice</title>
@@ -87,21 +86,17 @@ named positional {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There
       <link>https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/</guid>
-      <description>The siteparam shortcode is used to help you print values of site params.
-Usage {{% siteparam &amp;lt;string&amp;gt; %}} The first required parameter is the name of the site param to be displayed.
-Examples For instance, in this current site, the editURL variable is used in config.toml
-[params] editURL = &amp;#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&amp;#34; Use the siteparam shortcode to display its value.
-`editURL` Value : {{% siteparam &amp;#34;editURL&amp;#34; %}} is displayed as
-editURL Value : https://github.</description>
+      <description>The siteparam shortcode prints values of site params.
+Usage While the examples are using named parameter you are free to use positional aswell.
+named positional {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} Parameter Name Position Default Notes name 1 &amp;lt;empty&amp;gt; The name of the site param to be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=&amp;#34;editURL&amp;#34; %}} editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</description>
     </item>
     <item>
       <title>Tabbed views</title>
       <link>https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/</guid>
-      <description>Choose which content to see across the page. Very handy for providing code snippets for multiple languages or providing configuration in different formats.
-Code example {{&amp;lt; tabs &amp;gt;}} {{% tab name=&amp;#34;python&amp;#34; %}} ```python print(&amp;#34;Hello World!&amp;#34;) ``` {{% /tab %}} {{% tab name=&amp;#34;R&amp;#34; %}} ```R &amp;gt; print(&amp;#34;Hello World!&amp;#34;) ``` {{% /tab %}} {{% tab name=&amp;#34;Bash&amp;#34; %}} ```Bash echo &amp;#34;Hello World!&amp;#34; ``` {{% /tab %}} {{&amp;lt; /tabs &amp;gt;}} Renders as:
-python R Bash print(&amp;#34;Hello World!</description>
+      <description>The tabs shortcode displays arbitrary content in unlimited number of tabs. This comes in handy eg. for providing code snippets for multiple languages or providing configuration in different formats.
+python bash print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; Usage {{&amp;lt; tabs &amp;gt;}} {{% tab name=&amp;#34;python&amp;#34; %}} ```python print(&amp;#34;Hello World!&amp;#34;) ``` {{% /tab %}} {{% tab name=&amp;#34;bash&amp;#34; %}} ```bash echo &amp;#34;Hello World!&amp;#34; ``` {{% /tab %}} {{&amp;lt; /tabs &amp;gt;}} Parameter Name Default Notes groupId default Arbitrary name of the group the tab view belongs to.</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 87b33d1788..d1c6de3b72 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Generation of diagram and flowchart from text in a similar manner as Markdown">
+    <meta name="description" content="Generate diagrams and flowcharts from text">
     <meta name="author" content="Sören Weber">
     <title>Mermaid :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/mermaid/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/mermaid/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
     <div id="body" class="default-animation">
@@ -77,19 +77,24 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#examples">Examples</a>
+    <li><a href="#usage">Usage</a>
       <ul>
-        <li><a href="#flowchart">Flowchart</a></li>
-        <li><a href="#sequence">Sequence</a></li>
-        <li><a href="#gantt">GANTT</a></li>
-        <li><a href="#class">Class</a></li>
-        <li><a href="#state">State</a></li>
+        <li><a href="#parameter">Parameter</a></li>
       </ul>
     </li>
     <li><a href="#configuration">Configuration</a>
       <ul>
-        <li><a href="#example">Example</a></li>
+        <li><a href="#global-configuration-file">Global Configuration File</a></li>
+        <li><a href="#pages-frontmatter">Page&rsquo;s Frontmatter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#flowchart-with-non-default-mermaid-theme">Flowchart with Non-Default Mermaid Theme</a></li>
+        <li><a href="#sequence">Sequence</a></li>
+        <li><a href="#gantt">GANTT</a></li>
+        <li><a href="#class">Class</a></li>
+        <li><a href="#state-diagram-with-codefence-syntax">State Diagram with Codefence Syntax</a></li>
       </ul>
     </li>
   </ul>
@@ -105,7 +110,13 @@
           <article>
 
 <h1>Mermaid</h1>
-<p><a href="https://mermaidjs.github.io/">Mermaid</a> is a library helping you to generate diagram and flowcharts from text, in a similar manner as Markdown.</p>
+<p>With the <a href="https://mermaidjs.github.io/">Mermaid</a> library and shortcode, you can  generate diagrams and flowcharts from text, in a similar manner as Markdown.</p>
+
+<div class="mermaid" align="center">
+graph LR;
+    If --> Then
+    Then --> Else
+</div>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -121,37 +132,102 @@
     </div>
 </div>
 <h2 id="usage">Usage</h2>
-<p>Just insert your Mermaid code in the <code>mermaid</code> shortcode like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">[</span> <span class="nx">align</span><span class="p">=(</span><span class="s">&#34;left&#34;</span><span class="p">|</span><span class="s">&#34;right&#34;</span><span class="p">|</span><span class="s">&#34;center&#34;</span><span class="p">|</span><span class="s">&#34;justify&#34;</span><span class="p">)</span> <span class="p">]</span> <span class="p">&gt;}}</span>
-</span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">Person</span> <span class="o">*--</span> <span class="nx">Dog</span>
-</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>You can set an optional <code>align</code> attribute which defaults to <code>&quot;center&quot;</code>.</p>
-<p>If you don&rsquo;t need alignment you can use the alternative syntax using code fences if you have turned off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (see below):</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
-</span></span><span class="line"><span class="cl">classDiagram
-</span></span><span class="line"><span class="cl">    Person *-- Dog
-</span></span><span class="line"><span class="cl">```
-</span></span></code></pre></div><p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
-<h2 id="examples">Examples</h2>
-<h3 id="flowchart">Flowchart</h3>
+<p>The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.</p>
+<p>While the examples are using shortcode syntax it is recommended to use codefence syntax instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.</p>
 
-<div class="mermaid" align="left">
-%%{init:{"theme":"forest"}}%%
-graph LR;
-    A[Hard edge] -->|Link text| B(Round edge)
-    B --> C{<strong>Decision</strong>}
-    C -->|One| D[Result one]
-    C -->|Two| E[Result two]
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting (<a href="#configuration">see the configuration section</a>).</p>
+    </div>
 </div>
 
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="codefence"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-codefence','codefence')"
+      ><span>codefence</span></button>
+    <button
+      data-tab-item="shortcode"
+      data-tab-group="shortcode-codefence"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-codefence','shortcode')"
+      ><span>shortcode</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="codefence" data-tab-group="shortcode-codefence" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-plaintext" data-lang="plaintext"><span class="line"><span class="cl">```mermaid
+</span></span><span class="line"><span class="cl">graph LR;
+</span></span><span class="line"><span class="cl">    If --&gt; Then
+</span></span><span class="line"><span class="cl">    Then --&gt; Else
+</span></span><span class="line"><span class="cl">```
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="shortcode" data-tab-group="shortcode-codefence" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">If</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Then</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">Then</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">Else</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<p>Parameter are only supported when using shortcode syntax. Defaults are used when using codefence syntax.</p>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>align</strong></td>
+<td style="text-align:left"><code>center</code></td>
+<td style="text-align:left">Allowed values are <code>left</code>, <code>center</code> or <code>right</code>.</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Your mermaid graph.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="configuration">Configuration</h2>
+<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
+<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
+<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
+<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+
+<div class="box notices cstyle note">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
+    <div class="box-content">
+<p>To use codefence syntax you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
+    </div>
+</div>
+<h3 id="global-configuration-file">Global Configuration File</h3>
+<div class="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">params</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl">
+</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
+</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
+</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
+</span></span></code></pre></div><h3 id="pages-frontmatter">Page&rsquo;s Frontmatter</h3>
+<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span>
+</span></span></code></pre></div><h2 id="examples">Examples</h2>
+<h3 id="flowchart-with-non-default-mermaid-theme">Flowchart with Non-Default Mermaid Theme</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;left&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
 </span></span><span class="line"><span class="cl"><span class="nx">graph</span> <span class="nx">LR</span><span class="p">;</span>
@@ -161,31 +237,15 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="left">
+%%{init:{"theme":"forest"}}%%
+graph LR;
+    A[Hard edge] -->|Link text| B(Round edge)
+    B --> C{<strong>Decision</strong>}
+    C -->|One| D[Result one]
+    C -->|Two| E[Result two]
 </div>
 <h3 id="sequence">Sequence</h3>
-
-<div class="mermaid" align="center">
-sequenceDiagram
-    participant Alice
-    participant Bob
-    Alice->>John: Hello John, how are you?
-    loop Healthcheck
-        John->John: Fight against hypochondria
-    end
-    Note right of John: Rational thoughts <br/>prevail...
-    John-->Alice: Great!
-    John->Bob: How about you?
-    Bob-->John: Jolly good!
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sequenceDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">participant</span> <span class="nx">Alice</span>
@@ -200,35 +260,20 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--</span><span class="p">&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+sequenceDiagram
+    participant Alice
+    participant Bob
+    Alice->>John: Hello John, how are you?
+    loop Healthcheck
+        John->John: Fight against hypochondria
+    end
+    Note right of John: Rational thoughts <br/>prevail...
+    John-->Alice: Great!
+    John->Bob: How about you?
+    Bob-->John: Jolly good!
 </div>
 <h3 id="gantt">GANTT</h3>
-
-<div class="mermaid" align="center">
-gantt
-        dateFormat  YYYY-MM-DD
-        title Adding GANTT diagram functionality to Mermaid
-        section A section
-        Completed task            :done,    des1, 2014-01-06,2014-01-08
-        Active task               :active,  des2, 2014-01-09, 3d
-        Future task               :         des3, after des2, 5d
-        Future task2              :         des4, after des3, 5d
-        section Critical tasks
-        Completed task in the critical line :crit, done, 2014-01-06,24h
-        Implement parser and jison          :crit, done, after des1, 2d
-        Create tests for parser             :crit, active, 3d
-        Future task in critical line        :crit, 5d
-        Create tests for renderer           :2d
-        Add to Mermaid                      :1d
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">dateFormat</span>  <span class="nx">YYYY</span><span class="o">-</span><span class="nx">MM</span><span class="o">-</span><span class="nx">DD</span>
@@ -247,34 +292,24 @@ gantt
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+gantt
+        dateFormat  YYYY-MM-DD
+        title Adding GANTT diagram functionality to Mermaid
+        section A section
+        Completed task            :done,    des1, 2014-01-06,2014-01-08
+        Active task               :active,  des2, 2014-01-09, 3d
+        Future task               :         des3, after des2, 5d
+        Future task2              :         des4, after des3, 5d
+        section Critical tasks
+        Completed task in the critical line :crit, done, 2014-01-06,24h
+        Implement parser and jison          :crit, done, after des1, 2d
+        Create tests for parser             :crit, active, 3d
+        Future task in critical line        :crit, 5d
+        Create tests for renderer           :2d
+        Add to Mermaid                      :1d
 </div>
 <h3 id="class">Class</h3>
-
-<div class="mermaid" align="center">
-classDiagram
-  Class01 <|-- AveryLongClass : Cool
-  Class03 *-- Class04
-  Class05 o-- Class06
-  Class07 .. Class08
-  Class09 --> C2 : Where am i?
-  Class09 --* C3
-  Class09 --|> Class07
-  Class07 : equals()
-  Class07 : Object[] elementData
-  Class01 : size()
-  Class01 : int chimp
-  Class01 : int gorilla
-  Class08 <--> C2: Cool label
-</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">classDiagram</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Class01</span> <span class="p">&lt;|</span><span class="o">--</span> <span class="nx">AveryLongClass</span> <span class="p">:</span> <span class="nx">Cool</span>
@@ -292,25 +327,23 @@ classDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">Class08</span> <span class="o">&lt;--</span><span class="p">&gt;</span> <span class="nx">C2</span><span class="p">:</span> <span class="nx">Cool</span> <span class="nx">label</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span></code></pre></div>
-    </div>
+<div class="mermaid" align="center">
+classDiagram
+  Class01 <|-- AveryLongClass : Cool
+  Class03 *-- Class04
+  Class05 o-- Class06
+  Class07 .. Class08
+  Class09 --> C2 : Where am i?
+  Class09 --* C3
+  Class09 --|> Class07
+  Class07 : equals()
+  Class07 : Object[] elementData
+  Class01 : size()
+  Class01 : int chimp
+  Class01 : int gorilla
+  Class08 <--> C2: Cool label
 </div>
-<h3 id="state">State</h3>
-<div class="mermaid" align="center">stateDiagram-v2
-  open: Open Door
-  closed: Closed Door
-  locked: Locked Door
-  open   --> closed: Close
-  closed --> locked: Lock
-  locked --> closed: Unlock
-  closed --> open: Open</div>
-
-<div class="expand expand-expanded">
-    <a class="expand-label" onclick="$t=$(this); if($t.parent('.expand-expanded.expand-marked').length){ $t.next().css('display','none') }else if($t.parent('.expand-marked').length){ $t.next().css('display','block') }else{ $t.next('.expand-content').slideToggle(100); } $t.parent().toggleClass('expand-expanded');">
-        <i class="fas fa-chevron-down"></i>
-        <i class="fas fa-chevron-right"></i>
-        Show markup
-    </a>
-    <div class="expand-content" style="display: block;">
+<h3 id="state-diagram-with-codefence-syntax">State Diagram with Codefence Syntax</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">stateDiagram-v2
 </span></span></span><span class="line"><span class="cl"><span class="s">    open: Open Door
@@ -321,36 +354,15 @@ classDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">    locked --&gt; closed: Unlock
 </span></span></span><span class="line"><span class="cl"><span class="s">    closed --&gt; open: Open
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
-</span></span></code></pre></div>
-    </div>
-</div>
-<h2 id="configuration">Configuration</h2>
-<p>Mermaid is configured with default settings. You can customize Mermaid&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code>, override these settings per page thru your pages frontmatter or override these setting per diagramm thru <a href="https://mermaid-js.github.io/mermaid/#/directives?id=directives">diagram directives</a>.</p>
-<p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Mermaid&rsquo;s <code>mermaid.initialize()</code> function.</p>
-<p>See <a href="http://mermaid-js.github.io/mermaid/#/Setup?id=mermaidapi-configuration-defaults">Mermaid documentation</a> for all allowed settings.</p>
-<p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code>, frontmatter or diagram directives.</p>
+</span></span></code></pre></div><div class="mermaid" align="center">stateDiagram-v2
+  open: Open Door
+  closed: Closed Door
+  locked: Locked Door
+  open   --> closed: Close
+  closed --> locked: Lock
+  locked --> closed: Unlock
+  closed --> open: Open</div>
 
-<div class="box notices cstyle note">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
-    <div class="box-content">
-<p>If you want to use mermaid codefences, you have to turn off <code>guessSyntax</code> for the <code>markup.highlight</code> setting.</p>
-    </div>
-</div>
-<h3 id="example">Example</h3>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl">
-</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">highlight</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># if set to `guessSyntax = true`, there will be no unstyled code even if no language</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># was given BUT mermaid code fences will not work anymore! So this is a mandatory</span>
-</span></span><span class="line"><span class="cl">    <span class="c"># setting for your site</span>
-</span></span><span class="line"><span class="cl">    <span class="nx">guessSyntax</span> <span class="p">=</span> <span class="kc">false</span>
-</span></span></code></pre></div><p>or pages frontmatter</p>
-<div class="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">mermaidInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span>
-</span></span></code></pre></div>
             <footer class="footline">
             </footer>
           </article>
@@ -425,9 +437,9 @@ classDiagram
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -539,15 +551,15 @@ classDiagram
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1654450351"></script>
     <script>
       function useMermaid( config ){
         if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
@@ -560,6 +572,6 @@ classDiagram
       }
       useMermaid( JSON.parse("{ \"securityLevel\": \"loose\" }") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index de7444e414..9dc6980f34 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -10,18 +10,18 @@
     <title>Notice :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/notice/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/notice/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/notice/">
     <div id="body" class="default-animation">
@@ -151,7 +151,6 @@
 <tr>
 <th style="text-align:left">Name</th>
 <th style="text-align:left">Position</th>
-<th style="text-align:left">Optional</th>
 <th style="text-align:left">Default</th>
 <th style="text-align:left">Notes</th>
 </tr>
@@ -160,21 +159,18 @@
 <tr>
 <td style="text-align:left"><strong>style</strong></td>
 <td style="text-align:left">1</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left"><code>default</code></td>
 <td style="text-align:left">The color scheme used to highlight the box content.<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><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></td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>title</strong></td>
 <td style="text-align:left">2</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left">Arbitray text for the box title. Depending on the <strong>style</strong> there may be a default title. Any given value will overwrite the default.<br/><br/>- for severity styles: the matching title for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no title for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
 <tr>
 <td style="text-align:left"><strong>icon</strong></td>
 <td style="text-align:left">3</td>
-<td style="text-align:left">yes</td>
 <td style="text-align:left">see notes</td>
 <td style="text-align:left"><a href="/hugo-theme-relearn/cont/icons/#finding-an-icon">Font Awesome icon name</a> set to the left of the title. Depending on the <strong>style</strong> there may be a default icon. Any given value will overwrite the default.<br/><br/>- for severity styles: a nice matching icon for the severity<br/>- for all other colors: <em>&lt;empty&gt;</em><br/><br/>If you want no icon for a severity style, you have to set this parameter to <code>&quot; &quot;</code> (a non empty string filled with spaces)</td>
 </tr>
@@ -295,7 +291,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-with-non-default-title-and-icon">Warning with non-default title and icon</h4>
+<h4 id="warning-with-non-default-title-and-icon">Warning with Non-Default Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"><i class="fa-fw fas fa-dragon"></i> Here are dragons</div>
@@ -317,7 +313,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="warning-without-a-title-and-icon">Warning without a title and icon</h4>
+<h4 id="warning-without-a-title-and-icon">Warning without a Title and Icon</h4>
 
 <div class="box notices cstyle warning">
     <div class="box-label"> </div>
@@ -340,7 +336,7 @@
     </div>
 </div>
 <h3 id="by-brand-colors">By Brand Colors</h3>
-<h4 id="primary-with-title-only">Primary with title only</h4>
+<h4 id="primary-with-title-only">Primary with Title only</h4>
 
 <div class="box notices cstyle primary">
     <div class="box-label">Primary</div>
@@ -362,7 +358,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="secondary-with-icon-only">Secondary with icon only</h4>
+<h4 id="secondary-with-icon-only">Secondary with Icon only</h4>
 
 <div class="box notices cstyle secondary">
     <div class="box-label"><i class="fa-fw fas fa-stopwatch"></i> </div>
@@ -385,7 +381,7 @@
     </div>
 </div>
 <h3 id="by-color">By Color</h3>
-<h4 id="blue-without-a-title-and-icon">Blue without a title and icon</h4>
+<h4 id="blue-without-a-title-and-icon">Blue without a Title and Icon</h4>
 
 <div class="box notices cstyle blue">
     <div class="box-label"></div>
@@ -407,7 +403,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="green-with-title-only">Green with title only</h4>
+<h4 id="green-with-title-only">Green with Title only</h4>
 
 <div class="box notices cstyle green">
     <div class="box-label">Green</div>
@@ -429,7 +425,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="grey-with-icon-only">Grey with icon only</h4>
+<h4 id="grey-with-icon-only">Grey with Icon only</h4>
 
 <div class="box notices cstyle grey">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> </div>
@@ -451,7 +447,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="orange-with-title-and-icon">Orange with title and icon</h4>
+<h4 id="orange-with-title-and-icon">Orange with Title and Icon</h4>
 
 <div class="box notices cstyle orange">
     <div class="box-label"><i class="fa-fw fas fa-bug"></i> Orange</div>
@@ -496,7 +492,7 @@
     </div>
 </div>
 <h3 id="by-special-color">By Special Color</h3>
-<h4 id="default-with-title-and-icon">Default with title and icon</h4>
+<h4 id="default-with-title-and-icon">Default with Title and Icon</h4>
 
 <div class="box notices cstyle default">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -518,7 +514,7 @@
 </span></span></code></pre></div>
     </div>
 </div>
-<h4 id="transparent-with-title-and-icon">Transparent with title and icon</h4>
+<h4 id="transparent-with-title-and-icon">Transparent with Title and Icon</h4>
 
 <div class="box notices cstyle transparent">
     <div class="box-label"><i class="fa-fw fas fa-skull-crossbones"></i> Pay Attention to this Note!</div>
@@ -615,9 +611,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -729,13 +725,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index bf47afe31f..5c1b85fa6f 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Get value of site params variables in your page">
+    <meta name="description" content="Get value of site params">
     <meta name="author" content="Sören Weber">
     <title>Site param :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/siteparam/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/siteparam/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
     <div id="body" class="default-animation">
@@ -77,8 +77,16 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#examples">Examples</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></a></li>
+      </ul>
+    </li>
   </ul>
 </nav>
             </div>
@@ -92,18 +100,60 @@
           <article>
 
 <h1>Site param</h1>
-<p>The <code>siteparam</code> shortcode is used to help you print values of site params.</p>
+<p>The <code>siteparam</code> shortcode prints values of site params.</p>
 <h2 id="usage">Usage</h2>
-<div class="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">siteparam</span> <span class="p">&lt;</span><span class="kt">string</span><span class="p">&gt;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>The first required parameter is the name of the site param to be displayed.</p>
+<p>While the examples are using named parameter you are free to use positional aswell.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="named"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button active"
+      onclick="switchTab('shortcode-parameter','named')"
+      ><span>named</span></button>
+    <button
+      data-tab-item="positional"
+      data-tab-group="shortcode-parameter"
+      class="tab-nav-button "
+      onclick="switchTab('shortcode-parameter','positional')"
+      ><span>positional</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="named" data-tab-group="shortcode-parameter" class="tab-item active">
+<div class="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">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="positional" data-tab-group="shortcode-parameter" class="tab-item ">
+<div class="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">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Position</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>name</strong></td>
+<td style="text-align:left">1</td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The name of the site param to be displayed.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="examples">Examples</h2>
-<p>For instance, in this current site, the <code>editURL</code> variable is used in <code>config.toml</code></p>
-<div class="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">params</span><span class="p">]</span>
-</span></span><span class="line"><span class="cl">  <span class="nx">editURL</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/&#34;</span>
-</span></span></code></pre></div><p>Use the <code>siteparam</code> shortcode to display its value.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">Value</span> <span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span></code></pre></div><p>is displayed as</p>
-<p><code>editURL</code> Value : <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
+<h3 id="editurl-from-configtoml"><code>editURL</code> from <code>config.toml</code></h3>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="s">`editURL`</span> <span class="nx">value</span><span class="p">:</span> <span class="p">{{</span><span class="o">%</span> <span class="nx">siteparam</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;editURL&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span></code></pre></div><p><code>editURL</code> value: <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/">https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/</a></p>
 
             <footer class="footline">
             </footer>
@@ -179,9 +229,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -293,13 +343,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/_print/index.html b/shortcodes/swagger/_print/index.html
index 349d241d1d..e83c6e86d4 100644
--- a/shortcodes/swagger/_print/index.html
+++ b/shortcodes/swagger/_print/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Adds UI for your Swagger / OpenAPI Specifications">
+    <meta name="description" content="UI for your Swagger / OpenAPI Specifications">
     <meta name="author" content="Sören Weber">
     <title>Swagger :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/shortcodes/swagger/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/swagger/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/shortcodes/swagger/">
     <div id="body" class="default-animation">
@@ -77,13 +77,21 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#configuration">Configuration</a>
+    <li><a href="#usage">Usage</a>
       <ul>
-        <li><a href="#example">Example</a></li>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#configuration">Configuration</a>
+      <ul>
+        <li><a href="#global-configuration-file">Global Configuration File</a></li>
+      </ul>
+    </li>
+    <li><a href="#example">Example</a>
+      <ul>
+        <li><a href="#using-local-file">Using Local File</a></li>
       </ul>
     </li>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#example-1">Example</a></li>
   </ul>
 </nav>
             </div>
@@ -98,7 +106,7 @@
           <article>
 
 <h1>Swagger</h1>
-<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your OpenAPI Specifications.</p>
+<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your Swagger / OpenAPI Specifications.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -106,21 +114,36 @@
 <p>This only works in modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The URL to the OpenAPI Specification file. This can be relative to the URL of your page if it is a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configuration</h2>
 <p>Swagger is configured with default settings. You can customize Swagger&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code> or override these settings per page thru your pages frontmatter.</p>
 <p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Swagger&rsquo;s initialization. At the moment, only the <code>theme</code> setting is supported.</p>
 <p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configuration File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give the URL to your OpenAPI Specification like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If your page is a leaf or branch bundle, you can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Using Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>The <code>src</code> parameter is mandatory and can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -209,9 +232,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -323,14 +346,14 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654450353"></script>
     <script>
       function useSwagger( config ){
         if( config.theme ){
@@ -340,6 +363,6 @@
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.html b/shortcodes/swagger/index.html
index 5c607ba251..ed9da7d5a4 100644
--- a/shortcodes/swagger/index.html
+++ b/shortcodes/swagger/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Adds UI for your Swagger / OpenAPI Specifications">
+    <meta name="description" content="UI for your Swagger / OpenAPI Specifications">
     <meta name="author" content="Sören Weber">
     <title>Swagger :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/swagger/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/shortcodes/swagger/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/swagger/">
     <div id="body" class="default-animation">
@@ -77,13 +77,21 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#configuration">Configuration</a>
+    <li><a href="#usage">Usage</a>
       <ul>
-        <li><a href="#example">Example</a></li>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#configuration">Configuration</a>
+      <ul>
+        <li><a href="#global-configuration-file">Global Configuration File</a></li>
+      </ul>
+    </li>
+    <li><a href="#example">Example</a>
+      <ul>
+        <li><a href="#using-local-file">Using Local File</a></li>
       </ul>
     </li>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#example-1">Example</a></li>
   </ul>
 </nav>
             </div>
@@ -97,7 +105,7 @@
           <article>
 
 <h1>Swagger</h1>
-<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your OpenAPI Specifications.</p>
+<p>This shortcode uses the <a href="https://mrin9.github.io/RapiDoc">RapiDoc</a> library to display your Swagger / OpenAPI Specifications.</p>
 
 <div class="box notices cstyle note">
     <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -105,21 +113,36 @@
 <p>This only works in modern browsers.</p>
     </div>
 </div>
+<h2 id="usage">Usage</h2>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>src</strong></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">The URL to the OpenAPI Specification file. This can be relative to the URL of your page if it is a leaf or branch bundle.</td>
+</tr>
+</tbody>
+</table>
 <h2 id="configuration">Configuration</h2>
 <p>Swagger is configured with default settings. You can customize Swagger&rsquo;s default settings for all of your files thru a JSON object in your <code>config.toml</code> or override these settings per page thru your pages frontmatter.</p>
 <p>The JSON object of your <code>config.toml</code> / frontmatter is forwarded into Swagger&rsquo;s initialization. At the moment, only the <code>theme</code> setting is supported.</p>
 <p>The <code>theme</code> setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in <code>config.toml</code> or frontmatter.</p>
-<h3 id="example">Example</h3>
+<h3 id="global-configuration-file">Global Configuration File</h3>
 <div class="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">params</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">swaggerInitialize</span> <span class="p">=</span> <span class="s2">&#34;{ \&#34;theme\&#34;: \&#34;dark\&#34; }&#34;</span>
-</span></span></code></pre></div><h2 id="usage">Usage</h2>
-<p>Just insert give the URL to your OpenAPI Specification like this:</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;https://petstore3.swagger.io/api/v3/openapi.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>If your page is a leaf or branch bundle, you can also use relative URLs:</p>
+</span></span></code></pre></div><h2 id="example">Example</h2>
+<h3 id="using-local-file">Using Local File</h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">swagger</span> <span class="nx">src</span><span class="p">=</span><span class="s">&#34;petstore.json&#34;</span> <span class="p">&gt;}}</span>
-</span></span></code></pre></div><p>The <code>src</code> parameter is mandatory and can be either an absolute or a relative URL.</p>
-<h2 id="example-1">Example</h2>
-
+</span></span></code></pre></div>
 <rapi-doc
   allow-spec-file-download="true"
   default-schema-tab="example"
@@ -208,9 +231,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -322,14 +345,14 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/rapidoc-min.js?1654450352"></script>
     <script>
       function useSwagger( config ){
         if( config.theme ){
@@ -339,6 +362,6 @@
       }
       useSwagger( JSON.parse("{}") );
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 5e068d6a15..91af43a097 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -5,23 +5,23 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <meta name="generator" content="Hugo 0.100.1" />
     <meta name="generator" content="Relearn 3.4.1&#43;tip">
-    <meta name="description" content="Synchronize selection of content in different tabbed views">
+    <meta name="description" content="Show content in tabbed views">
     <meta name="author" content="Sören Weber">
     <title>Tabbed views :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/tabs/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/shortcodes/tabs/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/shortcodes/tabs/">
     <div id="body" class="default-animation">
@@ -77,8 +77,17 @@
             <div class="wrapper">
 <nav id="TableOfContents">
   <ul>
-    <li><a href="#code-example">Code example</a></li>
-    <li><a href="#config-example">Config example</a></li>
+    <li><a href="#usage">Usage</a>
+      <ul>
+        <li><a href="#parameter">Parameter</a></li>
+      </ul>
+    </li>
+    <li><a href="#examples">Examples</a>
+      <ul>
+        <li><a href="#distinct-groupid">Distinct <code>groupId</code></a></li>
+        <li><a href="#non-distinct-groupid">Non-Distinct <code>groupId</code></a></li>
+      </ul>
+    </li>
   </ul>
 </nav>
             </div>
@@ -92,105 +101,80 @@
           <article>
 
 <h1>Tabbed views</h1>
-<p>Choose which content to see across the page. Very handy for providing code
-snippets for multiple languages or providing configuration in different formats.</p>
-<h2 id="code-example">Code example</h2>
+<p>The <code>tabs</code> shortcode displays arbitrary content in unlimited number of tabs. This comes in handy eg. for providing code snippets for multiple languages or providing configuration in different formats.</p>
+
+<div class="tab-panel">
+  <div class="tab-nav">
+    <button
+      data-tab-item="python"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-language','python')"
+      ><span>python</span></button>
+    <button
+      data-tab-item="bash"
+      data-tab-group="tabs-example-language"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-language','bash')"
+      ><span>bash</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
+</span></span></code></pre></div>
+    </div>
+    <div data-tab-item="bash" data-tab-group="tabs-example-language" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
+</div>
+
+<h2 id="usage">Usage</h2>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;python&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```python
 </span></span></span><span class="line"><span class="cl"><span class="s">print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;R&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```R
-</span></span></span><span class="line"><span class="cl"><span class="s">&gt; print(&#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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;Bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
-</span></span><span class="line"><span class="cl"><span class="s">```Bash
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;bash&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```bash
 </span></span></span><span class="line"><span class="cl"><span class="s">echo &#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><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><p>Renders as:</p>
+</span></span></code></pre></div><h3 id="parameter">Parameter</h3>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left"><strong>groupId</strong></td>
+<td style="text-align:left"><code>default</code></td>
+<td style="text-align:left">Arbitrary name of the group the tab view belongs to.<br/><br/>Tab views with the same <strong>groupId</strong> sychronize their selected tab. This sychronization applies to the whole site!</td>
+</tr>
+<tr>
+<td style="text-align:left"><em><strong>&lt;content&gt;</strong></em></td>
+<td style="text-align:left"><em>&lt;empty&gt;</em></td>
+<td style="text-align:left">Arbitrary number of tabs defined with the <code>tab</code> sub-shortcode.</td>
+</tr>
+</tbody>
+</table>
 
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
+<div class="box notices cstyle warning">
+    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
+    <div class="box-content">
+<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets of tabs but distinct <code>groupId</code> for different sets.</p>
+<p>The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came from the <code>'default'</code> group on a different page then all tabs will be empty at first!</p>
     </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
 </div>
-
-<p>Tab views with the same tabs that belong to the same group sychronize their selection:</p>
-
-<div class="tab-panel">
-  <div class="tab-nav">
-    <button
-      data-tab-item="python"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button active"
-      onclick="switchTab('tabs-example-language','python')"
-      ><span>python</span></button>
-    <button
-      data-tab-item="R"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','R')"
-      ><span>R</span></button>
-    <button
-      data-tab-item="Bash"
-      data-tab-group="tabs-example-language"
-      class="tab-nav-button "
-      onclick="switchTab('tabs-example-language','Bash')"
-      ><span>Bash</span></button>
-  </div>
-  <div class="tab-content">
-    <div data-tab-item="python" data-tab-group="tabs-example-language" class="tab-item active">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="R" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-R" data-lang="R"><span class="line"><span class="cl"><span class="o">&gt;</span> <span class="nf">print</span><span class="p">(</span><span class="s">&#34;Hello World!&#34;</span><span class="p">)</span>
-</span></span></code></pre></div>
-    </div>
-    <div data-tab-item="Bash" data-tab-group="tabs-example-language" class="tab-item ">
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-Bash" data-lang="Bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello World!&#34;</span>
-</span></span></code></pre></div>
-    </div>
-  </div>
-</div>
-
-<h2 id="config-example">Config example</h2>
+<h2 id="examples">Examples</h2>
+<h3 id="distinct-groupid">Distinct <code>groupId</code></h3>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="s">```json
@@ -210,8 +194,7 @@ snippets for multiple languages or providing configuration in different formats.
 </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><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><p>Renders as:</p>
-
+</span></span></code></pre></div>
 <div class="tab-panel">
   <div class="tab-nav">
     <button
@@ -251,18 +234,53 @@ snippets for multiple languages or providing configuration in different formats.
   </div>
 </div>
 
-
-<div class="box notices cstyle warning">
-    <div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
-    <div class="box-content">
-<p>When using tab views with different content sets, make sure to use a common <code>groupId</code> for equal sets but distinct
-<code>groupId</code> for different sets. The <code>groupId</code> defaults to <code>'default'</code>.
-<strong>Take this into account across the whole site!</strong>
-The tab selection is restored automatically based on the <code>groupId</code> and if it cannot find a tab item because it came
-from the <code>'default'</code> group on a different page then all tabs will be empty at first.</p>
+<h3 id="non-distinct-groupid">Non-Distinct <code>groupId</code></h3>
+<p>See what happens to this tab view if you select <strong>properties</strong> tab from the previous example.</p>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="nx">tabs</span> <span class="nx">groupId</span><span class="p">=</span><span class="s">&#34;config&#34;</span> <span class="p">&gt;}}</span>
+</span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;json&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```json
+</span></span></span><span class="line"><span class="cl"><span class="s">{
+</span></span></span><span class="line"><span class="cl"><span class="s">  &#34;Hello&#34;: &#34;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="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><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="nx">tab</span> <span class="nx">name</span><span class="p">=</span><span class="s">&#34;XML&#34;</span> <span class="o">%</span><span class="p">}}</span>
+</span></span><span class="line"><span class="cl"><span class="s">```xml
+</span></span></span><span class="line"><span class="cl"><span class="s">&lt;Hello&gt;World&lt;/Hello&gt;
+</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><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">
+  <div class="tab-nav">
+    <button
+      data-tab-item="json"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button active"
+      onclick="switchTab('tabs-example-config','json')"
+      ><span>json</span></button>
+    <button
+      data-tab-item="XML"
+      data-tab-group="tabs-example-config"
+      class="tab-nav-button "
+      onclick="switchTab('tabs-example-config','XML')"
+      ><span>XML</span></button>
+  </div>
+  <div class="tab-content">
+    <div data-tab-item="json" data-tab-group="tabs-example-config" class="tab-item active">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-json" data-lang="json"><span class="line"><span class="cl"><span class="p">{</span>
+</span></span><span class="line"><span class="cl">  <span class="nt">&#34;Hello&#34;</span><span class="p">:</span> <span class="s2">&#34;World&#34;</span>
+</span></span><span class="line"><span class="cl"><span class="p">}</span>
+</span></span></code></pre></div>
     </div>
+    <div data-tab-item="XML" data-tab-group="tabs-example-config" class="tab-item ">
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-xml" data-lang="xml"><span class="line"><span class="cl"><span class="nt">&lt;Hello&gt;</span>World<span class="nt">&lt;/Hello&gt;</span>
+</span></span></code></pre></div>
+    </div>
+  </div>
 </div>
 
+
             <footer class="footline">
             </footer>
           </article>
@@ -337,9 +355,9 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -451,13 +469,13 @@ from the <code>'default'</code> group on a different page then all tabs will be
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index bb7bc372a3..bd83dfaff8 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/children/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tags/children/">
     <div id="body" class="default-animation">
@@ -161,9 +161,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -275,13 +275,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index ac8907ebe2..cc7cb98c86 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/documentation/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tags/documentation/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -261,13 +261,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index e7c8240eb7..8358039481 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/hidden/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tags/hidden/">
     <div id="body" class="default-animation">
@@ -152,9 +152,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -266,13 +266,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index f8ae2fd05a..229d3ae8f8 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tags/">
     <div id="body" class="default-animation">
@@ -151,9 +151,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -265,13 +265,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 2b2c408d0a..7a3166b31f 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/non-hidden/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tags/non-hidden/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -270,13 +270,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index df21e25e62..ad558c9077 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,18 +9,18 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/tutorial/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -36,7 +36,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tags/tutorial/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -261,13 +261,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tests/_print/index.html b/tests/_print/index.html
index cf8c9d1247..c09fbd9d77 100644
--- a/tests/_print/index.html
+++ b/tests/_print/index.html
@@ -10,18 +10,18 @@
     <title>Tests :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/tests/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,13 +262,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/tests/code/_print/index.html b/tests/code/_print/index.html
index ffe75e9b91..8b6422ec3a 100644
--- a/tests/code/_print/index.html
+++ b/tests/code/_print/index.html
@@ -10,18 +10,18 @@
     <title>Code :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/tests/code/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/code/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/code/">
     <div id="body" class="default-animation">
@@ -192,9 +192,9 @@ Some preformatted stuff in HTML elements
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,13 +310,13 @@ Some preformatted stuff in HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index a4c48d0645..932e202485 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -10,18 +10,18 @@
     <title>Code :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/code/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/tests/code/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tests/code/">
     <div id="body" class="default-animation">
@@ -191,9 +191,9 @@ Some preformatted stuff in HTML elements
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,13 +309,13 @@ Some preformatted stuff in HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tests/images/_print/index.html b/tests/images/_print/index.html
index 5b7563bf7e..1d95dc01ad 100644
--- a/tests/images/_print/index.html
+++ b/tests/images/_print/index.html
@@ -10,18 +10,18 @@
     <title>Images :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/tests/images/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/images/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/images/">
     <div id="body" class="default-animation">
@@ -213,9 +213,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -331,13 +331,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/tests/images/index.html b/tests/images/index.html
index 81a26335a0..7c6e0101eb 100644
--- a/tests/images/index.html
+++ b/tests/images/index.html
@@ -10,18 +10,18 @@
     <title>Images :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/images/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/tests/images/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tests/images/">
     <div id="body" class="default-animation">
@@ -212,9 +212,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -330,13 +330,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index 3d0d365449..1bc645549b 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -10,18 +10,18 @@
     <title>Tests :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/tests/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tests/">
     <div id="body" class="default-animation">
@@ -173,9 +173,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -287,13 +287,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/tests/links/_print/index.html b/tests/links/_print/index.html
index d10dc4d57e..a5c2243de9 100644
--- a/tests/links/_print/index.html
+++ b/tests/links/_print/index.html
@@ -10,18 +10,18 @@
     <title>Links :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/tests/links/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/links/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/tests/links/">
     <div id="body" class="default-animation">
@@ -181,9 +181,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -299,13 +299,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/tests/links/index.html b/tests/links/index.html
index 0ece12421a..6a47aeb33f 100644
--- a/tests/links/index.html
+++ b/tests/links/index.html
@@ -10,18 +10,18 @@
     <title>Links :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/links/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/tests/links/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/tests/links/">
     <div id="body" class="default-animation">
@@ -180,9 +180,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -298,13 +298,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/1/index.html b/yours/1/index.html
index 93f22ee591..e352ad7086 100644
--- a/yours/1/index.html
+++ b/yours/1/index.html
@@ -10,18 +10,18 @@
     <title>1 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/1/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/1/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/10/index.html b/yours/10/index.html
index 8883aab68c..7f3b3af713 100644
--- a/yours/10/index.html
+++ b/yours/10/index.html
@@ -10,18 +10,18 @@
     <title>10 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/10/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/10/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/10/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/11.de/index.html b/yours/11.de/index.html
index 1d8212b531..db8c749ffb 100644
--- a/yours/11.de/index.html
+++ b/yours/11.de/index.html
@@ -10,18 +10,18 @@
     <title>11 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/11.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/11.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/11.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/12.de/index.html b/yours/12.de/index.html
index 3be38f4399..c5d0391d7e 100644
--- a/yours/12.de/index.html
+++ b/yours/12.de/index.html
@@ -10,18 +10,18 @@
     <title>12 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/12.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/12.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/12.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/13.de/index.html b/yours/13.de/index.html
index eb41bd4758..b8b0ab9ba5 100644
--- a/yours/13.de/index.html
+++ b/yours/13.de/index.html
@@ -10,18 +10,18 @@
     <title>13 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/13.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/13.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/13.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/14.de/index.html b/yours/14.de/index.html
index 0de01f5cd2..4f721c2d61 100644
--- a/yours/14.de/index.html
+++ b/yours/14.de/index.html
@@ -10,18 +10,18 @@
     <title>14 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/14.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/14.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/14.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/15.de/index.html b/yours/15.de/index.html
index 17c106ef3b..7ed76b7467 100644
--- a/yours/15.de/index.html
+++ b/yours/15.de/index.html
@@ -10,18 +10,18 @@
     <title>15 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/15.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/15.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/15.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/16.de/index.html b/yours/16.de/index.html
index 6d5b56648d..c738f1ce64 100644
--- a/yours/16.de/index.html
+++ b/yours/16.de/index.html
@@ -10,18 +10,18 @@
     <title>16 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/16.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/16.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/16.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/17.de/index.html b/yours/17.de/index.html
index 74ffc78237..e028ea5ea3 100644
--- a/yours/17.de/index.html
+++ b/yours/17.de/index.html
@@ -10,18 +10,18 @@
     <title>17 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/17.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/17.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/17.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/18.de/index.html b/yours/18.de/index.html
index 9355ea3a62..b3b3ea8b1f 100644
--- a/yours/18.de/index.html
+++ b/yours/18.de/index.html
@@ -10,18 +10,18 @@
     <title>18 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/18.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/18.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/18.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/19.de/index.html b/yours/19.de/index.html
index a515baa574..0c302fcc89 100644
--- a/yours/19.de/index.html
+++ b/yours/19.de/index.html
@@ -10,18 +10,18 @@
     <title>19 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/19.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/19.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/19.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/2/index.html b/yours/2/index.html
index 2a4fd3c081..89ac7eeb81 100644
--- a/yours/2/index.html
+++ b/yours/2/index.html
@@ -10,18 +10,18 @@
     <title>2 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/2/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/2/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/2/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/20.de/index.html b/yours/20.de/index.html
index c69edbf6ac..623eca666b 100644
--- a/yours/20.de/index.html
+++ b/yours/20.de/index.html
@@ -10,18 +10,18 @@
     <title>20 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/20.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/20.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/20.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/21.de/index.html b/yours/21.de/index.html
index 5df6ce20ed..0e6b8222aa 100644
--- a/yours/21.de/index.html
+++ b/yours/21.de/index.html
@@ -10,18 +10,18 @@
     <title>21 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/21.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/21.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/21.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450351"></script>
   </body>
 </html>
diff --git a/yours/22.de/index.html b/yours/22.de/index.html
index c634444ac5..9aaa9dc94b 100644
--- a/yours/22.de/index.html
+++ b/yours/22.de/index.html
@@ -10,18 +10,18 @@
     <title>22 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/22.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/22.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450351" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450351" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450351" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450351" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450351"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450351"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/22.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450351"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450351"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450351"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450351"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/23.de/index.html b/yours/23.de/index.html
index a05d64e771..c67d819c9f 100644
--- a/yours/23.de/index.html
+++ b/yours/23.de/index.html
@@ -10,18 +10,18 @@
     <title>23 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/23.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/23.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/23.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/24.de/index.html b/yours/24.de/index.html
index df1361dba1..74ea14fd94 100644
--- a/yours/24.de/index.html
+++ b/yours/24.de/index.html
@@ -10,18 +10,18 @@
     <title>24 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/24.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/24.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/24.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/25.de/index.html b/yours/25.de/index.html
index cb7c8cde40..5549cd38d6 100644
--- a/yours/25.de/index.html
+++ b/yours/25.de/index.html
@@ -10,18 +10,18 @@
     <title>25 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/25.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/25.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/25.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/26.de/index.html b/yours/26.de/index.html
index 88feb3bc2f..c4dc389a5e 100644
--- a/yours/26.de/index.html
+++ b/yours/26.de/index.html
@@ -10,18 +10,18 @@
     <title>26 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/26.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/26.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/26.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/27.de/index.html b/yours/27.de/index.html
index 93df678de9..a33a909f99 100644
--- a/yours/27.de/index.html
+++ b/yours/27.de/index.html
@@ -10,18 +10,18 @@
     <title>27 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/27.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/27.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/27.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/28.de/index.html b/yours/28.de/index.html
index a475a93802..1621b28a84 100644
--- a/yours/28.de/index.html
+++ b/yours/28.de/index.html
@@ -10,18 +10,18 @@
     <title>28 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/28.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/28.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/28.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/29.de/index.html b/yours/29.de/index.html
index bb75829950..8c91485735 100644
--- a/yours/29.de/index.html
+++ b/yours/29.de/index.html
@@ -10,18 +10,18 @@
     <title>29 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/29.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/29.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/29.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/3/index.html b/yours/3/index.html
index 6c6d712632..6dab2dd7e0 100644
--- a/yours/3/index.html
+++ b/yours/3/index.html
@@ -10,18 +10,18 @@
     <title>3 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/3/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/3/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/3/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/30.de/index.html b/yours/30.de/index.html
index 951deae0ec..dbd17ee802 100644
--- a/yours/30.de/index.html
+++ b/yours/30.de/index.html
@@ -10,18 +10,18 @@
     <title>30 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/30.de/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/30.de/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/30.de/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -300,13 +300,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/4/index.html b/yours/4/index.html
index b9b37dcf5e..3560ec113f 100644
--- a/yours/4/index.html
+++ b/yours/4/index.html
@@ -10,18 +10,18 @@
     <title>4 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/4/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/4/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/4/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/5/index.html b/yours/5/index.html
index 39528eaf7f..ae61dc963a 100644
--- a/yours/5/index.html
+++ b/yours/5/index.html
@@ -10,18 +10,18 @@
     <title>5 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/5/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/5/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/5/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/6/index.html b/yours/6/index.html
index 9630f65074..3f019990ca 100644
--- a/yours/6/index.html
+++ b/yours/6/index.html
@@ -10,18 +10,18 @@
     <title>6 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/6/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/6/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/6/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/7/index.html b/yours/7/index.html
index 980d941fc5..75be83c0e8 100644
--- a/yours/7/index.html
+++ b/yours/7/index.html
@@ -10,18 +10,18 @@
     <title>7 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/7/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/7/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/7/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/8/index.html b/yours/8/index.html
index 6aa7589b15..dcff17955f 100644
--- a/yours/8/index.html
+++ b/yours/8/index.html
@@ -10,18 +10,18 @@
     <title>8 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/8/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/8/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/8/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/9/index.html b/yours/9/index.html
index 4d0f626b41..defde3864e 100644
--- a/yours/9/index.html
+++ b/yours/9/index.html
@@ -10,18 +10,18 @@
     <title>9 :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/9/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/_print/yours/9/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/9/">
     <div id="body" class="default-animation">
@@ -156,9 +156,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,13 +301,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/_print/index.html b/yours/_print/index.html
index f6283cdffa..91cf6d90b6 100644
--- a/yours/_print/index.html
+++ b/yours/_print/index.html
@@ -10,18 +10,18 @@
     <title>This could be yours :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/">
     <div id="body" class="default-animation">
@@ -148,9 +148,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -262,13 +262,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/yours/children-1/_print/index.html b/yours/children-1/_print/index.html
index 658b15e989..96f459ab28 100644
--- a/yours/children-1/_print/index.html
+++ b/yours/children-1/_print/index.html
@@ -10,18 +10,18 @@
     <title>The one and only hidden child :: Hugo Relearn Theme</title>
     <link rel="canonical" type="text/html" href="/hugo-theme-relearn/yours/children-1/" title="Hugo Relearn Theme" />
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/children-1/index.xml" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429919" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429919" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429919" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429919" rel="stylesheet">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429919"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450353" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450353" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450353" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450353" rel="stylesheet">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450353"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450353"></script>
   </head>
   <body class="mobile-support print" data-url="/hugo-theme-relearn/yours/children-1/">
     <div id="body" class="default-animation">
@@ -149,9 +149,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429919"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429919"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450353"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450353"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,13 +294,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429919"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450353"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429919"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429919"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450353"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450353"></script>
   </body>
 </html>
diff --git a/yours/children-1/index.html b/yours/children-1/index.html
index ce9b7c8417..b602a40c48 100644
--- a/yours/children-1/index.html
+++ b/yours/children-1/index.html
@@ -10,18 +10,18 @@
     <title>The one and only hidden child :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/children-1/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/yours/children-1/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/children-1/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,13 +302,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>
diff --git a/yours/index.html b/yours/index.html
index ec12b7b65b..f17ba0b855 100644
--- a/yours/index.html
+++ b/yours/index.html
@@ -10,18 +10,18 @@
     <title>This could be yours :: Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/index.xml" title="Hugo Relearn Theme" />
     <link rel="alternate" type="text/html" href="/hugo-theme-relearn/yours/_print/" title="Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654429918" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654429918" rel="stylesheet" id="variant-style">
-    <link href="/hugo-theme-relearn/css/ie.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1654429918" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/print.css?1654429918" rel="stylesheet" media="print">
-    <script src="/hugo-theme-relearn/js/variant.js?1654429918"></script>
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1654450352" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1654450352" rel="stylesheet" id="variant-style">
+    <link href="/hugo-theme-relearn/css/ie.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1654450352" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/print.css?1654450352" rel="stylesheet" media="print">
+    <script src="/hugo-theme-relearn/js/variant.js?1654450352"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -37,7 +37,7 @@
       var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
       variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1654450352"></script>
   </head>
   <body class="mobile-support" data-url="/hugo-theme-relearn/yours/">
     <div id="body" class="default-animation">
@@ -157,9 +157,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1654429918"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1654429918"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1654450352"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1654450352"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -271,13 +271,13 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654429918"></script>
+          <script async defer src="/hugo-theme-relearn/js/buttons.js?1654450352"></script>
         </div>
       </div>
     </aside>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654429918"></script>
-    <script src="/hugo-theme-relearn/js/theme.js?1654429918"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1654450352"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1654450352"></script>
   </body>
 </html>