diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 68ca3c3f1c..8c65dd2ce3 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -214,8 +214,10 @@ disableLanguageSwitchingButton = false
 #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 # Hidden pages
 # These options configure how hidden pages are treated.
-# A page flagged as hidden, is only removed from the main menu but behaves
-# like any other page for all other functionality in Hugo.
+# A page flagged as hidden, is only removed from the main menu if you are
+# currently not on this page or the hidden page is not part of current page's
+# ancestors. For all other functionality in Hugo a hidden page behaves like any
+# other page if not otherwise configured.
 
 # Hide hidden pages from search.
 # Default: false
diff --git a/exampleSite/content/cont/archetypes/_index.en.md b/exampleSite/content/cont/archetypes/_index.en.md
index d66399cf84..b4aa204ec7 100644
--- a/exampleSite/content/cont/archetypes/_index.en.md
+++ b/exampleSite/content/cont/archetypes/_index.en.md
@@ -1,6 +1,6 @@
 +++
 title = "Archetypes"
-weight = 2
+weight = 3
 +++
 
 Using the command: `hugo new [relative new content path]`, you can start a content file with the date and title automatically set. While this is a welcome feature, active writers need more: [archetypes](https://gohugo.io/content/archetypes/). These are preconfigured skeleton pages with default frontmatter.
diff --git a/exampleSite/content/cont/archetypes/_index.pir.md b/exampleSite/content/cont/archetypes/_index.pir.md
index 04362f334c..aad9a67c99 100644
--- a/exampleSite/content/cont/archetypes/_index.pir.md
+++ b/exampleSite/content/cont/archetypes/_index.pir.md
@@ -1,5 +1,5 @@
 +++
 title = "Arrrchetypes"
-weight = 2
+weight = 3
 +++
 {{< piratify >}}
\ No newline at end of file
diff --git a/exampleSite/content/cont/frontmatter/_index.en.md b/exampleSite/content/cont/frontmatter/_index.en.md
new file mode 100644
index 0000000000..dfa324a621
--- /dev/null
+++ b/exampleSite/content/cont/frontmatter/_index.en.md
@@ -0,0 +1,338 @@
++++
+title = "Frontmatter"
+weight = 2
++++
+
+Each Hugo page has to define a [frontmatter](https://gohugo.io/content/front-matter/) in _toml_, _yaml_ or _json_. This site will use _toml_ for documentation in all cases.
+
+````toml
++++
+# If an option value is said to be not set, you can achieve the same behavior
+# by given it an empty string value.
+
+###############################################################################
+# Hugo
+# These options usually apply to other themes aswell.
+
+# The social media image of your page.
+# Default: not set
+# This is used for generating social media meta information for the opengraph
+# protocol and twitter cards.
+# If not set, the set value of your site's config.toml is used.
+images = [ "images/hero.png" ]
+
+# The title of your page.
+# Default: not set
+# A page without a title is treated as a hidden page.
+title = "Example Page"
+
+# The description of your page.
+# Default: not set
+# This is used for generating HTML meta tags, social media meta information
+# for the opengraph protocol and twitter cards.
+# If not set, the set value of your site's config.toml is used for the html
+# meta tag, social media meta information for the opengraph protocol and
+# twitter cards.
+description = ""
+
+###############################################################################
+# Relearn Theme
+# These options are specific to the Relearn theme.
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Topbar
+# These options modify the topbar appearance.
+
+# Hide the table of contents button.
+# Default: false
+# If the TOC button is hidden, also the keyboard shortcut is disabled.
+# If not set, the set value of your site's config.toml is used.
+disableToc = false
+
+# Hide the breadcrumbs.
+# Default: false
+# If the breadcrumbs are hidden, the title of the displayed page will still be
+# shown in the topbar.
+disableBreadcrumb = false
+
+# Hide Next and Previous navigation buttons.
+# Default: false
+# If the navigation buttons are hidden, also the keyboard shortcuts are
+# disabled.
+disableNextPrev = false
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Menu
+# These options modify the menu apperance.
+
+# The title in main menu.
+# Default: <title>
+# If set, this will be used for the page's menu entry instead of the `title`
+# option.
+menuTitle = ""
+
+# Prefix for the title in main menu.
+# Default: not set
+# The title of the page in the menu will be prefixed by this HTML content.
+menuPre = ""
+
+# Suffix for the title in main menu.
+# Default: not set
+# The title of the page in the menu will be suffixed by this HTML content.
+menuPost = ""
+
+# The order of main menu submenus.
+# Default: "weight"
+# Submenus can be ordered by "weight", "title", "linktitle", "modifieddate",
+# "expirydate", "publishdate", "date", "length" or "default" (adhering to
+# Hugo's default sort order).
+# If not set, the value of the parent menu entry is used.
+ordersectionsby = "weight"
+
+# The initial expand state of submenus.
+# Default: not set
+# This controls whether submenus will be expanded (true), or collapsed (false)
+# in the menu. If not set, the first menu level is set to false, all others
+# levels are set to true. If not set, the value of the parent menu entry is used.
+# If the displayed page has submenus, they will always been displayed expanded
+# regardless of this option.
+alwaysopen = ""
+
+# Shows expander for submenus.
+# Default: false
+# If set to true, a submenu in the sidebar will be displayed in a collapsible
+# tree view and a clickable expander is set in front of the entry.
+collapsibleMenu = true
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Hidden pages
+# These options configure how hidden pages are treated.
+# A page flagged as hidden, is only removed from the main menu if you are
+# currently not on this page or the hidden page is not part of current page's
+# ancestors. For all other functionality in Hugo a hidden page behaves like any
+# other page if not otherwise configured.
+
+# Hide a page's menu entry.
+# Default: false
+# If this value is true, the page is hidden from the menu.
+hidden = false
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Content
+# These options modify how your content is displayed.
+
+# Prefix for the title in the content area.
+# Default: not set
+# The title of the page heading will be prefixed by this HTML content.
+headingPre = ""
+
+# Suffix for the title in the content area.
+# Default: not set
+# The title of the page heading will be suffixed by this HTML content.
+headingPost = ""
+
+# Display name of the page's last editor.
+# Default: not set
+# If set, it will be displayed in the default footer.
+LastModifierDisplayName = ""
+
+# Email address of the page's last editor.
+# Default: not set
+# If set together with LastModifierDisplayName, it will be displayed in the
+# default footer.
+LastModifierEmail = ""
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Highlight
+# These options configure how code is displayed.
+
+# Wrap for code blocks.
+# Default: true
+# By default lines of code blocks wrap around if the line is too long to be
+# displayed on screen. If you dislike this behavior, you can reconfigure it
+# here.
+# Note that lines always wrap in print mode regardless of this option.
+# If not set, the set value of your site's config.toml is used or given as a
+# parameter to individual code blocks.
+highlightWrap = true
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Images
+# These options configure how images are displayed.
+
+# Image effects.
+# See the documentation for how you can even add your own arbitrary effects to
+# the list.
+# All effect values default to the values of your site's config.toml and can be
+# overridden thru URL parameter given to the image. See the documentation for
+# details.
+
+# Default: false
+imageEffects.border = true
+# Default: true
+imageEffects.lightbox = true
+# Default: false
+imageEffects.shadow = false
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# MathJax
+# These options configure how math formulae are displayed.
+
+# Initialization options for MathJax.
+# Default: not set
+# A JSON value. See the MathJaxdocumentation for possible parameter.
+# If not set, the set value of your site's config.toml is used.
+mathJaxInitialize = "{}"
+
+# Only load MathJax if needed.
+# Default: true
+# If a Math shortcode is found, the option will be ignored and
+# MathJax will be loaded regardlessly. The 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 `disableMathJax=false` in your frontmatter to force the library to
+# be loaded.
+# If not set, the set value of your site's config.toml is used.
+disableMathJax = true
+
+# URL for external MathJax library.
+# Default: not set
+# Specifies the remote location of the MathJax library. By default the shipped
+# version will be used.
+# If not set, the set value of your site's config.toml is used.
+customMathJaxURL = "" # "https://unpkg.com/mathjax/es5/tex-mml-chtml.js"
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# Mermaid
+# These options configure how Mermaid graphs are displayed.
+
+# Make graphs panable and zoomable
+# Default: false
+# For huge graphs it can be helpful to make them zoomable. Zoomable graphs come
+# with a reset button for the zoom.
+# If not set, the set value of your site's config.toml is used or given as a
+# parameter to individual graphs.
+mermaidZoom = true
+
+# Initialization options for Mermaid.
+# Default: not set
+# A JSON value. See the Mermaid documentation for possible parameter.
+# If not set, the set value of your site's config.toml is used.
+mermaidInitialize = "{ \"securityLevel\": \"loose\" }"
+
+# Only load Mermaid if needed.
+# Default: true
+# If a Mermaid shortcode or codefence is found, the option will be ignored and
+# Mermaid will be loaded regardlessly. The 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.
+# If not set, the set value of your site's config.toml is used.
+disableMermaid = true
+
+# URL for external Mermaid library.
+# Default: not set
+# Specifies the remote location of the Mermaid library. By default the shipped
+# version will be used.
+# If not set, the set value of your site's config.toml is used.
+customMermaidURL = "" # "https://unpkg.com/mermaid/dist/mermaid.min.js"
+
+#++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+# OpenApi
+# These options configure how OpenAPI specifications are displayed.
+
+# Only load OpenAPI if needed.
+# Default: true
+# If a OpenAPI shortcode is found, the option will be ignored and
+# OpenAPI will be loaded regardlessly. The 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 `disableOpenapi=false` in your frontmatter to force the library to
+# be loaded.
+# If not set, the set value of your site's config.toml is used.
+disableOpenapi = true
+
+# URL for external OpenAPI library.
+# Default: not set
+# Specifies the remote location of the OpenAPI library. By default the shipped
+# version will be used.
+# If not set, the set value of your site's config.toml is used.
+customOpenapiURL = "" # "https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"
++++
+````
+
+## Some Detailed Examples
+
+### Add Icon to a Menu Entry
+
+In the page frontmatter, add a `menuPre` param to insert any HTML code before the menu label. The example below uses the GitHub icon.
+
+````toml
++++
+title = "GitHub repo"
+menuPre = "<i class='fab fa-github'></i> "
++++
+````
+
+![Title with icon](frontmatter-icon.png?width=18.75rem)
+
+### Ordering Sibling Menu/Page Entries
+
+Hugo provides a [flexible way](https://gohugo.io/content/ordering/) to handle order for your pages.
+
+The simplest way is to set `weight` parameter to a number.
+
+````toml
++++
+title = "My page"
+weight = 5
++++
+````
+
+### Using a Custom Title for Menu Entries
+
+By default, the Relearn theme will use a page's `title` attribute for the menu item (or `linkTitle` if defined).
+
+But a page's title has to be descriptive on its own while the menu is a hierarchy.
+We've added the `menuTitle` parameter for that purpose:
+
+For example (for a page named `content/install/linux.md`):
+
+````toml
++++
+title = "Install on Linux"
+menuTitle = "Linux"
++++
+````
+
+### Override Expand State Rules for Menu Entries
+
+You can change how the theme expands menu entries on the side of the content with the `alwaysopen` setting on a per page basis. If `alwaysopen=false` for any given entry, its children will not be shown in the menu as long as it is not necessary for the sake of navigation.
+
+The theme generates the menu based on the following rules:
+
+- all parent entries of the active page including their siblings are shown regardless of any settings
+- immediate children entries of the active page are shown regardless of any settings
+- if not overridden, all other first level entries behave like they would have been given `alwaysopen=false`
+- if not overridden, all other entries of levels besides the first behave like they would have been given `alwaysopen=true`
+- all visible entries show their immediate children entries if `alwaysopen=true`; this proceeds recursively
+- all remaining entries are not shown
+
+You can see this feature in action on the example page for [children shortcode](shortcodes/children) and its children pages.
+
+## Disable Section Pages
+
+You may want to structure your pages in a hierachical way but don't want to generate pages for those sections? The theme got you covered.
+
+To stay with the initial example: Suppose you want `level-one` appear in the sidebar but don't want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.
+
+For this, open `content/level-one/_index.md` and add the following frontmatter
+
+````toml
++++
+collapsibleMenu = true # this adds the expander to the menu entry if not already set in your config.toml
+[_build]
+  render = "never" # no page will be generated so the page does not have a url
++++
+````
diff --git a/exampleSite/content/cont/frontmatter/_index.pir.md b/exampleSite/content/cont/frontmatter/_index.pir.md
new file mode 100644
index 0000000000..1e6bf23a62
--- /dev/null
+++ b/exampleSite/content/cont/frontmatter/_index.pir.md
@@ -0,0 +1,5 @@
++++
+title = "Frrrontmatter"
+weight = 2
++++
+{{< piratify >}}
\ No newline at end of file
diff --git a/exampleSite/content/cont/pages/frontmatter-icon.png b/exampleSite/content/cont/frontmatter/frontmatter-icon.png
similarity index 100%
rename from exampleSite/content/cont/pages/frontmatter-icon.png
rename to exampleSite/content/cont/frontmatter/frontmatter-icon.png
diff --git a/exampleSite/content/cont/i18n/_index.en.md b/exampleSite/content/cont/i18n/_index.en.md
index bd35c4cf2a..ecaa9cd2a3 100644
--- a/exampleSite/content/cont/i18n/_index.en.md
+++ b/exampleSite/content/cont/i18n/_index.en.md
@@ -1,6 +1,6 @@
 +++
 title = "Multilingual and i18n"
-weight = 6
+weight = 7
 +++
 
 The Relearn theme is fully compatible with Hugo multilingual mode.
diff --git a/exampleSite/content/cont/i18n/_index.pir.md b/exampleSite/content/cont/i18n/_index.pir.md
index 95546f02bc..bc28edb2d8 100644
--- a/exampleSite/content/cont/i18n/_index.pir.md
+++ b/exampleSite/content/cont/i18n/_index.pir.md
@@ -1,5 +1,5 @@
 +++
 title = "Multilingual an' i18n"
-weight = 6
+weight = 7
 +++
 {{< piratify >}}
\ No newline at end of file
diff --git a/exampleSite/content/cont/imageeffects.en.md b/exampleSite/content/cont/imageeffects.en.md
index bd2beedc78..b12993a491 100644
--- a/exampleSite/content/cont/imageeffects.en.md
+++ b/exampleSite/content/cont/imageeffects.en.md
@@ -1,6 +1,6 @@
 +++
 title = "Image Effects"
-weight = 4
+weight = 5
 +++
 
 The theme supports non-standard [image effects](cont/markdown#image-effects).
diff --git a/exampleSite/content/cont/imageeffects.pir.md b/exampleSite/content/cont/imageeffects.pir.md
index a824ed00ed..56ced452d4 100644
--- a/exampleSite/content/cont/imageeffects.pir.md
+++ b/exampleSite/content/cont/imageeffects.pir.md
@@ -1,5 +1,5 @@
 +++
 title = "Image Effects"
-weight = 4
+weight = 5
 +++
 {{< piratify >}}
\ No newline at end of file
diff --git a/exampleSite/content/cont/markdown.en.md b/exampleSite/content/cont/markdown.en.md
index 834fcd634e..8070a377a3 100644
--- a/exampleSite/content/cont/markdown.en.md
+++ b/exampleSite/content/cont/markdown.en.md
@@ -1,7 +1,7 @@
 +++
 tags = ["Content"]
 title = "Markdown syntax"
-weight = 3
+weight = 4
 +++
 
 Let's face it: Writing content for the web is tiresome. WYSIWYG editors help alleviate this task, but they generally result in horrible code, or worse yet, ugly web pages.
diff --git a/exampleSite/content/cont/markdown.pir.md b/exampleSite/content/cont/markdown.pir.md
index 6e3c84fe28..1d63aa720e 100644
--- a/exampleSite/content/cont/markdown.pir.md
+++ b/exampleSite/content/cont/markdown.pir.md
@@ -1,6 +1,6 @@
 +++
 tags = ["Content"]
 title = "Marrrkdown rules"
-weight = 3
+weight = 4
 +++
 {{< piratify >}}
\ No newline at end of file
diff --git a/exampleSite/content/cont/menushortcuts.en.md b/exampleSite/content/cont/menushortcuts.en.md
index 8ba84febbf..58822e2b76 100644
--- a/exampleSite/content/cont/menushortcuts.en.md
+++ b/exampleSite/content/cont/menushortcuts.en.md
@@ -1,6 +1,6 @@
 +++
 title = "Menu extra shortcuts"
-weight = 5
+weight = 6
 +++
 
 You can define additional menu entries or shortcuts in the navigation menu without any link to content.
diff --git a/exampleSite/content/cont/menushortcuts.pir.md b/exampleSite/content/cont/menushortcuts.pir.md
index a6fc245f92..7ef5db3d12 100644
--- a/exampleSite/content/cont/menushortcuts.pir.md
+++ b/exampleSite/content/cont/menushortcuts.pir.md
@@ -1,5 +1,5 @@
 +++
 title = "Menu extrrra shorrrtcuts"
-weight = 5
+weight = 6
 +++
 {{< piratify >}}
\ No newline at end of file
diff --git a/exampleSite/content/cont/pages/_index.en.md b/exampleSite/content/cont/pages/_index.en.md
index 2db9df97e2..4d509528f0 100644
--- a/exampleSite/content/cont/pages/_index.en.md
+++ b/exampleSite/content/cont/pages/_index.en.md
@@ -50,115 +50,3 @@ hugo new site <new_project>
 ```
 
 The Relearn theme provides [archetypes](cont/archetypes) to help you create this kind of pages.
-
-## Frontmatter Configuration
-
-Each Hugo page has to define a [frontmatter](https://gohugo.io/content/front-matter/) in _toml_, _yaml_ or _json_. This site will use _toml_ in all cases.
-
-The Relearn theme uses the following parameters on top of Hugo ones:
-
-```toml
-+++
-# Table of contents (toc) is enabled by default. Set this parameter to true to disable it.
-# Note: Toc is always disabled for chapter pages
-disableToc = false
-# If set, this will be used for the page's menu entry (instead of the `title` attribute)
-menuTitle = ""
-# If set to true, the menu in the sidebar will be displayed in a collapsible tree view. Although the functionality works with old browsers (IE11), the display of the expander icons is limited to modern browsers
-collapsibleMenu = false
-# If set, this will explicitly override common rules for the expand state of a page's menu entry
-alwaysopen = true
-# If set, this will explicitly override common rules for the sorting order of a page's submenu entries
-ordersectionsby = "weight"
-# The title of the page heading will be prefixed by this HTML content
-headingPre = ""
-# The title of the page heading will be postfixed by this HTML content
-headingPost = ""
-# The title of the page in menu will be prefixed by this HTML content
-menuPre = ""
-# The title of the page in menu will be postfixed by this HTML content
-menuPost = ""
-# Hide a menu entry by setting this to true
-hidden = false
-# Display name of this page modifier. If set, it will be displayed in the footer.
-LastModifierDisplayName = ""
-# Email of this page modifier. If set with LastModifierDisplayName, it will be displayed in the footer
-LastModifierEmail = ""
-# Override default values for image effects, you can even add your own arbitrary effects to the list
-[params.imageEffects]
-  border = false
-  lightbox = true
-  shadow = false
-+++
-```
-
-### Add icon to a menu entry
-
-In the page frontmatter, add a `menuPre` param to insert any HTML code before the menu label. The example below uses the GitHub icon.
-
-```toml
-+++
-title = "GitHub repo"
-menuPre = "<i class='fab fa-github'></i> "
-+++
-```
-
-![Title with icon](frontmatter-icon.png?width=18.75rem)
-
-### Ordering sibling menu/page entries
-
-Hugo provides a [flexible way](https://gohugo.io/content/ordering/) to handle order for your pages.
-
-The simplest way is to set `weight` parameter to a number.
-
-```toml
-+++
-title = "My page"
-weight = 5
-+++
-```
-
-### Using a custom title for menu entries
-
-By default, the Relearn theme will use a page's `title` attribute for the menu item (or `linkTitle` if defined).
-
-But a page's title has to be descriptive on its own while the menu is a hierarchy.
-We've added the `menuTitle` parameter for that purpose:
-
-For example (for a page named `content/install/linux.md`):
-
-```toml
-+++
-title = "Install on Linux"
-menuTitle = "Linux"
-+++
-```
-
-### Override expand state rules for menu entries
-
-You can change how the theme expands menu entries on the side of the content with the `alwaysopen` setting on a per page basis. If `alwaysopen=false` for any given entry, its children will not be shown in the menu as long as it is not necessary for the sake of navigation.
-
-The theme generates the menu based on the following rules:
-
-- all parent entries of the active page including their siblings are shown regardless of any settings
-- immediate children entries of the active page are shown regardless of any settings
-- if not overridden, all other first level entries behave like they would have been given `alwaysopen=false`
-- if not overridden, all other entries of levels besides the first behave like they would have been given `alwaysopen=true`
-- all visible entries show their immediate children entries if `alwaysopen=true`; this proceeds recursively
-- all remaining entries are not shown
-
-You can see this feature in action on the example page for [children shortcode](shortcodes/children) and its children pages.
-
-## Disable Section Pages
-
-You may want to structure your pages in a hierachical way but don't want to generate pages for those sections? The theme got you covered.
-
-To stay with the initial example: Suppose you want `level-one` appear in the sidebar but don't want to generate a page for it. So the entry in the sidebar should not be clickable but should show an expander.
-
-For this, open `content/level-one/_index.md` and add the following frontmatter
-
-````toml
-collapsibleMenu = true # this adds the expander to the menu entry if not already set in your config.toml
-[_build]
-  render = "never" # no page will be generated so the page does not have a url
-````
diff --git a/exampleSite/content/cont/taxonomy.en.md b/exampleSite/content/cont/taxonomy.en.md
index 1ad569f753..0c5e547bf0 100644
--- a/exampleSite/content/cont/taxonomy.en.md
+++ b/exampleSite/content/cont/taxonomy.en.md
@@ -2,7 +2,7 @@
 categories = ["taxonomy", "content"]
 tags = "tutorial"
 title = "Taxonomy"
-weight = 7
+weight = 8
 +++
 
 The Relearn theme supports Hugo's default taxonomies _tag_ and _category_ out of the box.
diff --git a/exampleSite/content/cont/taxonomy.pir.md b/exampleSite/content/cont/taxonomy.pir.md
index 7494e790ad..91b305467f 100644
--- a/exampleSite/content/cont/taxonomy.pir.md
+++ b/exampleSite/content/cont/taxonomy.pir.md
@@ -2,6 +2,6 @@
 categories = ["taxonomy", "content"]
 tags = "tutorrrial"
 title = "Taxonomy"
-weight = 7
+weight = 8
 +++
 {{< piratify >}}
\ No newline at end of file