Merge pull request #210 from gethinode/develop

Nav shortcode

.github/ISSUE_TEMPLATE/bug_report.md

@@ -27,8 +27,9 @@ If applicable, add a copy of Hugo's log messages.
 If applicable, add screenshots to help explain your problem.
 
 **Environment (please complete the following information):**
- - Host OS: [e.g. macOS Ventura 13.0]
- - Node version: [e.g. node v18.10.0]
+ - Hinode version: [e.g. v0.11.3]
+ - Host OS: [e.g. macOS Ventura 13.3]
+ - Node version: [e.g. node v18.15.0]
  - Hugo version: [e.g. hugo v0.109.0-47b12b83e636224e5e601813ff3e6790c191e371+extended darwin/amd64 BuildDate=2022-12-23T10:38:11Z VendorInfo=gohugoio]
  - Browser: [e.g. Google Chrome Version 108.0.5359.124 (Official Build) (arm64)]
 

.github/workflows/auto-approve.yml

@@ -0,0 +1,21 @@
+name: Dependabot auto-approve
+on: pull_request
+
+permissions:
+  pull-requests: write
+
+jobs:
+  dependabot:
+    runs-on: ubuntu-latest
+    if: ${{ github.actor == 'dependabot[bot]' }}
+    steps:
+      - name: Dependabot metadata
+        id: metadata
+        uses: dependabot/fetch-metadata@v1
+        with:
+          github-token: "${{ secrets.GITHUB_TOKEN }}"
+      - name: Approve a PR
+        run: gh pr review --approve "$PR_URL"
+        env:
+          PR_URL: ${{github.event.pull_request.html_url}}
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

.gitignore

@@ -4,3 +4,4 @@ node_modules/
 
 .DS_store
 .hugo_build.lock
+hugo_stats.json

.stylelintignore

@@ -3,5 +3,6 @@ assets/scss/components/_syntax-dark.scss
 assets/scss/components/_syntax-light.scss
 assets/scss/hotfix
 assets/scss/vendor
+assets/scss/theme/fonts.scss
 assets/scss/app.scss
 node_modules

.stylelintrc.json

@@ -2,10 +2,7 @@
   "extends": "stylelint-config-standard-scss",
   "rules": {
     "no-empty-source": null,
-    "indentation": 4,
-    "string-quotes": "double",
     "scss/comment-no-empty": null,
-    "max-line-length": null,
     "scss/at-extend-no-missing-placeholder": null,
     "scss/dollar-variable-colon-space-after": null,
     "scss/dollar-variable-empty-line-before": null,

README.md

@@ -54,6 +54,7 @@ Hinode is a clean documentation and blog theme for [Hugo][hugo], an open-source
 
 Additional features include:
 
+- Switching between light mode and dark mode
 - Support for multiple languages
 - Reusable Bootstrap components through configurable shortcodes and partials
 - Embedded comments through light-weight integration with GitHub via [utteranc.es][utterances]

assets/js/critical/color.js

@@ -4,8 +4,6 @@
  * Licensed under the Creative Commons Attribution 3.0 Unported License.
  */
 
-{{ if site.Params.main.enableDarkMode }}
-
 (() => {
   'use strict'
 
@@ -30,17 +28,24 @@
   setTheme(getPreferredTheme())
 
   const showActiveTheme = theme => {
-    const activeSelector = document.querySelector('.theme-icon-active')
-    const activeButton = document.querySelector(`[data-bs-theme-value="${theme}"]`)
-    const activeIcon = activeButton.querySelector('i')
+    const activeSelectors = document.querySelectorAll('.theme-icon-active')
+    const activeButtons = document.querySelectorAll(`[data-bs-theme-value="${theme}"]`)
+    if (activeButtons.length > 0) {
+      const activeIcon = activeButtons[0].querySelector('i')
 
       document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
         element.classList.remove('active')
       })
 
-    activeSelector.className = activeIcon.className
-    activeSelector.className = activeSelector.className.replace('theme-icon', 'theme-icon-active')
-    activeButton.classList.add('active')
+      for (let i = 0; i < activeSelectors.length; ++i) {
+        activeSelectors[i].className = activeIcon.className
+        activeSelectors[i].className = activeSelectors[i].className.replace('theme-icon', 'theme-icon-active')
+      }
+
+      for (let i = 0; i < activeButtons.length; ++i) {
+        activeButtons[i].classList.add('active')
+      }
+    }
   }
 
   window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
@@ -63,5 +68,3 @@
       })
   })
 })()
-
-{{ end }}

assets/js/flexsearch.js

@@ -81,7 +81,7 @@ Source:
     // https://discourse.gohugo.io/t/range-length-or-last-element/3803/2
     // Note: uses .Site.AllPages as .Site.RegularPages only returns content for the current language
     //       pages without a title (such as browserconfig.xml) are excluded
-    {{ $list := where (where .Site.AllPages "Kind" "in" "page") "Title" "!=" "" }}
+    {{ $list := where (where site.AllPages "Kind" "in" "page") "Title" "!=" "" }}
     {{ $len := (len $list) -}}
   
     index.add(

assets/js/navbar.js

@@ -0,0 +1,24 @@
+const navbar = document.querySelector('.navbar')
+const toggler = document.getElementById('main-nav-toggler')
+const modeSelectors = document.querySelectorAll('.switch-mode-collapsed')
+
+// set the navbar background color to opaque when scrolling past a breakpoint
+window.onscroll = () => {
+  if (window.scrollY > 75) {
+    navbar.classList.add('nav-active')
+  } else {
+    navbar.classList.remove('nav-active')
+  }
+}
+
+// set the navbar background color to opaque when expanded
+toggler.onclick = () => {
+  navbar.classList.toggle('navbar-expanded')
+}
+
+// invoke the navbar toggler for each mode switcher to collapse the main menu afterwards
+for (let i = 0; i < modeSelectors.length; ++i) {
+  modeSelectors[i].onclick = () => {
+    toggler.click()
+  }
+}

assets/scss/app.scss

@@ -1,17 +1,5 @@
 // Define template variables
-// TODO: optimize, see https://discourse.gohugo.io/t/initialize-sass-variables-from-hugo-templates/42053
-//       requires installation of dart-sass, no cross-platform installation available yet
-$themeFont:                     {{ site.Params.style.themeFont | default "Inter" }};
-$primary:                       {{ site.Params.style.primary | default "#007bff" }};
-$secondary:                     {{ site.Params.style.secondary | default "#6c757d" }};
-$success:                       {{ site.Params.style.success | default "#198754" }};
-$info:                          {{ site.Params.style.info | default "#0dcaf0" }};
-$warning:                       {{ site.Params.style.warning | default "#ffc107" }};
-$danger:                        {{ site.Params.style.danger | default "#dc3545" }};
-$light:                         {{ site.Params.style.light | default "#f8f9fa" }};
-$dark:                          {{ site.Params.style.dark | default "#212529" }};
-$navbar-offset:                 {{ if site.Params.navigation.fixed }}{{ site.Params.navigation.offset | default "4em" }}{{ else }}0em{{ end }};
-$enable-dark-mode:              {{ site.Params.main.enableDarkMode | default true }} !default;
+@import "hugo:vars";
 
 // Include default variable overrides
 @import "common/variables.scss";
@@ -23,14 +11,14 @@ $enable-dark-mode:              {{ site.Params.main.enableDarkMode | default tru
 @import "bootstrap/scss/functions";
 
 // Import Bootstrap configuration
-@import "hotfix/variables";
-@import "hotfix/variables-dark.scss";
-@import "hotfix/maps";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/variables-dark.scss";
+@import "bootstrap/scss/maps";
 @import "bootstrap/scss/mixins";
 @import "bootstrap/scss/utilities";
 
 // Import Bootstrap layout & components
-@import "hotfix/root";
+@import "bootstrap/scss/root";
 @import "bootstrap/scss/reboot";
 @import "bootstrap/scss/type";
 @import "bootstrap/scss/images";
@@ -65,9 +53,6 @@ $enable-dark-mode:              {{ site.Params.main.enableDarkMode | default tru
 // Import Bootstrap helpers
 @import "bootstrap/scss/helpers";
 
-// Import Bootstrap utilities
-@import "bootstrap/scss/utilities/api";
-
 // Import Font Awesome
 // scss-docs-start awesome
 @import "@fortawesome/fontawesome-free/scss/fontawesome";
@@ -97,7 +82,19 @@ $enable-dark-mode:              {{ site.Params.main.enableDarkMode | default tru
 @import "layouts/type.scss";
 @import "common/export.scss";
 @import "helpers/colored-links.scss";
-@import "helpers/hidden.scss";
+@import "helpers/display.scss";
+
+// TODO: include fonts with following statement in Dart Sass
+// @if $import-fonts {
+//     @include meta.load-css(theme/fonts);
+// }
+
+{{ if (not (hasPrefix (lower site.Params.style.themeFontPath) "http")) }}
+    @import "theme/fonts.scss";
+{{ end }}
 
 // Import theme placeholder
-@import "theme.scss";
+@import "theme/theme.scss";
+
+// Import Bootstrap utilities API
+@import "bootstrap/scss/utilities/api";

assets/scss/common/_export.scss

@@ -25,3 +25,4 @@
 }
 
 // scss-docs-end export
+// stylelint-enable selector-pseudo-class-no-unknown

assets/scss/common/_icons.scss

@@ -1,25 +1,25 @@
 // scss-docs-start icons
-$form-check-input-checked-bg-image:             url("icons/form-check-input-checked-bg-image.svg") !default;
-$form-check-radio-checked-bg-image:             url("icons/form-check-radio-checked-bg-image.svg") !default;
-$form-check-input-indeterminate-bg-image:       url("icons/form-check-input-indeterminate-bg-image.svg") !default;
-$form-switch-bg-image:                          url("icons/form-switch-bg-image.svg") !default;
-$form-switch-bg-image-dark:                     url("icons/form-switch-bg-image-dark.svg") !default;
-$form-switch-focus-bg-image:                    url("icons/form-switch-focus-bg-image.svg") !default;
-$form-switch-checked-bg-image:                  url("icons/form-switch-checked-bg-image.svg") !default;
-$form-select-indicator:                         url("icons/form-select-indicator.svg") !default;
-$form-select-indicator-dark:                    url("icons/form-select-indicator-dark.svg") !default;
-$form-feedback-icon-valid:                      url("icons/form-feedback-icon-valid.svg") !default;
-$form-feedback-icon-invalid:                    url("icons/form-feedback-icon-invalid.svg") !default;
-$navbar-light-toggler-icon-bg:                  url("icons/navbar-light-toggler-icon-bg.svg") !default;
-$navbar-dark-toggler-icon-bg:                   url("icons/navbar-dark-toggler-icon-bg.svg") !default;
-$accordion-button-icon:                         url("icons/accordion-button-icon.svg") !default;
-$accordion-button-icon-dark:                    url("icons/accordion-button-icon-dark.svg") !default;
-$accordion-button-active-icon:                  url("icons/accordion-button-active-icon.svg") !default;
-$accordion-button-active-icon-dark:             url("icons/accordion-button-active-icon-dark.svg") !default;
-$carousel-control-prev-icon-bg:                 url("icons/carousel-control-prev-icon-bg.svg") !default;
-$carousel-control-next-icon-bg:                 url("icons/carousel-control-next-icon-bg.svg") !default;
-$btn-close-bg:                                  url("icons/btn-close-bg.svg") !default;
-$btn-toggle:                                    url("icons/btn-toggle.svg") !default;
-$btn-toggle-dark:                               url("icons/btn-toggle-dark.svg") !default;
+$form-check-input-checked-bg-image:             url("/icons/form-check-input-checked-bg-image.svg") !default;
+$form-check-radio-checked-bg-image:             url("/icons/form-check-radio-checked-bg-image.svg") !default;
+$form-check-input-indeterminate-bg-image:       url("/icons/form-check-input-indeterminate-bg-image.svg") !default;
+$form-switch-bg-image:                          url("/icons/form-switch-bg-image.svg") !default;
+$form-switch-bg-image-dark:                     url("/icons/form-switch-bg-image-dark.svg") !default;
+$form-switch-focus-bg-image:                    url("/icons/form-switch-focus-bg-image.svg") !default;
+$form-switch-checked-bg-image:                  url("/icons/form-switch-checked-bg-image.svg") !default;
+$form-select-indicator:                         url("/icons/form-select-indicator.svg") !default;
+$form-select-indicator-dark:                    url("/icons/form-select-indicator-dark.svg") !default;
+$form-feedback-icon-valid:                      url("/icons/form-feedback-icon-valid.svg") !default;
+$form-feedback-icon-invalid:                    url("/icons/form-feedback-icon-invalid.svg") !default;
+$navbar-light-toggler-icon-bg:                  url("/icons/navbar-light-toggler-icon-bg.svg") !default;
+$navbar-dark-toggler-icon-bg:                   url("/icons/navbar-dark-toggler-icon-bg.svg") !default;
+$accordion-button-icon:                         url("/icons/accordion-button-icon.svg") !default;
+$accordion-button-icon-dark:                    url("/icons/accordion-button-icon-dark.svg") !default;
+$accordion-button-active-icon:                  url("/icons/accordion-button-active-icon.svg") !default;
+$accordion-button-active-icon-dark:             url("/icons/accordion-button-active-icon-dark.svg") !default;
+$carousel-control-prev-icon-bg:                 url("/icons/carousel-control-prev-icon-bg.svg") !default;
+$carousel-control-next-icon-bg:                 url("/icons/carousel-control-next-icon-bg.svg") !default;
+$btn-close-bg:                                  url("/icons/btn-close-bg.svg") !default;
+$btn-toggle:                                    url("/icons/btn-toggle.svg") !default;
+$btn-toggle-dark:                               url("/icons/btn-toggle-dark.svg") !default;
 
 // scss-docs-end icons

assets/scss/common/_styles.scss

@@ -18,3 +18,14 @@ a:active {
 .tickmark li::marker {
     content: "✓ ";
 }
+
+.anchor
+{
+    color: transparent;
+}
+
+.heading:hover .anchor 
+{
+    transition: 0.25s ease-in-out;
+    color: $primary;
+}

assets/scss/common/_variables.scss

@@ -1,5 +1,6 @@
 // Bootstrap variables overrides for theme
 $enable-negative-margins:       true;
+$enable-important-utilities:    true !default;
 
 // Font awesome variables overrides for theme
 $fa-font-path:                  "../fonts";
@@ -8,7 +9,7 @@ $fa-font-path:                  "../fonts";
 $navbar-toggler-focus-width:    0 !default;
 
 // scss-docs-start font
-$font-family-sans-serif:        $themeFont, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-sans-serif:        $theme-font, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 $headings-font-weight:          600 !default;
 $font-weight-lighter:           lighter !default;
 $font-weight-light:             200 !default;
@@ -17,7 +18,7 @@ $font-weight-bold:              600 !default;
 $font-weight-bolder:            bolder !default;
 
 strong {
-    font-weight:                600 !important;
+    font-weight:                600 if($enable-important-utilities, !important, null);
 }
 // scss-docs-end font
 

assets/scss/components/_buttons.scss

@@ -4,5 +4,5 @@
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
-    color: #fff !important;
+    color: #fff if($enable-important-utilities, !important, null);
 }

assets/scss/components/_card.scss

@@ -1,5 +1,3 @@
-// stylelint-disable annotation-no-unknown
-
 // add zoom animation with opacity change on card img hover
 // source: https://stackoverflow.com/a/43816376
 
@@ -8,16 +6,8 @@
     position: relative;
 }
 
-.card-img-wrap::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(255, 255, 255, 0.3);
-    opacity: 0;
-    transition: opacity 0.25s;
+.card-zoom {
+    cursor: pointer;
 }
 
 .card-img-wrap img {
@@ -25,11 +15,21 @@
     width: 100%;
 }
 
-.card-img-wrap:hover img {
-    transform: scale(1.1);
+.card-zoom::after .card-img-wrap img {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: rgba(255, 255, 255, 0.3);
+    opacity: 0;
+    transition: opacity 0.25s;
 }
 
-.card-img-wrap:hover::after {
+.card-zoom:hover .card-img-wrap img {
+    transform: scale(1.1);
+    opacity: 0.5;
+}
+
+.card-zoom:hover::after .card-img-wrap img {
     opacity: 1;
 }
 
@@ -43,29 +43,31 @@
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
 }
 
+// stylelint-disable annotation-no-unknown
 .card-body-link {
     color: $body-color if($enable-important-utilities, !important, null);
-
-    @if $link-shade-percentage != 0 {
-        &:hover,
-        &:focus {
-            color: tint-color($body-color, $link-shade-percentage) if($enable-important-utilities, !important, null);
-        }
-    }
 }
 
 @if $enable-dark-mode {
     @include color-mode(dark) {
         .card-body-link {
             color: $gray-500 if($enable-important-utilities, !important, null);
+        }
+    }
+}
 
-            @if $link-shade-percentage != 0 {
+.card-zoom card-body-link,
+.card-body-link {
     &:hover,
     &:focus {
-                    color: shade-color($gray-500, $link-shade-percentage) if($enable-important-utilities, !important, null);
-                }
-            }
-        }
+        color: shade-color($primary, $link-shade-percentage) if($enable-important-utilities, !important, null);
     }
 }
+
 // stylelint-enable annotation-no-unknown
+
+// make tag-link clickable on top of the stretched-link.
+.card .tag-link {
+    z-index: 2;
+    position: relative;
+}

assets/scss/components/_navbar.scss

@@ -2,17 +2,34 @@
 
 // Source: https://jsfiddle.net/njhgr40m/
 
+.navbar {
+    transition: 0.5s ease-in-out;
+    background-color: transparent;
+}
+
+.nav-active, .navbar-expanded {
+    background-color: var(--bs-body-bg);
+}
+
+.navbar-expanded {
+    box-shadow: $box-shadow-sm;
+}
+
 /* Remove border from toggler */
 .navbar-toggler {
-    border: 0 !important;
+    border: 0 if($enable-important-utilities, !important, null);
 }
 
 .navbar-toggler:focus,
 .navbar-toggler:active,
 .navbar-toggler-icon:focus {
-    outline: none !important;
-    box-shadow: none !important;
-    border: 0 !important;
+    outline: none if($enable-important-utilities, !important, null);
+    box-shadow: none if($enable-important-utilities, !important, null);
+    border: 0 if($enable-important-utilities, !important, null);
+}
+
+.fw-30 {
+    width: 30px !important;
 }
 
 /* Lines of the Toggler */

assets/scss/components/_sidebar.scss

@@ -3,9 +3,23 @@
     top: $navbar-offset;
 }
 
+.sidebar-overflow {
+    top: $navbar-offset;
+    max-height: 90vh;
+    overflow-y: auto;
+}
+
 .sidebar-item {
+    color: rgba(0, 0, 0, 0.65);
+    margin-left: 0 !important;
+    padding-left: 0.85rem !important;
+
+    &.active,
+    &:hover,
+    &:focus {
         color: black;
     }
+}
 
 .btn-toggle {
     padding: 0.25rem 0.5rem;
@@ -55,6 +69,14 @@
     @include color-mode(dark) {
         .sidebar-item {
             color: var(--bs-tertiary-color);
+            margin-left: 0 !important;
+            padding-left: 0.85rem !important;
+        
+            &.active,
+            &:hover,
+            &:focus {
+                color: var(--bs-secondary-color);
+            }
         }
 
         .btn-toggle {

assets/scss/components/_toc.scss

@@ -6,9 +6,9 @@
     grid-area: toc;
     right: 0;
     z-index: 2;
-    height: calc(100vh - 7rem);
+    height: calc(100vh - 5rem);
     overflow-y: auto;
-    top: $navbar-offset;
+    top: 5rem;
 }
 
 // scss-docs-end toc

assets/scss/helpers/_colored-links.scss

@@ -1,4 +1,4 @@
-// stylelint-disable function-name-case
+// stylelint-disable function-name-case, declaration-no-important
 
 // scss-docs-start colored-links
 @each $color, $value in $theme-colors {
@@ -6,16 +6,20 @@
     $color-rgb: to-rgb($value);
 
     .link-bg-#{$color} {
-        color: $contrast-color !important; // stylelint-disable-line declaration-no-important
-        background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); // stylelint-disable-line annotation-no-unknown
+        color: $contrast-color if($enable-important-utilities, !important, null); 
+        background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
 
         @if $link-shade-percentage != 0 {
             &:hover,
             &:focus {
-                color: if($contrast-color == $color-contrast-light, shade-color($contrast-color, $link-shade-percentage), tint-color($contrast-color, $link-shade-percentage)) !important; // stylelint-disable-line declaration-no-important
+                color: if($contrast-color == $color-contrast-light, 
+                shade-color($contrast-color, $link-shade-percentage),
+                tint-color($contrast-color, $link-shade-percentage))
+                    if($enable-important-utilities, !important, null);
             }
         }
     }
 }
 
 // scss-docs-end colored-links
+// stylelint-enable function-name-case, declaration-no-important

assets/scss/helpers/_display.scss

@@ -0,0 +1,30 @@
+.hidden {
+    display: none;
+}
+
+// stylelint-disable annotation-no-unknown
+
+// scss-docs-start display-color
+.d-none-light {
+    display: none if($enable-important-utilities, !important, null); 
+}
+
+.d-none-dark {
+    display: block if($enable-important-utilities, !important, null);
+}
+
+@if $enable-dark-mode {
+    @include color-mode(dark) {
+        .d-none-light {
+            display: block if($enable-important-utilities, !important, null);
+        }
+
+        .d-none-dark {
+            display: none if($enable-important-utilities, !important, null);
+        }
+    }
+}
+
+// scss-docs-end display-color
+
+// stylelint-enable annotation-no-unknown

assets/scss/helpers/_hidden.scss

@@ -1,3 +0,0 @@
-.hidden {
-    display: none;
-}

assets/scss/hotfix/_maps.scss

@@ -1,176 +0,0 @@
-// Copied from https://github.com/twbs/bootstrap/commit/15744ee1d04bcca03155c3bb37ee7e65a7b011c6
-//
-// Re-assigned maps
-//
-// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.
-
-// scss-docs-start theme-colors-rgb
-$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default;
-// scss-docs-end theme-colors-rgb
-
-// scss-docs-start theme-text-map
-$theme-colors-text: (
-  "primary": $primary-text-emphasis,
-  "secondary": $secondary-text-emphasis,
-  "success": $success-text-emphasis,
-  "info": $info-text-emphasis,
-  "warning": $warning-text-emphasis,
-  "danger": $danger-text-emphasis,
-  "light": $light-text-emphasis,
-  "dark": $dark-text-emphasis,
-) !default;
-// scss-docs-end theme-text-map
-
-// scss-docs-start theme-bg-subtle-map
-$theme-colors-bg-subtle: (
-  "primary": $primary-bg-subtle,
-  "secondary": $secondary-bg-subtle,
-  "success": $success-bg-subtle,
-  "info": $info-bg-subtle,
-  "warning": $warning-bg-subtle,
-  "danger": $danger-bg-subtle,
-  "light": $light-bg-subtle,
-  "dark": $dark-bg-subtle,
-) !default;
-// scss-docs-end theme-bg-subtle-map
-
-// scss-docs-start theme-border-subtle-map
-$theme-colors-border-subtle: (
-  "primary": $primary-border-subtle,
-  "secondary": $secondary-border-subtle,
-  "success": $success-border-subtle,
-  "info": $info-border-subtle,
-  "warning": $warning-border-subtle,
-  "danger": $danger-border-subtle,
-  "light": $light-border-subtle,
-  "dark": $dark-border-subtle,
-) !default;
-// scss-docs-end theme-border-subtle-map
-
-$theme-colors-text-dark: null !default;
-$theme-colors-bg-subtle-dark: null !default;
-$theme-colors-border-subtle-dark: null !default;
-
-@if $enable-dark-mode {
-  // scss-docs-start theme-text-dark-map
-  $theme-colors-text-dark: (
-    "primary": $primary-text-emphasis-dark,
-    "secondary": $secondary-text-emphasis-dark,
-    "success": $success-text-emphasis-dark,
-    "info": $info-text-emphasis-dark,
-    "warning": $warning-text-emphasis-dark,
-    "danger": $danger-text-emphasis-dark,
-    "light": $light-text-emphasis-dark,
-    "dark": $dark-text-emphasis-dark,
-  ) !default;
-  // scss-docs-end theme-text-dark-map
-
-  // scss-docs-start theme-bg-subtle-dark-map
-  $theme-colors-bg-subtle-dark: (
-    "primary": $primary-bg-subtle-dark,
-    "secondary": $secondary-bg-subtle-dark,
-    "success": $success-bg-subtle-dark,
-    "info": $info-bg-subtle-dark,
-    "warning": $warning-bg-subtle-dark,
-    "danger": $danger-bg-subtle-dark,
-    "light": $light-bg-subtle-dark,
-    "dark": $dark-bg-subtle-dark,
-  ) !default;
-  // scss-docs-end theme-bg-subtle-dark-map
-
-  // scss-docs-start theme-border-subtle-dark-map
-  $theme-colors-border-subtle-dark: (
-    "primary": $primary-border-subtle-dark,
-    "secondary": $secondary-border-subtle-dark,
-    "success": $success-border-subtle-dark,
-    "info": $info-border-subtle-dark,
-    "warning": $warning-border-subtle-dark,
-    "danger": $danger-border-subtle-dark,
-    "light": $light-border-subtle-dark,
-    "dark": $dark-border-subtle-dark,
-  ) !default;
-  // scss-docs-end theme-border-subtle-dark-map
-}
-
-// Utilities maps
-//
-// Extends the default `$theme-colors` maps to help create our utilities.
-
-// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.
-// scss-docs-start utilities-colors
-$utilities-colors: $theme-colors-rgb !default;
-// scss-docs-end utilities-colors
-
-// scss-docs-start utilities-text-colors
-$utilities-text: map-merge(
-  $utilities-colors,
-  (
-    "black": to-rgb($black),
-    "white": to-rgb($white),
-    "body": to-rgb($body-color)
-  )
-) !default;
-$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
-
-$utilities-text-emphasis-colors: (
-  "primary-emphasis": var(--#{$prefix}primary-text-emphasis),
-  "secondary-emphasis": var(--#{$prefix}secondary-text-emphasis),
-  "success-emphasis": var(--#{$prefix}success-text-emphasis),
-  "info-emphasis": var(--#{$prefix}info-text-emphasis),
-  "warning-emphasis": var(--#{$prefix}warning-text-emphasis),
-  "danger-emphasis": var(--#{$prefix}danger-text-emphasis),
-  "light-emphasis": var(--#{$prefix}light-text-emphasis),
-  "dark-emphasis": var(--#{$prefix}dark-text-emphasis)
-) !default;
-// scss-docs-end utilities-text-colors
-
-// scss-docs-start utilities-bg-colors
-$utilities-bg: map-merge(
-  $utilities-colors,
-  (
-    "black": to-rgb($black),
-    "white": to-rgb($white),
-    "body": to-rgb($body-bg)
-  )
-) !default;
-$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
-
-$utilities-bg-subtle: (
-  "primary-subtle": var(--#{$prefix}primary-bg-subtle),
-  "secondary-subtle": var(--#{$prefix}secondary-bg-subtle),
-  "success-subtle": var(--#{$prefix}success-bg-subtle),
-  "info-subtle": var(--#{$prefix}info-bg-subtle),
-  "warning-subtle": var(--#{$prefix}warning-bg-subtle),
-  "danger-subtle": var(--#{$prefix}danger-bg-subtle),
-  "light-subtle": var(--#{$prefix}light-bg-subtle),
-  "dark-subtle": var(--#{$prefix}dark-bg-subtle)
-) !default;
-// scss-docs-end utilities-bg-colors
-
-// scss-docs-start utilities-border-colors
-$utilities-border: map-merge(
-  $utilities-colors,
-  (
-    "black": to-rgb($black),
-    "white": to-rgb($white)
-  )
-) !default;
-$utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border") !default;
-
-$utilities-border-subtle: (
-  "primary-subtle": var(--#{$prefix}primary-border-subtle),
-  "secondary-subtle": var(--#{$prefix}secondary-border-subtle),
-  "success-subtle": var(--#{$prefix}success-border-subtle),
-  "info-subtle": var(--#{$prefix}info-border-subtle),
-  "warning-subtle": var(--#{$prefix}warning-border-subtle),
-  "danger-subtle": var(--#{$prefix}danger-border-subtle),
-  "light-subtle": var(--#{$prefix}light-border-subtle),
-  "dark-subtle": var(--#{$prefix}dark-border-subtle)
-) !default;
-// scss-docs-end utilities-border-colors
-
-$utilities-links-underline: map-loop($utilities-colors, rgba-css-var, "$key", "link-underline") !default;
-
-$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
-
-$gutters: $spacers !default;

assets/scss/hotfix/_root.scss

@@ -1,180 +0,0 @@
-// Copied from https://github.com/twbs/bootstrap/commit/15744ee1d04bcca03155c3bb37ee7e65a7b011c6
-
-:root,
-[data-bs-theme="light"] {
-  // Note: Custom variable values only support SassScript inside `#{}`.
-
-  // Colors
-  //
-  // Generate palettes for full colors, grays, and theme colors.
-
-  @each $color, $value in $colors {
-    --#{$prefix}#{$color}: #{$value};
-  }
-
-  @each $color, $value in $grays {
-    --#{$prefix}gray-#{$color}: #{$value};
-  }
-
-  @each $color, $value in $theme-colors {
-    --#{$prefix}#{$color}: #{$value};
-  }
-
-  @each $color, $value in $theme-colors-rgb {
-    --#{$prefix}#{$color}-rgb: #{$value};
-  }
-
-  @each $color, $value in $theme-colors-text {
-    --#{$prefix}#{$color}-text-emphasis: #{$value};
-  }
-
-  @each $color, $value in $theme-colors-bg-subtle {
-    --#{$prefix}#{$color}-bg-subtle: #{$value};
-  }
-
-  @each $color, $value in $theme-colors-border-subtle {
-    --#{$prefix}#{$color}-border-subtle: #{$value};
-  }
-
-  --#{$prefix}white-rgb: #{to-rgb($white)};
-  --#{$prefix}black-rgb: #{to-rgb($black)};
-
-  // Fonts
-
-  // Note: Use `inspect` for lists so that quoted items keep the quotes.
-  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
-  --#{$prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
-  --#{$prefix}font-monospace: #{inspect($font-family-monospace)};
-  --#{$prefix}gradient: #{$gradient};
-
-  // Root and body
-  // scss-docs-start root-body-variables
-  @if $font-size-root != null {
-    --#{$prefix}root-font-size: #{$font-size-root};
-  }
-  --#{$prefix}body-font-family: #{inspect($font-family-base)};
-  @include rfs($font-size-base, --#{$prefix}body-font-size);
-  --#{$prefix}body-font-weight: #{$font-weight-base};
-  --#{$prefix}body-line-height: #{$line-height-base};
-  @if $body-text-align != null {
-    --#{$prefix}body-text-align: #{$body-text-align};
-  }
-
-  --#{$prefix}body-color: #{$body-color};
-  --#{$prefix}body-color-rgb: #{to-rgb($body-color)};
-  --#{$prefix}body-bg: #{$body-bg};
-  --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
-
-  --#{$prefix}emphasis-color: #{$body-emphasis-color};
-  --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)};
-
-  --#{$prefix}secondary-color: #{$body-secondary-color};
-  --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color)};
-  --#{$prefix}secondary-bg: #{$body-secondary-bg};
-  --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg)};
-
-  --#{$prefix}tertiary-color: #{$body-tertiary-color};
-  --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};
-  --#{$prefix}tertiary-bg: #{$body-tertiary-bg};
-  --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
-  // scss-docs-end root-body-variables
-
-  @if $headings-color != null {
-    --#{$prefix}heading-color: #{$headings-color};
-  }
-
-  --#{$prefix}link-color: #{$link-color};
-  --#{$prefix}link-color-rgb: #{to-rgb($link-color)};
-  --#{$prefix}link-decoration: #{$link-decoration};
-
-  --#{$prefix}link-hover-color: #{$link-hover-color};
-  --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};
-
-  @if $link-hover-decoration != null {
-    --#{$prefix}link-hover-decoration: #{$link-hover-decoration};
-  }
-
-  --#{$prefix}code-color: #{$code-color};
-  --#{$prefix}highlight-bg: #{$mark-bg};
-
-  // scss-docs-start root-border-var
-  --#{$prefix}border-width: #{$border-width};
-  --#{$prefix}border-style: #{$border-style};
-  --#{$prefix}border-color: #{$border-color};
-  --#{$prefix}border-color-translucent: #{$border-color-translucent};
-
-  --#{$prefix}border-radius: #{$border-radius};
-  --#{$prefix}border-radius-sm: #{$border-radius-sm};
-  --#{$prefix}border-radius-lg: #{$border-radius-lg};
-  --#{$prefix}border-radius-xl: #{$border-radius-xl};
-  --#{$prefix}border-radius-xxl: #{$border-radius-xxl};
-  --#{$prefix}border-radius-2xl: var(--#{$prefix}border-radius-xxl); // Deprecated in v5.3.0 for consistency
-  --#{$prefix}border-radius-pill: #{$border-radius-pill};
-  // scss-docs-end root-border-var
-
-  --#{$prefix}box-shadow: #{$box-shadow};
-  --#{$prefix}box-shadow-sm: #{$box-shadow-sm};
-  --#{$prefix}box-shadow-lg: #{$box-shadow-lg};
-  --#{$prefix}box-shadow-inset: #{$box-shadow-inset};
-
-  // Focus styles
-  // scss-docs-start root-focus-variables
-  --#{$prefix}focus-ring-width: #{$focus-ring-width};
-  --#{$prefix}focus-ring-opacity: #{$focus-ring-opacity};
-  --#{$prefix}focus-ring-color: #{$focus-ring-color};
-  // By default, there is no `--bs-focus-ring-x`, `--bs-focus-ring-y`, or `--bs-focus-ring-blur`, but we provide CSS variables with fallbacks to initial `0` values
-  --#{$prefix}focus-ring-box-shadow: var(--#{$prefix}focus-ring-x, 0) var(--#{$prefix}focus-ring-y, 0) var(--#{$prefix}focus-ring-blur, 0) var(--#{$prefix}focus-ring-width) var(--#{$prefix}focus-ring-color);
-  // scss-docs-end root-focus-variables
-}
-
-@if $enable-dark-mode {
-  @include color-mode(dark, true) {
-    color-scheme: dark;
-
-    // scss-docs-start root-dark-mode-vars
-    --#{$prefix}body-color: #{$body-color-dark};
-    --#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};
-    --#{$prefix}body-bg: #{$body-bg-dark};
-    --#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)};
-
-    --#{$prefix}emphasis-color: #{$body-emphasis-color-dark};
-    --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};
-
-    --#{$prefix}secondary-color: #{$body-secondary-color-dark};
-    --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)};
-    --#{$prefix}secondary-bg: #{$body-secondary-bg-dark};
-    --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)};
-
-    --#{$prefix}tertiary-color: #{$body-tertiary-color-dark};
-    --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)};
-    --#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};
-    --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)};
-
-    @each $color, $value in $theme-colors-text-dark {
-      --#{$prefix}#{$color}-text-emphasis: #{$value};
-    }
-
-    @each $color, $value in $theme-colors-bg-subtle-dark {
-      --#{$prefix}#{$color}-bg-subtle: #{$value};
-    }
-
-    @each $color, $value in $theme-colors-border-subtle-dark {
-      --#{$prefix}#{$color}-border-subtle: #{$value};
-    }
-
-    @if $headings-color-dark != null {
-      --#{$prefix}heading-color: #{$headings-color-dark};
-    }
-
-    --#{$prefix}link-color: #{$link-color-dark};
-    --#{$prefix}link-hover-color: #{$link-hover-color-dark};
-    --#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)};
-    --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};
-
-    --#{$prefix}code-color: #{$code-color-dark};
-
-    --#{$prefix}border-color: #{$border-color-dark};
-    --#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
-    // scss-docs-end root-dark-mode-vars
-  }
-}

assets/scss/hotfix/_variables-dark.scss

@@ -1,77 +0,0 @@
-// Copied from https://github.com/twbs/bootstrap/pull/37953
-
-// Dark color mode variables
-//
-// Custom variables for the `[data-bs-theme="dark"]` theme. Use this as a starting point for your own custom color modes by creating a new theme-specific file like `_variables-dark.scss` and adding the variables you need.
-
-//
-// Global colors
-//
-
-// scss-docs-start sass-dark-mode-vars
-// scss-docs-start theme-text-dark-variables
-$primary-text-emphasis-dark:        tint-color($primary, 40%) !default;
-$secondary-text-emphasis-dark:      tint-color($secondary, 40%) !default;
-$success-text-emphasis-dark:        tint-color($success, 40%) !default;
-$info-text-emphasis-dark:           tint-color($info, 40%) !default;
-$warning-text-emphasis-dark:        tint-color($warning, 40%) !default;
-$danger-text-emphasis-dark:         tint-color($danger, 40%) !default;
-$light-text-emphasis-dark:          $gray-100 !default;
-$dark-text-emphasis-dark:           $gray-300 !default;
-// scss-docs-end theme-text-dark-variables
-
-// scss-docs-start theme-bg-subtle-dark-variables
-$primary-bg-subtle-dark:            shade-color($primary, 80%) !default;
-$secondary-bg-subtle-dark:          shade-color($secondary, 80%) !default;
-$success-bg-subtle-dark:            shade-color($success, 80%) !default;
-$info-bg-subtle-dark:               shade-color($info, 80%) !default;
-$warning-bg-subtle-dark:            shade-color($warning, 80%) !default;
-$danger-bg-subtle-dark:             shade-color($danger, 80%) !default;
-$light-bg-subtle-dark:              $gray-800 !default;
-$dark-bg-subtle-dark:               mix($gray-800, $black) !default;
-// scss-docs-end theme-bg-subtle-dark-variables
-
-// scss-docs-start theme-border-subtle-dark-variables
-$primary-border-subtle-dark:        shade-color($primary, 40%) !default;
-$secondary-border-subtle-dark:      shade-color($secondary, 40%) !default;
-$success-border-subtle-dark:        shade-color($success, 40%) !default;
-$info-border-subtle-dark:           shade-color($info, 40%) !default;
-$warning-border-subtle-dark:        shade-color($warning, 40%) !default;
-$danger-border-subtle-dark:         shade-color($danger, 40%) !default;
-$light-border-subtle-dark:          $gray-700 !default;
-$dark-border-subtle-dark:           $gray-800 !default;
-// scss-docs-end theme-border-subtle-dark-variables
-
-$body-color-dark:                   $gray-500 !default;
-$body-bg-dark:                      $gray-900 !default;
-$body-secondary-color-dark:         rgba($body-color-dark, .75) !default;
-$body-secondary-bg-dark:            $gray-800 !default;
-$body-tertiary-color-dark:          rgba($body-color-dark, .5) !default;
-$body-tertiary-bg-dark:             mix($gray-800, $gray-900, 50%) !default;
-$body-emphasis-color-dark:          $white !default;
-$border-color-dark:                 $gray-700 !default;
-$border-color-translucent-dark:     rgba($white, .15) !default;
-$headings-color-dark:               null !default;
-$link-color-dark:                   tint-color($primary, 40%) !default;
-$link-hover-color-dark:             shift-color($link-color-dark, -$link-shade-percentage) !default;
-$code-color-dark:                   tint-color($code-color, 40%) !default;
-
-
-//
-// Forms
-//
-
-$form-select-indicator-color-dark:  $body-color-dark !default;
-$form-select-indicator-dark:        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color-dark}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !default;
-
-$form-switch-color-dark:            rgba($white, .25) !default;
-$form-switch-bg-image-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color-dark}'/></svg>") !default;
-
-
-//
-// Accordion
-//
-
-$accordion-button-icon-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-emphasis-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-$accordion-button-active-icon-dark:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-emphasis-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-// scss-docs-end sass-dark-mode-vars

assets/scss/theme/fonts.scss

@@ -0,0 +1,62 @@
+/*!
+ * Copyright (c) 2016-2020 The Inter Project Authors.
+ * "Inter" is trademark of Rasmus Andersson.
+ * https://github.com/rsms/inter
+
+ * This Font Software is licensed under the SIL Open Font License, Version 1.1.
+ * This license is copied below, and is also available with a FAQ at:
+ * http://scripts.sil.org/OFL
+ */
+
+/* inter-200 - latin */
+@font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 200;
+    src: url('../fonts/inter-v12-latin-200.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/inter-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../fonts/inter-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
+         url('../fonts/inter-v12-latin-200.woff') format('woff'), /* Modern Browsers */
+         url('../fonts/inter-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
+         url('../fonts/inter-v12-latin-200.svg#Inter') format('svg'); /* Legacy iOS */
+  }
+  /* inter-300 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 300;
+    src: url('../fonts/inter-v12-latin-300.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/inter-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../fonts/inter-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+         url('../fonts/inter-v12-latin-300.woff') format('woff'), /* Modern Browsers */
+         url('../fonts/inter-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+         url('../fonts/inter-v12-latin-300.svg#Inter') format('svg'); /* Legacy iOS */
+  }
+  /* inter-regular - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    src: url('../fonts/inter-v12-latin-regular.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+         url('../fonts/inter-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
+         url('../fonts/inter-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+         url('../fonts/inter-v12-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
+  }
+  /* inter-600 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    src: url('../fonts/inter-v12-latin-600.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/inter-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../fonts/inter-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
+         url('../fonts/inter-v12-latin-600.woff') format('woff'), /* Modern Browsers */
+         url('../fonts/inter-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
+         url('../fonts/inter-v12-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
+  }

config/_default/config.toml

@@ -16,9 +16,9 @@ enableInlineShortcodes = true
 # See https://github.com/gohugoio/hugo/issues/7228#issuecomment-714490456
 ignoreErrors = ["error-remote-getjson"]
 
-# toml-docs-start build
+# toml-docs-start timeout
 timeout = "60s"
-# toml-docs-end build
+# toml-docs-end timeout
 
 # toml-docs-start language
 languageCode = "en-us"
@@ -26,6 +26,11 @@ defaultContentLanguage = "en"
 defaultContentLanguageInSubdir = true
 # toml-docs-end language
 
+# toml-docs-start build
+[build]
+  writeStats = true
+# toml-docs-end build
+  
 [taxonomies]
   tag = 'tags'
 

config/_default/menus/menus.nl.toml

@@ -47,3 +47,27 @@
   pre = "<i class=\"fab fa-medium fa-2x\"></i>"
   url = "https://medium.com/"
   weight = 30
+
+# toml-docs-start sample-navigation
+[[sample]]
+  name = "Blog"
+  url = "/blog/"
+  weight = 10
+
+[[sample]]
+  name = "Projecten"
+  url = "/projecten/"
+  weight = 20
+
+[[sample]]
+  name = "Voorbeeldproject"
+  url = "/nl/projecten/voorbeeldproject/"
+  parent = "Projecten"
+  weight = 1
+
+[[sample]]
+  name = "Ander project"
+  url = "/nl/projecten/ander-project/"
+  parent = "Projecten"
+  weight = 2
+# toml-docs-end sample-navigation

config/_default/params.toml

@@ -16,15 +16,16 @@
     sections = ["blog", "projects"]
     featurePhoto = "/img/sunrise.jpg" # source: https://unsplash.com/photos/ZX6BPboJrYk
     fullCover = false
+    style = ""
 # toml-docs-end home
 
 # toml-docs-start navigation
 [navigation]
+    anchor = true
     logo = "/img/logo_icon.svg"
     color = "body"
-    style = "light"
     fixed = true
-    offset = "4em"
+    offset = "3.8em"
     search = true
     breadcrumb = false
     toc = true
@@ -43,8 +44,9 @@
         header = "full"
         footer = "none"
         orientation = "stacked"
-        style = "border-0"
+        style = "border-0 card-zoom"
         homepage = 3
+        separator = true
     [projects]
         title = "Projects"
         sort = "title"
@@ -57,6 +59,7 @@
         orientation = "none"
         style = "border-1 card-emphasize"
         homepage = 3
+        separator = false
 # toml-docs-end list
 
 [favicon]
@@ -65,7 +68,7 @@
 
 # toml-docs-start theme-colors
 [style]
-    primary = "#D43900"
+    primary = "#d43900"
     secondary = "#6c757d"
     success = "#198754"
     info = "#0dcaf0"
@@ -77,8 +80,12 @@
     themeOpacity = "10"
 # toml-docs-start font
     themeFont = "Inter"
-    themeFontPath = "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;600&display=swap"
+    # themeFontPath = "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;600&display=swap" # external path
+    themeFontPath = "/fonts" # local path
 # toml-docs-end font
+# toml-docs-start build
+    purge = false
+# toml-docs-end build
 
 [schema]
     type = "Organization"

config/_default/server.toml

@@ -32,6 +32,11 @@ for = '/**'
         fullscreen=(), \
         payment=() \
         """
-    Cache-Control = "public, max-age=31536000"
+    cache-control = """\
+        max-age=0, \
+        no-cache, \
+        no-store, \
+        must-revalidate \
+        """
     Access-Control-Allow-Origin = "*"
 # toml-docs-end server-config

config/postcss.config.js

@@ -1,47 +1,40 @@
-const autoprefixer = require('autoprefixer');
-const purgecss = require('@fullhuman/postcss-purgecss');
-const whitelister = require('purgecss-whitelister');
-
-module.exports = {
-  plugins: [
-    autoprefixer(),
-    purgecss({
-      content: [
-        './layouts/**/*.html',
-        './content/**/*.md',
-      ],
+const autoprefixer = require('autoprefixer')({})
+const cssnano = require('cssnano')({
+  preset: 'advanced'
+})
+const whitelister = require('purgecss-whitelister')
+const purgecss = require('@fullhuman/postcss-purgecss')({
+  content: ['./hugo_stats.json'],
+  defaultExtractor: (content) => {
+    const els = JSON.parse(content).htmlElements
+    return [...(els.tags || []), ...(els.classes || []), ...(els.ids || [])]
+  },
+  dynamicAttributes: ['data-bs-theme'],
   safelist: [
-        /lazyloaded/,
-        /table/,
-        /thead/,
-        /tbody/,
-        /tr/,
-        /th/,
-        /td/,
-        /h5/,
-        /alert-link/,
-        /container-xxl/,
-        /container-fluid/,
-        /^bg-opacity-\d+/,
-        /svg.*/, 
-        /fa.*/,
-        /ratio.*/,
-        /suggestion.*/,
     ...whitelister([
-          './assets/scss/components/_blockquote.scss',
-          './assets/scss/components/_buttons.scss',
-          './assets/scss/components/_card.scss',
       './assets/scss/components/_clipboard.scss',
-          './assets/scss/components/_img.scss',
+      './assets/scss/components/_command.scss',
       './assets/scss/components/_navbar.scss',
       './assets/scss/components/_search.scss',
       './assets/scss/components/_syntax.scss',
-          './assets/scss/layouts/_reboot.scss',
-          './assets/scss/layouts/type.scss',
+      './assets/scss/components/_syntax-dark.scss',
+      './assets/scss/components/_syntax-light.scss',
+      './assets/scss/theme/fonts.scss',
+      './assets/scss/theme/theme.scss',
+      './node_modules/bootstrap/scss/_carousel.scss',
       './node_modules/bootstrap/scss/_dropdown.scss',
-          './node_modules/bootstrap/scss/_utilities.scss',
-        ]),
-      ],
-    }),
-  ],
+      './node_modules/bootstrap/scss/_reboot.scss',
+      './node_modules/bootstrap/scss/_tooltip.scss',
+      './node_modules/bootstrap/scss/_transitions.scss',
+      './node_modules/bootstrap/scss/_utilities.scss'
+    ])
+  ]
+})
+
+module.exports = {
+  plugins: [
+    autoprefixer,
+    cssnano,
+    purgecss
+  ]
 }

content/en/about.md

@@ -32,6 +32,7 @@ showComments: false
 
 Additional features include:
 
+* Switching between light mode and dark mode
 * Support for multiple languages
 * Reusable Bootstrap components through configurable shortcodes and partials
 * Embedded comments through light-weight integration with GitHub via [utteranc.es]({{< param "links.utterances" >}})

content/en/blog/bootstrap-elements.md

@@ -1,12 +1,12 @@
 ---
 author: Mark Dumay
-title: Extra shortcodes
-date: 2023-02-12
+title: Bootstrap elements
+date: 2023-02-17
 description: Use shortcodes to add common Bootstrap elements with ease.
-tags: ["code"]
-thumbnail: img/paper.jpg
-photoCredits: <a href="https://www.pexels.com/@picjumbo-com-55570/">picjumbo.com</a>
-photoSource: <a href="https://www.pexels.com/photo/blue-pen-beside-black-smartphone-on-white-paper-196646/">Pexels</a>
+tags: ["bootstrap", "shortcode"]
+thumbnail: img/boots.jpg
+photoCredits: <a href="https://unsplash.com/@nate_dumlao">Nathan Dumlao</a>
+photoSource: <a href="https://unsplash.com/photos/QLPWQvHvmII">Unsplash</a>
 ---
 
 Hinode provides several shortcodes that wrap common Bootstrap components. Refer to the [official documentation]({{< param "links.hinode_docs" >}}) for more details.
@@ -23,7 +23,7 @@ As an example, the following shortcode displays an accordion with three elements
     <code>show</code> to the <code>class</code> argument.
   {{</* /accordion-item */>}}
   {{</* accordion-item header="Accordion Item #2" */>}}
-    This is the second item's accordion body. It too supports HTML content.
+    This is the second item's accordion body. It supports HTML content too.
   {{</* /accordion-item */>}}
   {{</* accordion-item header="Accordion Item #3" */>}}
     This is the third item's accordion body.
@@ -46,7 +46,7 @@ As an example, the following shortcode displays a simple alert.
 
 ## Badge
 
-Use HTML code to display a badge for a heading. See the Bootstrap [documentation]({{< param "links.bs_badge_heading" >}}) for more options. The following example displays a badge for a heading of size four.
+Use HTML code to display a badge for a heading. See the Bootstrap [documentation]({{< param "links.bs_badge_heading" >}}) for more options.
 
 {{< example >}}
 <h1>Example heading of size one <span class="badge bg-secondary">New</span></h1>
@@ -59,7 +59,7 @@ Use HTML code to display a badge for a heading. See the Bootstrap [documentation
 
 ## Breadcrumb
 
-As an example, the following shortcode displays a breadcrumb for the current page.
+As an example, the following shortcode displays a breadcrumb for the blog page.
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
@@ -73,7 +73,7 @@ As an example, the following shortcode displays a tooltip for a dark button with
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* button color="secondary" tooltip="Click on the inbox to view your unread messages" href="#" badge="99+" */>}}
+{{</* button color="secondary" tooltip="Click on the inbox to view your unread messages" href="#!" badge="99+" */>}}
     Inbox
 {{</* /button */>}}
 {{< /example>}}
@@ -86,16 +86,16 @@ As an example, the following shortcode displays a group of three buttons.
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
 {{</* button-group aria-label="Basic example" */>}}
-  {{</* button color="primary" href="#" */>}}Left{{</* /button */>}}
-  {{</* button color="primary" href="#" */>}}Middle{{</* /button */>}}
-  {{</* button color="primary" href="#" */>}}Right{{</* /button */>}}
+  {{</* button color="primary" href="#!" */>}}Left{{</* /button */>}}
+  {{</* button color="primary" href="#!" */>}}Middle{{</* /button */>}}
+  {{</* button color="primary" href="#!" */>}}Right{{</* /button */>}}
 {{</* /button-group */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 
 ## Card
 
-As an example, the following shortcode displays a stacked card with icon that links to the [about]({{< ref "about" >}}) page. It includes a custom header and footer.
+As an example, the following shortcode displays a stacked card with icon that links to the [about]({{< ref "about" >}}) page. It includes a custom header.
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
@@ -164,6 +164,12 @@ echo "goodbye"
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 
+## Docs
+
+Use the `docs` shortcode to display the content of a `js`, `scss` or `toml` file:
+
+{{< docs name="theme-colors" file="config/_default/params.toml" >}}
+
 ## Icon
 
 As an example, the following shortcodes show a square check, a brand logo, and a circle check.
@@ -186,13 +192,34 @@ As an example, the following shortcode displays an image with rounded corners an
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 
+## Nav
+
+As an example, the following shortcode displays a tab group with vertically aligned pills.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+  {{</* nav type="pills" vertical="true" */>}}
+    {{</* nav-item header="Nav Item #1" show="true" */>}}
+      This is the first item's nav body. It supports HTML content. The item is shown by adding the value
+      <code>show</code> to the <code>class</code> argument.
+    {{</* /nav-item */>}}
+    {{</* nav-item header="Nav Item #2" */>}}
+      This is the second item's nav body. It too supports HTML content.
+    {{</* /nav-item */>}}
+    {{</* nav-item header="Nav Item #3" */>}}
+      This is the third item's nav body.
+    {{</* /nav-item */>}}
+  {{</* /nav */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
 ## Navbar
 
 As an example, the following shortcode displays a light navigation header.
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* navbar path="about" color="primary" size="sm" search="false" menus="sample" title="Brand" */>}}
+{{</* navbar path="about" color="primary" size="md" search="false" menus="sample" title="Brand" mode="false" */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 
@@ -230,7 +257,7 @@ As an example, the following shortcode displays a tooltip for a colored hyperlin
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* tooltip color="primary" title="Tooltip" href="#" */>}}
+{{</* tooltip color="primary" title="Tooltip" href="#!" */>}}
     Tooltip demonstration
 {{</* /tooltip */>}}
 {{< /example >}}

content/en/blog/code-highlighting.md

@@ -1,58 +0,0 @@
----
-author: "Mark Dumay"
-title: "Code Highlighting"
-date: 2022-04-16
-description: "Examples on how to enable code highlighting."
-tags: ["code"]
-thumbnail: img/notepad.jpg
-photoCredits: <a href="https://unsplash.com/@frederickjmedina">Frederick Medina</a>
-photoSource: <a href="https://unsplash.com/photos/PdfRE-xB--s">Unsplash</a>
----
-
-## Code Fencing
-
-Use code fencing to highlight the syntax of a specific language.
-
-```json
-{
-  "version": "0.2.0",
-  "themes": [],
-  "projects": [],
-  "configuration": {}
-}
-```
-
-```html
-<div class="highlight">
-    <pre>
-        <code>some code...</code>
-    </pre>
-</div>
-```
-
-## Highlight Shortcode
-
-Use the `highlight` shortcode to customize the layout of a specific code block.
-
-{{< highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" >}}
-// GetTitleFunc returns a func that can be used to transform a string to
-// title case.
-//
-// The supported styles are
-//
-// - "Go" (strings.Title)
-// - "AP" (see https://www.apstylebook.com/)
-// - "Chicago" (see https://www.chicagomanualofstyle.org/home.html)
-//
-// If an unknown or empty style is provided, AP style is what you get.
-func GetTitleFunc(style string) func(s string) string {
-  switch strings.ToLower(style) {
-  case "go":
-    return strings.Title
-  case "chicago":
-    return transform.NewTitleConverter(transform.ChicagoStyle)
-  default:
-    return transform.NewTitleConverter(transform.APStyle)
-  }
-}
-{{< / highlight >}}

content/en/blog/emoji-support.md

@@ -1,24 +0,0 @@
----
-author: "Hugo Authors"
-title: "Emoji Support"
-date: 2021-07-15
-description: "Guide to emoji usage in Hugo."
-tags: ["emoji"]
-# thumbnail: img/dunes.jpg
-thumbnail: https://picsum.photos/id/184/4288/2848.jpg
-photoCredits: <a href="https://unsplash.com/@timdegroot">Tim de Groot</a>
-photoSource: <a href="https://unsplash.com/photos/yNGQ830uFB4">Unsplash</a>
----
-
-Emoji can be enabled in a Hugo project in a number of ways.
-
-<!--more-->
-
-The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
-
-To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
-
-<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
-<br>
-
-The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.

content/en/blog/first-post.md

@@ -0,0 +1,14 @@
+---
+author: Mark Dumay
+title: First post
+date: 2022-10-01
+description: This is my first blog post.
+tags: ["blog"]
+thumbnail: img/notepad.jpg
+photoCredits: <a href="https://unsplash.com/@frederickjmedina">Frederick Medina</a>
+photoSource: <a href="https://unsplash.com/photos/PdfRE-xB--s">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate, ante in luctus congue, leo risus semper justo, vel consequat sapien lectus quis ipsum. In imperdiet urna justo. Nulla vel pellentesque ipsum. Cras congue feugiat dolor ac aliquam. Pellentesque eget dui venenatis, ultrices urna ac, vehicula nibh. Curabitur est lectus, dapibus eu vehicula non, malesuada et dui. Nam enim nulla, egestas et nunc non, elementum aliquet justo. Mauris euismod mauris sapien, eget vestibulum odio dictum sit amet. Morbi nisl elit, placerat at auctor in, finibus ac neque. Curabitur placerat feugiat risus non vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis cursus est, nec posuere libero.
+
+In ac lobortis diam. Curabitur id dui ac nunc mattis rhoncus a sed lorem. Sed lobortis sem turpis, at posuere enim dignissim et. Vivamus fermentum justo quis volutpat volutpat. Proin eget vehicula neque, ut tempus urna. Duis ac ex vel leo pharetra lobortis et vitae lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam erat volutpat. Suspendisse ullamcorper ultrices elementum. Suspendisse mi elit, commodo at varius a, cursus a ligula. Sed et mattis elit, eu luctus arcu. Cras a porttitor libero. Vestibulum tincidunt sed magna at dapibus. Sed quis orci eu lacus aliquam tristique. Integer porttitor ultrices ipsum quis porttitor. Etiam a sodales ligula.

content/en/blog/fourth-post.md

@@ -0,0 +1,16 @@
+---
+author: Mark Dumay
+title: Fourth post
+date: 2023-01-01
+description: This is my fourth blog post.
+tags: ["blog"]
+thumbnail: img/flowers.jpg # https://picsum.photos/id/106/2592/1728
+photoCredits: <a href="https://unsplash.com/@flutterhappy">Arvee Marie</a>
+photoSource: <a href="https://unsplash.com/photos/YnfGtpt2gf4">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam finibus libero in felis accumsan, vitae imperdiet metus vehicula. Quisque nec dignissim purus. In id dui porta sapien posuere viverra nec vel nisi. Sed varius tincidunt lectus, quis sagittis felis interdum id. Proin purus odio, ultrices auctor libero convallis, volutpat gravida turpis. Ut commodo metus orci, quis sagittis lectus rhoncus non. Nulla et lectus tortor. Suspendisse quam felis, molestie non odio quis, consequat venenatis orci. Etiam sed turpis sit amet elit scelerisque imperdiet. Sed suscipit felis non nibh suscipit egestas. Nulla sodales libero non rhoncus consequat. Nunc in elit at est cursus congue ut ac velit. Cras luctus libero augue, id semper sapien volutpat ultrices.
+
+Pellentesque sit amet sollicitudin nibh. Cras in dolor eget quam feugiat ultricies in ac lectus. Ut venenatis vitae justo quis pretium. Pellentesque vulputate nulla ac est iaculis vulputate. Proin pellentesque sem nec molestie imperdiet. Duis eu molestie sapien, vel ultricies lacus. Donec in felis tempus, rutrum ipsum at, fermentum felis. Praesent mi odio, semper non vulputate vitae, vulputate quis ex.
+
+Nunc rhoncus eleifend gravida. Aliquam feugiat tristique pellentesque. Pellentesque vel elit sed nulla commodo convallis. Curabitur placerat sapien augue, ac semper metus volutpat non. Sed semper ultricies enim, consequat convallis justo placerat eget. Ut fermentum leo facilisis metus congue commodo. Vestibulum consectetur magna vitae ullamcorper sodales. Nulla lobortis aliquam odio id tincidunt. Suspendisse efficitur auctor tortor non consequat. Quisque sit amet posuere lorem, convallis bibendum nisi. Proin ullamcorper justo tempus dignissim scelerisque. Quisque sit amet sapien libero. Phasellus eget enim velit. Proin ut fermentum dui. Proin gravida tortor in ligula lacinia, id dapibus dui tincidunt. Mauris suscipit nisi et urna consectetur, non venenatis nisi euismod.

content/en/blog/markdown-syntax.md

@@ -1,165 +0,0 @@
----
-author: Hugo Authors
-title: Markdown Syntax Guide
-description: Use Markdown syntax and basic HTML elements to style your Hugo content files.
-tags: ["markdown", "css", "html"]
-date: 2022-01-14
-thumbnail: img/phone.jpg # https://picsum.photos/id/160/3200/2119
-photoCredits: <a href="https://unsplash.com/@thomweerd">Thom</a> 
-photoSource: <a href="https://unsplash.com/photos/Zdcq3iKly6g">Unsplash</a>
----
-
-This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
-
-<!--more-->
-
-## Headings
-
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
-
-<!-- markdownlint-disable-next-line -->
-# H1
-
-## H2
-
-### H3
-
-#### H4
-
-##### H5
-
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
-
-### Blockquote without attribution
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use _Markdown syntax_ within a blockquote.
-{.blockquote}
-
-### Blockquote with attribution
-
-> Don't communicate by sharing memory, share memory by communicating.<br>
-> — <cite>Rob Pike[^1]</cite>
-{.blockquote}
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-<figure>
-  <blockquote class="blockquote">
-    <p>A well-known quote, contained in a blockquote element.</p>
-  </blockquote>
-  <figcaption class="blockquote-footer">
-    Someone famous in <cite title="Source Title">Source Title</cite>
-  </figcaption>
-</figure>
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
-| Name  | Age |
-| ----- | --- |
-| Bob   | 27  |
-| Alice | 23  |
-{.table}
-
-### Inline Markdown within tables
-
-| Italics   | Bold     | Code   |
-| --------- | -------- | ------ |
-| _italics_ | **bold** | `code` |
-{.table}
-
-## Code Blocks
-
-### Code block with backticks
-
-```html
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>Example HTML5 Document</title>
-  </head>
-  <body>
-    <p>Test</p>
-  </body>
-</html>
-```
-
-<!-- markdownlint-disable MD046 -->
-### Code block indented with four spaces
-
-    <!doctype html>
-    <html lang="en">
-    <head>
-      <meta charset="utf-8">
-      <title>Example HTML5 Document</title>
-    </head>
-    <body>
-      <p>Test</p>
-    </body>
-    </html>
-<!-- markdownlint-enable MD046 -->
-
-### Code block with Hugo's internal highlight shortcode
-
-{{< highlight html >}}
-
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-{{< /highlight >}}
-
-## List Types
-
-### Ordered List
-
-1. First item
-2. Second item
-3. Third item
-
-### Unordered List
-
-- List item
-- Another item
-- And another item
-
-### Nested list
-
-- Fruit
-  - Apple
-  - Orange
-  - Banana
-- Dairy
-  - Milk
-  - Cheese
-
-## Other Elements — abbr, sub, sup, kbd, mark
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

content/en/blog/rich-content.md

@@ -1,34 +0,0 @@
----
-author: "Hugo Authors"
-title: "Rich Content"
-date: 2021-07-13
-description: "A brief description of Hugo Shortcodes."
-tags: ["shortcode", "privacy"]
-thumbnail: img/flowers.jpg # https://picsum.photos/id/106/2592/1728
-photoCredits: <a href="https://unsplash.com/@flutterhappy">Arvee Marie</a>
-photoSource: <a href="https://unsplash.com/photos/YnfGtpt2gf4">Unsplash</a>
----
-
-Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
-
-## <!--more-->
-
-## YouTube Privacy Enhanced Shortcode
-
-{{< youtube id="ZJthWmvUzzc" class="video">}}
-
-<br>
-
----
-
-## Twitter Simple Shortcode
-
-{{< twitter_simple user="SanDiegoZoo" id="1453110110599868418" >}}
-
-<br>
-
----
-
-## Vimeo Simple Shortcode
-
-{{< vimeo_simple id="48912912" class="__h_video" >}}

content/en/blog/second-post.md

@@ -0,0 +1,16 @@
+---
+author: Mark Dumay
+title: Second post
+date: 2022-11-01
+description: This is my second blog post.
+tags: ["blog"]
+thumbnail: img/phone.jpg # https://picsum.photos/id/160/3200/2119
+photoCredits: <a href="https://unsplash.com/@thomweerd">Thom</a> 
+photoSource: <a href="https://unsplash.com/photos/Zdcq3iKly6g">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non sollicitudin sapien. Ut porttitor lectus eu tempor ultricies. Sed semper tincidunt nibh pellentesque condimentum. Vivamus dictum sem eu rhoncus semper. Vestibulum convallis congue tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris magna urna, egestas sit amet ligula quis, viverra semper arcu. Praesent laoreet nunc vitae nulla posuere facilisis.
+
+Nunc eget dignissim ex, sed lobortis leo. Suspendisse mollis posuere tellus, in viverra nunc ullamcorper vitae. Nam vel tempor arcu, in imperdiet odio. Fusce malesuada vehicula odio, in iaculis nulla congue eget. Quisque id odio id nisl facilisis posuere porta sit amet mauris. Curabitur lorem leo, tempus id rhoncus eget, placerat vitae lectus. Morbi eu aliquet enim. Nulla malesuada laoreet sodales.
+
+Nunc volutpat dui in elit euismod, sed egestas purus tristique. Nam in condimentum mauris. Praesent nec suscipit enim. Aliquam dolor ipsum, faucibus vitae purus ac, congue egestas nisi. Donec hendrerit erat eu arcu porttitor rhoncus. Nunc a odio bibendum metus semper pellentesque. Sed at sapien ut est semper eleifend. Aliquam lorem libero, porttitor nec tristique ut, auctor vitae ipsum. Suspendisse pretium pharetra rutrum. Nulla tincidunt tempus enim eu sagittis. Maecenas pulvinar metus a urna mattis dictum sed id tellus.

content/en/blog/third-post.md

@@ -0,0 +1,16 @@
+---
+author: Mark Dumay
+title: Third post
+date: 2022-12-01
+description: This is my third blog post.
+tags: ["blog"]
+thumbnail: https://picsum.photos/id/184/4288/2848.jpg
+photoCredits: <a href="https://unsplash.com/@timdegroot">Tim de Groot</a>
+photoSource: <a href="https://unsplash.com/photos/yNGQ830uFB4">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id scelerisque ligula. Vestibulum eu lorem tortor. Suspendisse tristique ultrices mauris, non maximus lorem faucibus in. Suspendisse sagittis eleifend dapibus. Curabitur dignissim luctus sapien eu consequat. Proin congue dui vel ipsum bibendum varius. Pellentesque cursus nisi metus, egestas eleifend ipsum sollicitudin vitae. Sed vitae erat elementum, semper turpis sed, molestie nulla.
+
+Nulla molestie ultrices vehicula. Etiam iaculis, erat a blandit blandit, nulla tellus dapibus ligula, vitae venenatis turpis diam non felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae arcu in justo iaculis egestas. In imperdiet arcu vitae pharetra commodo. Quisque ut erat eget nisl semper laoreet vitae eget ligula. Mauris bibendum purus nec vulputate faucibus. In luctus sagittis ante, quis laoreet orci bibendum vitae. Nam at odio accumsan, tincidunt eros at, lacinia metus. In et ultricies sapien, a mollis est. Nunc convallis orci eu tristique euismod. Proin vel ullamcorper diam. Quisque et semper orci. Proin pharetra lorem justo, id malesuada erat feugiat sit amet. Praesent bibendum mi at lorem volutpat suscipit. Morbi sed libero elit.
+
+Nunc sodales est eu ipsum volutpat, in mollis dui facilisis. Nulla faucibus interdum lectus, a condimentum elit vulputate eu. Nunc ipsum risus, suscipit sit amet nulla ac, pulvinar maximus nulla. In venenatis diam erat, non elementum ante dignissim posuere. Aliquam sem justo, luctus at vestibulum ut, egestas ut quam. Quisque a dolor viverra, aliquam nunc vel, lacinia nulla. In id magna magna. Morbi dapibus pretium sollicitudin. Morbi volutpat augue at felis tristique, quis euismod tellus vulputate. Morbi dui lacus, aliquam eget quam vel, vestibulum faucibus enim. Proin porta pretium metus id venenatis. Aliquam nec tempor lorem. Vivamus euismod est varius sagittis placerat. Maecenas tincidunt elementum libero, at imperdiet elit feugiat vel.

content/nl/about.md

@@ -1,14 +1,12 @@
 ---
-slug: "over-mij"
-title: "Over mij"
-description: "Een blog thema voor Hugo gebaseerd op Bootstrap 5."
-date: "2022-04-11"
+slug: over-mij
+title: Over mij
+description: Een blog en documentatie thema voor Hugo gebaseerd op Bootstrap 5.
+date: 2023-02-17
 showComments: false
 ---
 
-<p class="text-center"><img src="/img/logo_embedded.svg" class="img-fluid w-50" alt="Logo"></p>
-
-<center>Hinode is een blog thema voor Hugo, een open-source statische website generator.</center>
+<p class="text-center"><svg class="img-fluid w-50"><use href="/img/logo_var.svg#logo"></use></svg></p>
 
 <section class="section section-sm mt-5">
   <div class="container-fluid">
@@ -35,13 +33,15 @@ showComments: false
 
 Overige functies:
 
-* Reacties
-* Sociale links
-* Paginering
-* Scrollspy
-* Code markeren
-* Kleuren aanpassen
-* Internationalisering
+* Omschakelen tussen donkere en lichte modus
+* Ondersteuning voor meerdere talen
+* Herbruikbare Bootstrap componenten via shortcodes en partials
+* Integreren van commentaar via [utteranc.es]({{< param "links.utterances" >}})
+* Secundaire navigatie voor bijvoorbeeld documentatie
+* Optimalisering van foto's voor meerdere schermafmetingen en resoluties
+* Optimale zoekresultaten, met 100 punten voor SEO volgens [PageSpeed Insights]({{< param "links.pagespeed" >}})
+* Veilige communicatie, met een score van A+ volgens [Mozilla Observatory]({{< param "links.observatory" >}})
+{.tickmark}
 
 Hinode is geinspireerd door de volgende thema's:
 

content/nl/blog/_index.md

@@ -1,4 +1,4 @@
 ---
-author: Katheryn Fox
+author: Mark Dumay
 title: Blog
 ---

content/nl/blog/bootstrap-elements.md

@@ -0,0 +1,243 @@
+---
+author: Mark Dumay
+title: Bootstrap elementen
+date: 2023-02-17
+description: Gebruik shortcodes om eenvoudig Bootstrap elementen toe te voegen.
+tags: ["bootstrap", "shortcode"]
+thumbnail: img/boots.jpg
+photoCredits: <a href="https://unsplash.com/@nate_dumlao">Nathan Dumlao</a>
+photoSource: <a href="https://unsplash.com/photos/QLPWQvHvmII">Unsplash</a>
+---
+
+Hinode beschikt over meerdere shortcodes om eenvoudig Bootstrap elementen toe te voegen aan je website. De [officiële documentatie]({{< param "links.hinode_docs" >}}) bevat meer details.
+
+## Accordion
+
+De volgende shortcode toont een accordion met drie elementen, waarvan de eerste is uitgeklapt.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* accordion */>}}
+  {{</* accordion-item header="Accordion Item #1" show="true" */>}}
+    Dit is de inhoud van het eerste element met ondersteuning voor HTML. De waarde <code>show</code>
+    voor het argument <code>class</code> geeft aan dat het element uitgeklapt moet worden.
+  {{</* /accordion-item */>}}
+  {{</* accordion-item header="Accordion Item #2" */>}}
+    Dit is de inhoud van het tweede element. Het ondersteunt ook HTML.
+  {{</* /accordion-item */>}}
+  {{</* accordion-item header="Accordion Item #3" */>}}
+    Dit is de inhoud van het derde element.
+  {{</* /accordion-item */>}}
+{{</* /accordion */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Alert
+
+De volgende shortcode toont een waarschuwing.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* alert color="danger" dismissible="true" */>}}
+    Een eenvoudige waarschuwing
+{{</* /alert */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Badge
+
+Gebruik HTML code om een label toe te voegen aan een titel. De Bootstrap [documentatie]({{< param "links.bs_badge_heading" >}}) beschrijft meer opties.
+
+{{< example >}}
+<h1>Voorbeeldtekst met grootte één <span class="badge bg-secondary">Nieuw</span></h1>
+<h2>Voorbeeldtekst met grootte twee <span class="badge bg-secondary">Nieuw</span></h2>
+<h3>Voorbeeldtekst met grootte drie <span class="badge bg-secondary">Nieuw</span></h3>
+<h4>Voorbeeldtekst met grootte vier <span class="badge bg-secondary">Nieuw</span></h4>
+<h5>Voorbeeldtekst met grootte vijf <span class="badge bg-secondary">Nieuw</span></h5>
+<h6>Voorbeeldtekst met grootte zes <span class="badge bg-secondary">Nieuw</span></h6>
+{{< /example >}}
+
+## Breadcrumb
+
+De volgende shortcode toont het navigatiepad voor de blog pagina.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* breadcrumb path="blog" */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Button
+
+De volgende shortcode toont een knop met een label en een aanwijzing.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* button color="secondary" tooltip="Toon je ongelezen berichten" href="#!" badge="99+" */>}}
+    Inbox
+{{</* /button */>}}
+{{< /example>}}
+<!-- markdownlint-enable MD037 -->
+
+## Button group
+
+De volgende shortcode toont een groep van drie knoppen.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* button-group aria-label="Basic example" */>}}
+  {{</* button color="primary" href="#!" */>}}Links{{</* /button */>}}
+  {{</* button color="primary" href="#!" */>}}Midden{{</* /button */>}}
+  {{</* button color="primary" href="#!" */>}}Rechts{{</* /button */>}}
+{{</* /button-group */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Card
+
+De volgende shortcode toont een kaart met een icoon dat linkt naar de [over mij]({{< ref "about" >}}) pagina. De kaart bevat een titel.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* card path="about" padding="3" class="w-50" color="light" header="publication" footer="none" */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Carousel
+
+De volgende shortcode toont een carousel met drie pagina's, in een verhouding van 16x9 voor een breedte van 67% op grotere schermen.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* carousel ratio="16x9" class="col-sm-12 col-lg-8 mx-auto" */>}}
+  {{</* img src="img/coffee.jpg" caption="pagina 1" */>}}
+  {{</* img src="img/phone.jpg" caption="pagina 2" */>}}
+  {{</* img src="img/dunes.jpg" caption="pagina 3" */>}}
+{{</* /carousel */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Collapse
+
+De volgende shortcode toont een knop die een informatiepaneel toont of verbergt.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* button collapse="collapse-1" */>}}
+    Trigger panel
+{{</* /button */>}}
+
+{{</* collapse id="collapse-1" class="p-3 border rounded" */>}}
+    Dit is een voorbeeldtekst. Het informatiepaneel is <i>standaard verborgen </i> maar wordt getoond als
+    de gebruiker op de bijbehorende knop drukt.
+{{</* /collapse */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Command prompt
+
+De volgende shortcode toont een prompt voor bash.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* command */>}}
+export MY_VAR=123
+{{</* /command */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+Voeg  `user` en `host` om de gebruikerscontext op te geven. Als aanvulling, `(out)` definieert een outputregel en `\` is een markering die aangeeft dat de regel doorgaat op de volgende regel.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* command user="user" host="localhost" */>}}
+export MY_VAR=123
+echo "hello"
+(out)hello
+echo one \
+two \
+three
+(out)one two three
+echo "goodbye"
+(out)goodbye
+{{</* /command */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Docs
+
+Gebruik de volgende shortcode om de inhoud van een `toml` of `scss` bestand te tonen.
+
+{{< docs name="theme-colors" file="config/_default/params.toml" >}}
+
+## Icon
+
+De volgende shortcodes tonen drie verschillende iconen:
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* fa square-check */>}}
+{{</* fab linkedin */>}}
+{{</* fas circle-check */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Image
+
+De volgende shortcode toont een plaatje met afgeronde hoeken en een 21x9 verhouding.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* image src="img/flowers.jpg" ratio="21x9" caption="Onderschrift" class="rounded" */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Navbar
+
+De volgende shortcode toont een navigatiemenu.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* navbar path="about" color="primary" size="md" search="false" menus="sample" title="Brand" mode="false" */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Spinner
+
+De volgende shortcode toont een ronddraaiende cirkel.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* spinner color="info" class="text-center" */>}}
+Loading...
+{{</* /spinner */>}}
+{{< /example>}}
+<!-- markdownlint-enable MD037 -->
+
+## Toast
+
+De volgende shortcode toont een knop die een bericht laat verschijnen op het scherm.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* button id="toastButton" */>}}
+    Toon bericht
+{{</* /button */>}}
+
+{{</* toast header="Titel" */>}}
+    Dit is een bericht.
+{{</* /toast */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Tooltip
+
+De volgende shortcode toont een uitleg voor een gekleurde link.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* tooltip color="primary" title="Tooltip" href="#!" */>}}
+    Tooltip demonstration
+{{</* /tooltip */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->

content/nl/blog/code-highlighting.md

@@ -1,60 +0,0 @@
----
-author: "Mark Dumay"
-slug: "code-markeren"
-title: "Code markeren"
-date: 2022-04-16
-description: "Voorbeelden om de syntax van een taal te markeren."
-tags: ["code"]
-thumbnail: img/notepad.jpg
-photoCredits: <a href="https://unsplash.com/@frederickjmedina">Frederick Medina</a>
-# credits: Photo by <a href="https://unsplash.com/@frederickjmedina">Frederick Medina</a> on <a href="https://unsplash.com/photos/PdfRE-xB--s">Unsplash</a>
-photoSource: <a href="https://unsplash.com/photos/PdfRE-xB--s">Unsplash</a>
----
-
-## Code Fencing
-
-Gebruik code fencing om de syntax voor een specifieke taal te markeren.
-
-```json
-{
-  "version": "0.2.0",
-  "themes": [],
-  "projects": [],
-  "configuration": {}
-}
-```
-
-```html
-<div class="highlight">
-    <pre>
-        <code>some code...</code>
-    </pre>
-</div>
-```
-
-## Highlight Shortcode
-
-Gebruik de `highlight` shortcode om de lay-out van een taalfragment aan te passen.
-
-{{< highlight go "linenos=table,hl_lines=8 15-17,linenostart=199" >}}
-// GetTitleFunc returns a func that can be used to transform a string to
-// title case.
-//
-// The supported styles are
-//
-// - "Go" (strings.Title)
-// - "AP" (see https://www.apstylebook.com/)
-// - "Chicago" (see https://www.chicagomanualofstyle.org/home.html)
-//
-// If an unknown or empty style is provided, AP style is what you get.
-func GetTitleFunc(style string) func(s string) string {
-  switch strings.ToLower(style) {
-  case "go":
-    return strings.Title
-  case "chicago":
-    return transform.NewTitleConverter(transform.ChicagoStyle)
-  default:
-    return transform.NewTitleConverter(transform.APStyle)
-  }
-}
-{{< / highlight >}}

content/nl/blog/custom-shortcodes.md

@@ -1,204 +0,0 @@
----
-author: "Mark Dumay"
-title: "Extra shortcodes"
-date: 2022-12-05
-modified: 2022-12-31
-description: "Beschikbare shortcodes die gebruik maken van Bootstrap componenten en vormgeving."
-tags: ["bootstrap", "shortcode"]
-thumbnail: img/boots.jpg
-photoCredits: <a href="https://unsplash.com/@nate_dumlao">Nathan Dumlao</a>
-photoSource: <a href="https://unsplash.com/photos/QLPWQvHvmII">Unsplash</a>
----
-
-Bootstrap is een open-source raamwerk voor het ontwikkelen van websites gemaakt door Twitter. Het volgt een aanpak die geschikt is voor meerdere schermformaten, inclusief mobiele apparaten. Bootstrap bevat een uitgebreide collectie van direct bruikbare componenten, zoals navigatiemenu's, paginering, knoppen, en nog veel meer. Om het gebruik hiervan in markdown pagina's te vergemakkelijken, stelt Hinode enkele van deze componenten beschikbaar als Hugo shortcode. De onderstaande paragrafen bieden een overzicht en uitleg van de beschikbare shortcodes.
-
-## Carousel Shortcode
-
-Gebruik de `carousel` shortcode om een carousel van meerdere plaatjes te tonen, analoog aan de [Image Shortcode](#image-shortcode). De shortcode ondersteunt de volgende parameters:
-
-| Parameter | Verplicht | Toelichting |
-|-----------|-----------|-------------|
-| ratio     | Nee       | Verhouding van het plaatje, de mogelijke waarden zijn "1x1", "4x3" (standaard), "16x9", en "21x9". |
-| class     | Nee       | Optionele `class` waarde van het `carousel` element, bijvoorbeeld "w-75". |
-{.table}
-
-Voeg een `img` element toe voor elke pagina van de carousel. Het `img` element ondersteunt de volgende parameters:
-
-| Parameter | Verplicht | Toelichting |
-|-----------|-----------|-------------|
-| src       | Ja        | Verplichte url van het plaatje, bijvoorbeeld "img/boots.jpg" of "https://picsum.photos/id/27/3264/1836". |
-| caption   | Nee       | Optionele beschrijving van het plaatje. Het plaatje wordt iets donkerder gemaakt om het contrast te verhogen. Op kleinere schermen wordt de beschrijving weggelaten. |
-{.table}
-
-Ter illustratie toont de volgende shortcode een carousel met drie pagina's in een verhouding van 16x9 en een relatieve breedte van 67% voor grote schermen.
-
-```html
-{{</* carousel ratio="16x9" class="col-sm-12 col-lg-8 mx-auto" */>}}
-  {{</* img src="img/coffee.jpg" caption="slide 1" */>}}
-  {{</* img src="img/phone.jpg" caption="slide 2" */>}}
-  {{</* img src="img/dunes.jpg" caption="slide 3" */>}}
-{{</* /carousel */>}}
-```
-
-Het resultaat ziet er als volgt uit:
-{{< carousel ratio="16x9" class="col-sm-12 col-lg-8 mx-auto" >}}
-  {{< img src="img/coffee.jpg" caption="slide 1" >}}
-  {{< img src="img/phone.jpg" caption="slide 2" >}}
-  {{< img src="img/dunes.jpg" caption="slide 3" >}}
-{{< /carousel >}}
-
-## Command Prompt Shortcode
-
-De `command` shortcode simuleert een terminal voor `bash`, `powershell` of `sql` shell talen. De shortcode ondersteunt de volgende parameters:
-
-| Parameter | Verplicht | Toelichting |
-|-----------|----------|-------------|
-| user      | Nee | Optionele gebruiker om toe te voegen aan de prompt, bijvoorbeeld "user". |
-| host      | Nee | Optionele omgeving om toe te voegen aan de prompt, bijvoorbeeld "localhost". |
-| prompt    | Nee | Optionele vervanging van de prompt, bijvoorbeeld "PS C:\Users\User>". |
-| shell     | Nee | Type shell, met ondersteuning voor "bash" (standaard), "powershell", of "sql". |
-{.table}
-
-### Bash (standaard shell)
-
-Gebruik de `command` shortcode om een bash terminal te simuleren.
-
-```html
-{{%/* command */%}}
-export MY_VAR=123
-{{%/* /command */%}}
-```
-
-Het resultaat ziet er als volgt uit:
-{{% command %}}
-export MY_VAR=123
-{{% /command %}}
-
-Gebruik `user` en `host` om de gebruikerscontext mee te geven aan de prompt. Maak daarnaast gebruik van `(out)` om output aan te geven, met `\` als markering van een bijbehorende regel.
-
-```html
-{{%/* command user="user" host="localhost" */%}}
-export MY_VAR=123
-echo "hello"
-(out)hello
-echo one \
-two \
-three
-(out)one two three
-echo "goodbye"
-(out)goodbye
-{{%/* /command */%}}
-```
-
-Het resultaat ziet er als volgt uit:
-{{% command user="user" host="localhost" %}}
-export MY_VAR=123
-echo "hello"
-(out)hello
-echo one \
-two \
-three
-(out)one two three
-echo "goodbye"
-(out)goodbye
-{{% /command %}}
-
-### PowerShell
-
-Geef `powershell` op als waarde voor het argument `shell` om een PowerShell terminal te simuleren. Je kunt `prompt` aanpassen om een eventule directory aan te geven. Het backtick `` ` `` symbool geeft aan dat het commando doorgaat op de volgende regel.
-
-```html
-{{%/* command prompt="PS C:\Users\User>" shell="powershell" */%}}
-Write-Host `
-'Hello' `
-'from' `
-'PowerShell!'
-(out)Hello from PowerShell!
-Write-Host 'Goodbye from PowerShell!'
-(out)Goodbye from PowerShell!
-{{%/* /command */%}}
-```
-
-Het resultaat ziet er als volgt uit:
-{{% command prompt="PS C:\Users\User>" shell="powershell" %}}
-Write-Host `
-'Hello' `
-'from' `
-'PowerShell!'
-(out)Hello from PowerShell!
-Write-Host 'Goodbye from PowerShell!'
-(out)Goodbye from PowerShell!
-{{% /command %}}
-
-### SQL
-
-Geef `sql` op als waarde voor het argument `shell` om een SQL terminal te simuleren. Gebruik `(con)` als markering van een bijbehorende regel.
-
-```html
-{{%/* command prompt="mysql>" shell="sql" */%}}
-set @my_var = 'foo';
-set @my_other_var = 'bar';
-CREATE TABLE people ((con)
-first_name VARCHAR(30) NOT NULL,(con)
-last_name VARCHAR(30) NOT NULL(con)
-);
-(out)Query OK, 0 rows affected (0.09 sec)
-insert into people(con)
-values ('John', 'Doe');
-(out)Query OK, 1 row affected (0.02 sec)
-select *(con)
-from people(con)
-order by last_name;
-(out)+------------+-----------+
-(out)| first_name | last_name |
-(out)+------------+-----------+
-(out)| John       | Doe       |
-(out)+------------+-----------+
-(out)1 row in set (0.00 sec)
-{{%/* /command */%}}
-```
-
-Het resultaat ziet er als volgt uit:
-{{% command prompt="mysql>" shell="sql" %}}
-set @my_var = 'foo';
-set @my_other_var = 'bar';
-CREATE TABLE people ((con)
-first_name VARCHAR(30) NOT NULL,(con)
-last_name VARCHAR(30) NOT NULL(con)
-);
-(out)Query OK, 0 rows affected (0.09 sec)
-insert into people(con)
-values ('John', 'Doe');
-(out)Query OK, 1 row affected (0.02 sec)
-select *(con)
-from people(con)
-order by last_name;
-(out)+------------+-----------+
-(out)| first_name | last_name |
-(out)+------------+-----------+
-(out)| John       | Doe       |
-(out)+------------+-----------+
-(out)1 row in set (0.00 sec)
-{{% /command %}}
-
-## Image Shortcode
-
-Gebruik de `image` shortcode om een adaptief plaatje met een specifieke verhouding te tonen. De bron kan verwijzen naar een bestand in de `/assets/img` folder van je website of naar een publieke weblocatie. De shortcode genereert het plaatje als een zogenaamde [image set]({{< param "links.mozilla_image" >}}) om deze te optimaliseren voor meerdere schermformaten en verschillende resoluties. Achter de schermen converteert Hugo de plaatjes naar een `WebP` bestandsformaat en slaat deze op in een lokale folder (`resources` of `public`). De kwaliteit van het plaatje kan worden opgegeven in de sectie `[imaging]` van de site [configuratie]({{< param "links.hugo_imaging" >}}) (75 is de standaardwaarde). De geschikte bestandsformaten zijn `.png`, `.jpeg`, `.gif`, `.tiff`, `.bmp` en `.webp`. Een plaatje in het formaat `.jpeg` is beschikbaar voor oudere browsers. De shortcode ondersteunt de volgende parameters:
-
-| Parameter | Verplicht | Toelichting |
-|-----------|----------|-------------|
-| src       | Ja  | Verplichte url van het plaatje, bijvoorbeeld "img/boots.jpg" of "https://picsum.photos/id/27/3264/1836". |
-| ratio     | Nee | Verhouding van het plaatje, de mogelijke waarden zijn "1x1", "4x3", "16x9", en "21x9". Indien opgegeven wordt het plaatje bijgesneden en verkleind om te voldoen aan de ratio. Als de verhouding niet is opgegeven dan wordt de verhouding van het originele bestand gebruikt. |
-| class     | Nee | Optionele `class` waarde van het `img` element, bijvoorbeeld "rounded". |
-| title     | Nee | Optionele beschrijving van het plaatje. |
-| caption   | Nee | Optioneel onderschrift van het plaatje. |
-{.table}
-
-Ter illustratie toont de volgende shortcode een plaatje met afgeronde hoeken en een verhouding van 21x9.
-
-```html
-{{</* image src="img/flowers.jpg" ratio="21x9" caption="Onderschrift" class="rounded" */>}}
-```
-
-Het resultaat ziet er als volgt uit:
-{{< image src="img/flowers.jpg" ratio="21x9" caption="Onderschrift" class="rounded">}}

content/nl/blog/emoji-support.md

@@ -1,25 +0,0 @@
----
-author: "Hugo Authors"
-slug: "emoji-ondersteuning"
-title: "Emoji ondersteuning"
-date: 2021-07-15
-description: "Gids voor het gebruik van emoji met Hugo."
-tags: ["emoji"]
-# thumbnail: img/dunes.jpg
-thumbnail: https://picsum.photos/id/184/4288/2848.jpg
-photoCredits: <a href="https://unsplash.com/@timdegroot">Tim de Groot</a>
-photoSource: <a href="https://unsplash.com/photos/yNGQ830uFB4">Unsplash</a>
----
-
-Je kunt op meerdere manieren emoji gebruiken binnen Hugo.
-
-<!--more-->
-
-Je kunt de [`emojify`](https://gohugo.io/functions/emojify/) functie direct aanroepen vanuit een template of [Inline Shortcode](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
-
-Zet de waarde `enableEmoji` op `true` in de globale [configuratie](https://gohugo.io/getting-started/configuration/) om emoji direct te kunnen gebruiken in content, bijvoorbeeld:
-
-<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
-<br>
-
-De [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) geeft een handig overzicht van alle beschikbare emoji codes.

content/nl/blog/first-post.md

@@ -0,0 +1,14 @@
+---
+author: Mark Dumay
+title: Eerste artikel
+date: 2022-10-01
+description: Dit is mijn eerste artikel.
+tags: ["blog"]
+thumbnail: img/notepad.jpg
+photoCredits: <a href="https://unsplash.com/@frederickjmedina">Frederick Medina</a>
+photoSource: <a href="https://unsplash.com/photos/PdfRE-xB--s">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate, ante in luctus congue, leo risus semper justo, vel consequat sapien lectus quis ipsum. In imperdiet urna justo. Nulla vel pellentesque ipsum. Cras congue feugiat dolor ac aliquam. Pellentesque eget dui venenatis, ultrices urna ac, vehicula nibh. Curabitur est lectus, dapibus eu vehicula non, malesuada et dui. Nam enim nulla, egestas et nunc non, elementum aliquet justo. Mauris euismod mauris sapien, eget vestibulum odio dictum sit amet. Morbi nisl elit, placerat at auctor in, finibus ac neque. Curabitur placerat feugiat risus non vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis cursus est, nec posuere libero.
+
+In ac lobortis diam. Curabitur id dui ac nunc mattis rhoncus a sed lorem. Sed lobortis sem turpis, at posuere enim dignissim et. Vivamus fermentum justo quis volutpat volutpat. Proin eget vehicula neque, ut tempus urna. Duis ac ex vel leo pharetra lobortis et vitae lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam erat volutpat. Suspendisse ullamcorper ultrices elementum. Suspendisse mi elit, commodo at varius a, cursus a ligula. Sed et mattis elit, eu luctus arcu. Cras a porttitor libero. Vestibulum tincidunt sed magna at dapibus. Sed quis orci eu lacus aliquam tristique. Integer porttitor ultrices ipsum quis porttitor. Etiam a sodales ligula.

content/nl/blog/fourth-post.md

@@ -0,0 +1,16 @@
+---
+author: Mark Dumay
+title: Vierde artikel
+date: 2023-01-01
+description: Dit is mijn vierde artikel.
+tags: ["blog"]
+thumbnail: img/flowers.jpg # https://picsum.photos/id/106/2592/1728
+photoCredits: <a href="https://unsplash.com/@flutterhappy">Arvee Marie</a>
+photoSource: <a href="https://unsplash.com/photos/YnfGtpt2gf4">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam finibus libero in felis accumsan, vitae imperdiet metus vehicula. Quisque nec dignissim purus. In id dui porta sapien posuere viverra nec vel nisi. Sed varius tincidunt lectus, quis sagittis felis interdum id. Proin purus odio, ultrices auctor libero convallis, volutpat gravida turpis. Ut commodo metus orci, quis sagittis lectus rhoncus non. Nulla et lectus tortor. Suspendisse quam felis, molestie non odio quis, consequat venenatis orci. Etiam sed turpis sit amet elit scelerisque imperdiet. Sed suscipit felis non nibh suscipit egestas. Nulla sodales libero non rhoncus consequat. Nunc in elit at est cursus congue ut ac velit. Cras luctus libero augue, id semper sapien volutpat ultrices.
+
+Pellentesque sit amet sollicitudin nibh. Cras in dolor eget quam feugiat ultricies in ac lectus. Ut venenatis vitae justo quis pretium. Pellentesque vulputate nulla ac est iaculis vulputate. Proin pellentesque sem nec molestie imperdiet. Duis eu molestie sapien, vel ultricies lacus. Donec in felis tempus, rutrum ipsum at, fermentum felis. Praesent mi odio, semper non vulputate vitae, vulputate quis ex.
+
+Nunc rhoncus eleifend gravida. Aliquam feugiat tristique pellentesque. Pellentesque vel elit sed nulla commodo convallis. Curabitur placerat sapien augue, ac semper metus volutpat non. Sed semper ultricies enim, consequat convallis justo placerat eget. Ut fermentum leo facilisis metus congue commodo. Vestibulum consectetur magna vitae ullamcorper sodales. Nulla lobortis aliquam odio id tincidunt. Suspendisse efficitur auctor tortor non consequat. Quisque sit amet posuere lorem, convallis bibendum nisi. Proin ullamcorper justo tempus dignissim scelerisque. Quisque sit amet sapien libero. Phasellus eget enim velit. Proin ut fermentum dui. Proin gravida tortor in ligula lacinia, id dapibus dui tincidunt. Mauris suscipit nisi et urna consectetur, non venenatis nisi euismod.

content/nl/blog/markdown-syntax.md

@@ -1,15 +0,0 @@
----
-author: "Hugo Authors"
-slug: "markdown-syntax-handleiding"
-title: "Markdown syntax handleiding"
-description: "Een voorbeeldartikel die het gebruik van Markdown illustreert."
-tags: ["markdown", "css", "html"]
-date: 2022-01-14
-thumbnail: img/phone.jpg # https://picsum.photos/id/160/3200/2119
-photoCredits: <a href="https://unsplash.com/@thomweerd">Thom</a> 
-photoSource: <a href="https://unsplash.com/photos/Zdcq3iKly6g">Unsplash</a>
----
-
-Nunc porta nisi ac massa tincidunt, ac facilisis magna faucibus. Nullam consectetur luctus ante, sed venenatis quam malesuada id. Curabitur tempus semper elit, in euismod justo vestibulum nec. Nulla luctus, arcu non venenatis posuere, sapien dolor interdum massa, eget feugiat ipsum nulla sed orci. Vivamus sit amet gravida diam. Morbi aliquam urna et congue tincidunt. Vestibulum tincidunt libero non dolor viverra, non malesuada nisl ultricies. Fusce venenatis justo non nisl pretium auctor. Aliquam fermentum metus sem, porttitor auctor diam elementum a. Phasellus vel ornare ante. Nunc blandit dictum rhoncus.
-
-Proin sagittis felis sed euismod interdum. Duis pellentesque tempus leo non luctus. Integer convallis ultricies rhoncus. Donec eu mauris eget justo dictum efficitur imperdiet et nibh. Sed ornare enim eros, et ornare sem accumsan sodales. Maecenas pellentesque sollicitudin massa quis varius. Integer et tempor arcu. Curabitur vitae varius metus, at luctus massa. Pellentesque fringilla neque congue ultricies fermentum. Curabitur vulputate eros eget eros pharetra dignissim. Morbi pulvinar iaculis tincidunt.

content/nl/blog/rich-content.md

@@ -1,35 +0,0 @@
----
-author: "Hugo Authors"
-slug: "multimedia"
-title: "Multimedia"
-date: 2021-07-13
-description: "Een overzicht van enkele Hugo Shortcodes."
-tags: ["shortcode", "privacy"]
-thumbnail: img/flowers.jpg # https://picsum.photos/id/106/2592/1728
-photoCredits: <a href="https://unsplash.com/@flutterhappy">Arvee Marie</a>
-photoSource: <a href="https://unsplash.com/photos/YnfGtpt2gf4">Unsplash</a>
----
-
-Hugo biedt diverse [shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) voor het toevoegen van multimedia, inclusief een [privacy configuratie](https://gohugo.io/about/hugo-and-gdpr/) en een verzameling van eenvoudige shortcodes voor het toevoegen van statische en no-JS versies van diverse sociale media.
-
-## <!--more-->
-
-## YouTube Privacy Enhanced Shortcode
-
-{{< youtube id="ZJthWmvUzzc" class="video">}}
-
-<br>
-
----
-
-## Twitter Simple Shortcode
-
-{{< twitter_simple user="SanDiegoZoo" id="1453110110599868418" >}}
-
-<br>
-
----
-
-## Vimeo Simple Shortcode
-
-{{< vimeo_simple id="48912912" class="__h_video" >}}

content/nl/blog/second-post.md

@@ -0,0 +1,16 @@
+---
+author: Mark Dumay
+title: Tweede artikel
+date: 2022-11-01
+description: Dit is mijn tweede artikel.
+tags: ["blog"]
+thumbnail: img/phone.jpg # https://picsum.photos/id/160/3200/2119
+photoCredits: <a href="https://unsplash.com/@thomweerd">Thom</a> 
+photoSource: <a href="https://unsplash.com/photos/Zdcq3iKly6g">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non sollicitudin sapien. Ut porttitor lectus eu tempor ultricies. Sed semper tincidunt nibh pellentesque condimentum. Vivamus dictum sem eu rhoncus semper. Vestibulum convallis congue tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris magna urna, egestas sit amet ligula quis, viverra semper arcu. Praesent laoreet nunc vitae nulla posuere facilisis.
+
+Nunc eget dignissim ex, sed lobortis leo. Suspendisse mollis posuere tellus, in viverra nunc ullamcorper vitae. Nam vel tempor arcu, in imperdiet odio. Fusce malesuada vehicula odio, in iaculis nulla congue eget. Quisque id odio id nisl facilisis posuere porta sit amet mauris. Curabitur lorem leo, tempus id rhoncus eget, placerat vitae lectus. Morbi eu aliquet enim. Nulla malesuada laoreet sodales.
+
+Nunc volutpat dui in elit euismod, sed egestas purus tristique. Nam in condimentum mauris. Praesent nec suscipit enim. Aliquam dolor ipsum, faucibus vitae purus ac, congue egestas nisi. Donec hendrerit erat eu arcu porttitor rhoncus. Nunc a odio bibendum metus semper pellentesque. Sed at sapien ut est semper eleifend. Aliquam lorem libero, porttitor nec tristique ut, auctor vitae ipsum. Suspendisse pretium pharetra rutrum. Nulla tincidunt tempus enim eu sagittis. Maecenas pulvinar metus a urna mattis dictum sed id tellus.

content/nl/blog/third-post.md

@@ -0,0 +1,16 @@
+---
+author: Mark Dumay
+title: Derde artikel
+date: 2022-12-01
+description: Dit is mijn derde artikel.
+tags: ["blog"]
+thumbnail: https://picsum.photos/id/184/4288/2848.jpg
+photoCredits: <a href="https://unsplash.com/@timdegroot">Tim de Groot</a>
+photoSource: <a href="https://unsplash.com/photos/yNGQ830uFB4">Unsplash</a>
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id scelerisque ligula. Vestibulum eu lorem tortor. Suspendisse tristique ultrices mauris, non maximus lorem faucibus in. Suspendisse sagittis eleifend dapibus. Curabitur dignissim luctus sapien eu consequat. Proin congue dui vel ipsum bibendum varius. Pellentesque cursus nisi metus, egestas eleifend ipsum sollicitudin vitae. Sed vitae erat elementum, semper turpis sed, molestie nulla.
+
+Nulla molestie ultrices vehicula. Etiam iaculis, erat a blandit blandit, nulla tellus dapibus ligula, vitae venenatis turpis diam non felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae arcu in justo iaculis egestas. In imperdiet arcu vitae pharetra commodo. Quisque ut erat eget nisl semper laoreet vitae eget ligula. Mauris bibendum purus nec vulputate faucibus. In luctus sagittis ante, quis laoreet orci bibendum vitae. Nam at odio accumsan, tincidunt eros at, lacinia metus. In et ultricies sapien, a mollis est. Nunc convallis orci eu tristique euismod. Proin vel ullamcorper diam. Quisque et semper orci. Proin pharetra lorem justo, id malesuada erat feugiat sit amet. Praesent bibendum mi at lorem volutpat suscipit. Morbi sed libero elit.
+
+Nunc sodales est eu ipsum volutpat, in mollis dui facilisis. Nulla faucibus interdum lectus, a condimentum elit vulputate eu. Nunc ipsum risus, suscipit sit amet nulla ac, pulvinar maximus nulla. In venenatis diam erat, non elementum ante dignissim posuere. Aliquam sem justo, luctus at vestibulum ut, egestas ut quam. Quisque a dolor viverra, aliquam nunc vel, lacinia nulla. In id magna magna. Morbi dapibus pretium sollicitudin. Morbi volutpat augue at felis tristique, quis euismod tellus vulputate. Morbi dui lacus, aliquam eget quam vel, vestibulum faucibus enim. Proin porta pretium metus id venenatis. Aliquam nec tempor lorem. Vivamus euismod est varius sagittis placerat. Maecenas tincidunt elementum libero, at imperdiet elit feugiat vel.

i18n/de.yaml

@@ -63,6 +63,8 @@
   translation: "Dunkel"
 - id: colorAuto
   translation: "Automatisch"
+- id: toggleMainNav
+  translation: "Hauptmenü anzuzeigen oder auszublenden"
 
 # 404 page
 - id: pageNotFound

i18n/en.yaml

@@ -63,6 +63,8 @@
   translation: "Dark"
 - id: colorAuto
   translation: "Auto"
+- id: toggleMainNav
+  translation: "Toggle main navigation"
 
 # 404 page
 - id: pageNotFound

i18n/nl.yaml

@@ -63,6 +63,8 @@
   translation: "Donker"
 - id: colorAuto
   translation: "Automatisch"
+- id: toggleMainNav
+  translation: "Toon of verberg hoofdnavigatie"
 
 # 404 page
 - id: pageNotFound

layouts/_default/_markup/render-heading.html

@@ -0,0 +1,5 @@
+{{ if site.Params.navigation.anchor }}
+<h{{ .Level }} id="{{ .Anchor | safeURL }}" class="heading">{{ .Text | safeHTML }} <a href="#{{ .Anchor | safeURL }}"><i class="fa-solid fa-link anchor"></i></a></h{{ .Level }}>
+{{ else }}
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }}</h{{ .Level }}>
+{{ end }}

layouts/_default/baseof.html

@@ -1,18 +1,23 @@
+{{- $section := .Section }}
 {{- with partial "utilities/GetMenu" . }}{{ $.Scratch.Set "sidebar" . }}{{ end -}}
+{{ $.Scratch.Set "version" (site.Param (printf "%s.version" .Section)) }}
 
 <!doctype html>
-<html lang="{{ .Site.Language.Lang }}" class="no-js" data-bs-theme="dark">
+<html lang="{{ .Site.Language.Lang }}" class="no-js">
     <head>
         {{ block "head" . }}{{ end -}}
     </head>
 
     <body>
-        <div class="d-flex flex-column min-vh-100">
+        {{- if site.Params.main.enableDarkMode -}}
+            {{- partial "footer/scripts.html" (dict "filename" "js/critical.bundle.js" "match" "js/critical/**.js" "page" .) -}}
+        {{- end -}}
+        <div class="d-flex flex-column min-vh-100{{ if and .IsHome .Site.Params.home.style }} {{ .Site.Params.home.style }}{{ end }}">
             <div class="{{ if .Site.Params.navigation.fixed }}mb-4{{ end }}">
                 {{- partial "assets/navbar.html" (dict
                     "page" .
                     "fixed" (string .Site.Params.navigation.fixed)
-                    "color" (default "white" .Site.Params.navigation.color)
+                    "color" (.Site.Params.navigation.color)
                     "style" (default "light" .Site.Params.navigation.style))
                 -}}
             </div>
@@ -52,6 +57,6 @@
             {{- partial "footer/footer.html" . -}}
         {{ end -}}
 
-        {{- partialCached "footer/scripts.html" . -}}
+        {{- partialCached "footer/scripts.html" (dict "page" .) }}
     </body>
 </html>

layouts/_default/single.html

@@ -6,7 +6,7 @@
         {{ $lastmodstr := (partial "utilities/date.html" (dict "date" .Lastmod "format" "long")) -}}
         {{ $datestr := (partial "utilities/date.html" (dict "date" .Date "format" "long")) -}}
         <h1>{{ .Title }}</h1>
-        <small class="text-muted text-uppercase">
+        <small class="text-body-secondary text-uppercase">
             {{ $datestr | i18n "postedOnDate" -}}
             {{ if ne $datestr $lastmodstr -}}&nbsp;({{ $lastmodstr | i18n "lastModified" }}){{ end }} &bull;
             {{ .ReadingTime | lang.FormatNumber 0 }}&nbsp;{{ i18n "minutesShort" }} {{ i18n "read" }} &bull;
@@ -42,7 +42,7 @@
             {{ partial "utilities/git.html" . }}
         </div>
     {{ else }}
-        <div class="row row-cols-2 mt-5">
+        <div class="row row-cols-2 mt-5 mb-3">
             <div class="col">
                 {{ with .NextInSection -}}
                     {{ $next := . -}}
@@ -69,6 +69,7 @@
 
 {{ define "main" -}}
     {{- $menu := .Scratch.Get "sidebar" -}}
+    {{- $version := .Scratch.Get "version" -}}
     {{- $sidebar := .Site.Params.navigation.sidebar | default true -}}
     {{ if and $menu $sidebar -}}
         <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvass-sidebar" aria-labelledby="offcanvas-label">
@@ -77,21 +78,21 @@
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
             </div>
             <div class="offcanvas-body">
-                {{ partial "assets/sidebar" (dict "page" . "menu" $menu) }}
+                {{ partial "assets/sidebar" (dict "page" . "menu" $menu "version" $version) }}
             </div>
         </div>
     
         <div class="container-fluid">
             <div class="row row-cols-md-2 row-cols-lg-3">
-                <div class="col col-md-3 col-lg-2 d-none mt-5 d-md-block">
-                    {{ partial "assets/sidebar" (dict "page" . "menu" $menu) }}
+                <div class="col col-md-3 col-lg-2 d-none pt-5 d-md-block sidebar-overflow sticky-top">
+                    {{ partial "assets/sidebar" (dict "page" . "menu" $menu "version" $version) }}
                 </div>
                 <div class="col col-md-9 col-lg-8 mb-5 p-4">
                     {{ partial "partials/header.html" . }}
                     {{ partial "partials/body.html" . }}
                     {{ partial "partials/footer.html" . }}
                 </div>
-                <div class="col col-lg-2 d-none d-lg-block mt-5">
+                <div class="col col-lg-2 d-none d-lg-block pt-5">
                     {{- if and .Site.Params.navigation.toc .Params.includeToc | default true -}}
                         {{ partial "assets/toc.html" . -}}
                     {{ end -}}

layouts/partials/assets/card-group.html

@@ -15,11 +15,12 @@
     "href"          Optional address for the button or hyperlink. If set, a button is added if the list exceeds the
                     maximum number of cards to display.
     "hrefTitle"     Optional title of the button or hyperlink as companion to href.
+    "separator"     Optional flag to indicate a horizontal line should be added between items on small screens.
 
     In addition, the following arguments are passed to the individual cards.
     "class"         Optional class attribute of the card element, e.g. “w-50”.
     "color":        Optional theme color of the card, either "primary", "secondary", "success", "danger",
-                    "warning", "info", "light", or "dark". By default, no color is specified.
+                    "warning", "info", "light", "dark", or "body". By default, no color is specified.
     "padding":      Optional padding of the content, either "0", "1", "2", "3", "4", "5", or "auto" (default).
     "header"        Optional header components of the card, displayed in small caps. Supported values are "full"
                     (default), "publication", "tags", and "none".
@@ -57,20 +58,28 @@
 
 {{- $title := .title -}}
 
-{{ $paginate := false }}
-{{ with .paginate }}
-    {{ if ne (printf "%T" .) "bool" }}
-        {{ errorf "Invalid value for param 'paginate'"}}
-    {{ end }}
-    {{ $paginate = . }}
-{{ end }}
-{{ if not $paginate }}
-    {{ $list = first $max $list }}
-{{ end }}
+{{- $paginate := false -}}
+{{- with .paginate -}}
+    {{- if ne (printf "%T" .) "bool" -}}
+        {{- errorf "Invalid value for param 'paginate'" -}}
+    {{- end -}}
+    {{- $paginate = . -}}
+{{- end -}}
+{{- if not $paginate -}}
+    {{- $list = first $max $list -}}
+{{- end -}}
 
 {{- $moreURL := .href -}}
 {{- $moreTitle := .hrefTitle -}}
 
+{{- $separator := false -}}
+{{- with .separator -}}
+    {{- if ne (printf "%T" .) "bool" -}}
+        {{- errorf "Invalid value for param 'separator'" -}}
+    {{- end -}}
+    {{- $separator = . -}}
+{{- end -}}
+
 {{- $class := .class -}}
 {{- $color := .color -}}
 {{- $padding := .padding -}}
@@ -96,7 +105,7 @@
                         )
                     -}}
                 </div>
-                {{- if (lt $index (sub $max 1)) -}}
+                {{- if and (lt $index (sub $max 1)) $separator -}}
                     <div class="col d-block d-sm-none">
                         <hr>
                     </div>
@@ -121,7 +130,7 @@
                         )
                     -}}
                 </div>
-                {{- if (lt $index (sub $max 1)) -}}
+                {{- if and (lt $index (sub $max 1)) $separator -}}
                     <div class="col d-block d-sm-none">
                         <hr>
                     </div>

layouts/partials/assets/card.html

@@ -8,7 +8,7 @@
     "href"          Required address for the button or hyperlink.
     "class"         Optional class attribute of the card element, e.g. “w-50”.
     "color":        Optional theme color of the card, either "primary", "secondary", "success", "danger",
-                    "warning", "info", "light", "dark", "white" or "black". By default, no color is specified.
+                    "warning", "info", "light", "dark", "white", "black", or "body". By default, no color is specified.
     "padding":      Optional padding of the content, either "0", "1", "2", "3", "4", "5", or "auto" (default).
     "header"        Optional header components of the card, displayed in small caps. Supported values are "full"
                     (default), "publication", "tags", and "none".
@@ -27,7 +27,7 @@
     {{- $color := .color -}}
     {{- $description := .description -}}
     
-    <a href="{{ $href }}" class="{{ if $color }}link-bg-{{ $color }}{{ else }}card-body-link{{ end }}">
+    <a href="{{ $href }}" class="{{ if $color }}link-bg-{{ $color }}{{ else }}card-body-link{{ end }} stretched-link">
             <p class="card-title fs-5 fw-bold">{{ $title }}</p>
         {{ with $description }}<p class="card-text mb-4 {{ if $color }}link-bg-{{ $color }}{{ else }}card-body-link{{ end }}">{{ . }}</p>{{ end -}}
     </a>
@@ -44,10 +44,10 @@
     {{- if eq $keywords "full" }}{{ $maxTags = 1 -}}
     {{- else if eq $keywords "tags" }}{{ $maxTags = 3 }}{{ end -}}
 
-    <p class="card-text"><small class="{{ if $color }}text-bg-{{ $color }}{{ else }}text-muted{{ end }} text-uppercase">
+    <p class="card-text"><small class="{{ if $color }}text-bg-{{ $color }}{{ else }}text-body-secondary{{ end }} text-uppercase">
         {{- if in (slice "full" "publication") $keywords -}}
             {{- partial "utilities/date.html" (dict "date" $page.Date "format" "long") -}}&nbsp;&bull;
-            {{- $page.ReadingTime | lang.FormatNumber 0 }} {{ i18n "minutesShort" }} {{ i18n "read" -}}
+            {{ $page.ReadingTime | lang.FormatNumber 0 }} {{ i18n "minutesShort" }} {{ i18n "read" -}}
         {{- end -}}
 
         {{- if eq $keywords "full" -}}
@@ -58,8 +58,8 @@
         {{- if $color }}{{ $link = printf "link-bg-%s" $color }}{{ end -}}
 
         {{- range $index, $tag := first $maxTags ($page.GetTerms "tags") -}}
-            {{- if gt $index 0 }}&bull;&nbsp;{{ end -}}
-            <a href="{{ (path.Join $tag.Page.RelPermalink) | relURL }}" class="{{ $link }}" aria-label="tag: {{ $tag.LinkTitle }}">{{ $tag.LinkTitle }}</a>
+            {{- if gt $index 0 }}&nbsp;&bull;&nbsp;{{ end -}}
+            <a href="{{ (path.Join $tag.Page.RelPermalink) | relURL }}" class="{{ $link }} tag-link" aria-label="tag: {{ $tag.LinkTitle }}">{{ $tag.LinkTitle }}</a>
         {{- end -}}
     </small></p>
 {{- end -}}
@@ -81,7 +81,7 @@
 {{- $color := "" -}}
 {{- with .color }}{{ $color = . }}{{ end -}}
 {{- if $color -}}
-    {{- $supportedColors := slice "primary" "secondary" "success" "danger" "warning" "info" "light" "dark" "white" "black" -}}
+    {{- $supportedColors := slice "primary" "secondary" "success" "danger" "warning" "info" "light" "dark" "white" "black" "body" -}}
     {{- if not (in $supportedColors $color) -}}
         {{- errorf "Invalid value for param 'color': %s" $color -}}
     {{- end -}}
@@ -134,14 +134,10 @@
         <div class="row g-0">
             <div class="col-4">
                 {{- if $thumbnail -}}
-                    <a href="{{ $href }}">
                     {{- partial "image.html" (dict "url" $thumbnail "ratio" "1x1" "outerClass" "h-100 card-img-wrap" "innerClass" "rounded-start card-img-h100" "title" $title) -}}
-                    </a>
                 {{- else if $icon -}}
                     <div class="pt-{{ $padding }} ps-{{ $padding }} pe-{{ $padding }}">
-                        <a href="{{ $href }}"> 
                         {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-4x text-secondary" $icon)) -}}
-                        </a>
                     </div>
                 {{- end -}}
                 </div>
@@ -159,14 +155,10 @@
 {{- else -}}
     <div class="card {{ with $color }}bg-{{ . }} text-bg-{{ . }}{{ end }} {{ $class }}">
         {{- if $thumbnail -}}
-            <a href="{{ $href }}">
             {{- partial "image.html" (dict "url" $thumbnail "ratio" "16x9" "outerClass" "card-img-wrap" "innerClass" "card-img-top" "title" $title) -}}
-            </a>
         {{- else if $icon -}}
             <div class="pt-{{ $padding }} ps-{{ $padding }} pe-{{ $padding }}">
-                <a href="{{ $href }}"> 
                 {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-4x text-secondary" $icon)) -}}
-                </a>
             </div>
         {{- end -}}
         <div class="card-body d-flex flex-column p-{{ $padding }}">

layouts/partials/assets/navbar.html

@@ -3,16 +3,50 @@
     "page"          Required object reference to the current page.
     "menus"         Optional name of the menu configuration, defaults to "main".
     "size"          Optional size of the button, either "sm", "md" (default), or "lg".
-    "style"         Optional style of the navbar, either "light" (default) or "dark".
     "fixed"         Optional flag to indicate the navbar should stick to the top, defaults to false.
     "color"         Optional background color of the navbar, either "primary", "secondary", "success",
                     "danger", "warning", "info", "light", "dark", "white" or "black". The default color is none.
+    "mode"          Optional flag to include a color mode switcher, default is "true" (if dark mode is enabled).
     "search"        Optional flag to include a search input, default is "true".
     "logo"          Optional address of the logo image, defaults to the parameter "logo" set in the "main" section of
                     the site's parameter configuration. 
     "title"         Optional brand title, displayed when the logo is not set. Defaults to the site's title.
 -->
 
+<!-- Inline partial to render the color mode switcher -->
+{{- define "partials/navbar-mode.html" -}}
+    {{- $id := .id -}}
+    {{- $size := .size -}}
+    {{- $collapsed := .collapsed -}}
+
+    <li class="nav-item dropdown {{ if $collapsed }}d-{{ $size }}-none{{ else }}d-none d-{{ $size }}-block{{ end }}">
+        <a class="nav-link dropdown-toggle" href="#!" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="navbar-color-theme">
+            {{- partial "assets/icon.html" (dict "icon" "fas sun theme-icon-active") }} {{ if $collapsed }} {{ T "colorMode" }} {{ end }}
+            <span class="d-md-none"></span>
+        </a>
+        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbar-color-theme">
+            <li>
+                <a class="dropdown-item{{ if $collapsed }} switch-mode-collapsed{{ end }}" data-bs-theme-value="light" href="#!">
+                    {{- partial "assets/icon.html" (dict "icon" "fas sun theme-icon") }}
+                    {{ T "colorLight" }}
+                </a>
+            </li>
+            <li>
+                <a class="dropdown-item{{ if $collapsed }} switch-mode-collapsed{{ end }}" data-bs-theme-value="dark" href="#!">
+                    {{- partial "assets/icon.html" (dict "icon" "fas moon theme-icon") }}
+                    {{ T "colorDark" }}
+                </a>
+            </li>
+            <li>
+                <a class="dropdown-item{{ if $collapsed }} switch-mode-collapsed{{ end }}" data-bs-theme-value="auto" href="#!">
+                    {{- partial "assets/icon.html" (dict "icon" "fas circle-half-stroke theme-icon" ) }}
+                    {{ T "colorAuto" }}
+                </a>
+            </li>
+        </ul>
+    </li>
+{{- end -}}
+
 {{- $supportedFlags := slice "true" "false" -}}
 
 {{- $id := 0 -}}
@@ -37,13 +71,6 @@
     {{- errorf "Invalid value for param 'size': %s" $size -}}
 {{- end -}}
 
-{{- $style := "light" -}}
-{{- with .style }}{{ $style = . }}{{ end -}}
-{{- $supportedStyles := slice "light" "dark" -}}
-{{- if not (in $supportedStyles $style) -}}
-    {{- errorf "Invalid value for param 'style': %s" $style -}}
-{{- end -}}
-
 {{- $fixedParam := "false" -}}
 {{- $fixed := false -}}
 {{- with .fixed }}{{ $fixedParam = . }}{{ end -}}
@@ -53,9 +80,6 @@
     {{- errorf "Invalid value for param 'fixed': %s" $fixedParam -}}
 {{- end -}}
 
-{{- $inverseStyle := "light" -}}
-{{- if eq $style "light" }}{{ $inverseStyle = "dark" }}{{ end -}}
-
 {{- $color := "" -}}
 {{- with .color -}}
     {{- $color = . -}}
@@ -76,6 +100,15 @@
 {{- end -}}
 
 {{- $enableDarkMode := default true site.Params.main.enableDarkMode -}}
+{{- with .mode -}}
+    {{- $darkModeParam := . -}}
+    {{- if in $supportedFlags $darkModeParam -}}
+        {{- if eq $darkModeParam "true" }}{{ $enableDarkMode = site.Params.main.enableDarkMode }}{{ else }}{{ $enableDarkMode = false }}{{ end -}}
+    {{- else -}}
+        {{- errorf "Invalid value for param 'darkMode': %s" $darkModeParam -}}
+    {{- end -}}
+{{- end -}}
+
 {{- $enableLanguage := or $page.IsTranslated site.IsMultiLingual -}}
 
 {{- $logo := site.Params.navigation.logo -}}
@@ -90,14 +123,21 @@
 {{- $pre := .Pre -}}
 {{- $post := .Post -}}
 
-<nav class="navbar navbar-expand-{{ $size }} {{ with $color }}bg-{{ . }}{{ end }} {{ if $fixed }}fixed-top{{ end }} p-3">
-	<div class="container-fluid">
+<nav class="navbar navbar-expand-{{ $size }} {{ with $color }}bg-{{ . }}{{ end }} {{ if $fixed }}fixed-top{{ end }} p-4">
+	<div class="container-fluid p-0">
         <!-- Insert sidebar toggler when applicable -->
+        <div class="d-flex">
             {{- if $page.Scratch.Get "sidebar" -}}
-            <button class="navbar-toggler collapsed ms-n3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvass-sidebar" aria-controls="offcanvass-sidebar" aria-label="{{ T "toggleSidebar" }}">
+                <button class="navbar-toggler fw-30 collapsed p-0 mx-auto" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvass-sidebar" aria-controls="offcanvass-sidebar" aria-label="{{ T "toggleSidebar" }}">
+                    {{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
+                </button>
+            {{- else -}}
+                <!-- Insert invisible sidebar toggler to center logo correctly on smaller screens -->
+                <button class="navbar-toggler fw-30 collapsed p-0 mx-auto invisible" type="button">
                     {{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
                 </button>
             {{- end -}}
+        </div>
 
         <!-- Insert the brand logo or name -->
         <a class="navbar-brand mx-auto" href="{{ site.Home.RelPermalink }}">
@@ -109,12 +149,14 @@
         </a>
 
         <!-- Insert main navigation toggler -->
-		<button class="navbar-toggler collapsed me-n3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent-{{ $id }}"
-			aria-controls="navbarSupportedContent-{{ $id }}" aria-expanded="false" aria-label="Toggle main navigation">
+        <div class="d-flex fw-30">
+            <button id="main-nav-toggler" class="navbar-toggler collapsed p-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent-{{ $id }}"
+                aria-controls="navbarSupportedContent-{{ $id }}" aria-expanded="false" aria-label="{{ T "toggleMainNav" }}">
                 <span class="toggler-icon top-bar emphasis"></span>
                 <span class="toggler-icon middle-bar emphasis"></span>
                 <span class="toggler-icon bottom-bar emphasis"></span>
             </button>
+        </div>
 
         <div class="navbar-collapse collapse" id="navbarSupportedContent-{{ $id }}">
             <!-- Insert search input -->
@@ -136,7 +178,8 @@
                             </a>
                             <ul class="dropdown-menu dropdown-menu-end">
                                 {{- range .Children -}}
-                                    <li><a class="dropdown-item" href="{{ .URL }}">{{ .Name }}</a></li>
+                                    {{- $child_active := eq $page_url .URL -}}
+                                    <li><a class="dropdown-item {{ if $child_active }}active{{ end }}" href="{{ .URL }}">{{ .Name }}</a></li>
                                 {{- end -}}
                             </ul>
                         </li>
@@ -156,18 +199,22 @@
 
 
                 {{- if or $enableLanguage $enableDarkMode -}}
-                    <li class="nav-item py-2 py-md-1 col-12 col-md-auto">
+                    <li class="nav-item py-2 py-md-1 col-12 col-md-auto d-none d-{{ $size }}-block">
                         <div class="vr d-none d-md-flex h-100 mx-md-2"></div>
                     </li>
+                    <li><hr class="dropdown-divider-bg"></li>
                 {{- end -}}
 
                 <!-- Insert language switcher if applicable -->
                 {{- if $enableLanguage -}}
                     {{- $currentLang := $page.Language.Lang -}}
                     <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        <a class="nav-link dropdown-toggle d-{{ $size }}-none" href="#!" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                             {{- partial "assets/icon.html" (dict "icon" "fas globe") }} {{ T "languageSwitcherLabel" }}
                         </a>
+                        <a class="nav-link dropdown-toggle d-none d-{{ $size }}-block" href="#!" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            {{- partial "assets/icon.html" (dict "icon" "fas globe") }}
+                        </a>
                         <ul class="dropdown-menu dropdown-menu-end ">
                             {{- if $page.IsTranslated -}}
                                 {{- range $page.AllTranslations -}}
@@ -184,32 +231,8 @@
                               
                 <!-- Insert color mode switcher -->
                 {{- if $enableDarkMode -}}
-                    <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="navbar-color-theme">
-                            {{- partial "assets/icon.html" (dict "icon" "fas sun theme-icon-active") }}
-                            <span class="d-md-none"></span>
-                        </a>
-                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbar-color-theme">
-                            <li>
-                                <a class="dropdown-item" data-bs-theme-value="light">
-                                    {{- partial "assets/icon.html" (dict "icon" "fas sun theme-icon") }}
-                                    {{ T "colorLight" }}
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" data-bs-theme-value="dark">
-                                    {{- partial "assets/icon.html" (dict "icon" "fas moon theme-icon") }}
-                                    {{ T "colorDark" }}
-                                </a>
-                            </li>
-                            <li>
-                                <a class="dropdown-item" data-bs-theme-value="auto">
-                                    {{- partial "assets/icon.html" (dict "icon" "fas circle-half-stroke theme-icon" ) }}
-                                    {{ T "colorAuto" }}
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
+                    {{- partial "partials/navbar-mode.html" (dict "id" $id "size" $size "collapsed" true) -}}
+                    {{- partial "partials/navbar-mode.html" (dict "id" $id "size" $size "collapsed" false) -}}
                 {{- end -}}
             </ul>
         </div>

layouts/partials/assets/section-list.html

@@ -12,6 +12,7 @@
 {{- $paginate := true -}}
 {{- $sort := "date" -}}
 {{- $reverse := true -}}
+{{- $separator := false -}}
 {{- $orientation := "stacked" -}}
 {{- $cols := 3 -}}
 {{- $color := "" -}}
@@ -26,6 +27,7 @@
     {{- with index . "title" }}{{ $title = . }}{{ end -}}
     {{- with index . "sort" }}{{ $sort = . }}{{ end -}}
     {{- if (index . "reverse") }}{{ $reverse = true }}{{ else }}{{ $reverse = false }}{{ end -}}
+    {{- if (index . "separator") }}{{ $separator = true }}{{ else }}{{ $separator = false }}{{ end -}}
     {{- with index . "orientation" }}{{ $orientation = . }}{{ end -}}
     {{- with index . "cols" }}{{ $cols = . }}{{ end -}}
     {{- with index . "color" }}{{ $color = . }}{{ end -}}
@@ -74,6 +76,7 @@
         "title" $title
         "href" $sectionURL
         "hrefTitle" $moreTitle
+        "separator" $separator
         "paginate" $paginate
         "class" $style
         "orientation" $orientation

layouts/partials/assets/sidebar.html

@@ -1,58 +1,110 @@
 {{- $page := .page }}
 {{- $section := $page.Section }}
 {{- $data := .menu -}}
+{{- $version := .version -}}
 
-{{ if $data }}
-    <nav class="sidebar flex-shrink-0 ps-1 pt-3 sticky-top" aria-label="{{ (strings.FirstUpper $section) }} navigation">
-        {{- $url := split $page.Permalink "/" -}}
-        {{- $page_slug := index $url (sub (len $url) 2) -}}
-        {{- $sectionBreak := false }}
+{{- define "partials/sidebar/group.html" -}}
+    {{- $page := .page -}}
+    {{- $index := .index -}}
+    {{- $level := .level -}}
+    {{- $baseURL := .baseURL -}}
+    {{- $group := .group -}}
 
-        <ul class="list-unstyled ps-0">
-        {{- range $index, $group := $data -}}
-            {{- $link := $group.title -}}
-            {{- $link_slug := $link | urlize -}}
+    {{- $doc_slug := $group.title | urlize -}}
+    {{- $href := printf "%s/" (relLangURL (path.Join $baseURL $doc_slug)) -}}
+    {{- $collapsed := strings.HasPrefix $page.RelPermalink $href -}}
 
-            {{- if $group.pages -}}
-                {{- $link = index $group.pages 0 -}}
-                {{- $link_slug = $link.title | urlize -}}
-            {{- end -}}
-
-            {{- $group_slug := $group.title | urlize -}}
-            {{- $is_active_group := eq $page.Params.group $group_slug -}}
-
-            {{- if $group.pages }}
-                {{- $sectionBreak = true }}
     <li class="mb-1">
-                    <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#sidebar-collapse-{{ $index }}" aria-expanded="{{ if $is_active_group }}true{{ else }}false{{ end }}">
+        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#sidebar-collapse-{{ $index }}-{{ $level }}" aria-expanded="{{ if $collapsed }}true{{ else }}false{{ end }}">
             <div class="text-start flex-fill">{{ $group.title }}</div>
         </button>
-                    <div class="collapse {{ if $is_active_group }}show{{ end }}" id="sidebar-collapse-{{ $index }}">
-                        <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
-                            {{- range $doc := $group.pages -}}
-                                {{- $doc_slug := $doc.title | urlize -}}
-                                {{- $is_active := and $is_active_group (eq $page_slug $doc_slug) -}}
-                                {{- $href := relLangURL (path.Join $section site.Params.docs.version $group_slug $doc_slug) -}}
-                                <li><a href="{{ $href }}" class="d-inline-flex sidebar-item text-decoration-none rounded {{ if $is_active }}active{{ end }}">{{ $doc.title }}</a></li>
+        <div class="collapse {{ if $collapsed }}show{{ end }}" id="sidebar-collapse-{{ $index }}-{{ $level }}">
+            <ul class="btn-toggle-nav list-unstyled fw-normal {{ if eq $level 0}} pb-1 {{ end }}ps-3">
+                {{- range $item := $group.pages -}}
+                    {{- if $item.pages -}}
+                        {{ partial "partials/sidebar/group.html" (dict 
+                            "page" $page
+                            "index" $index
+                            "level" (add $level 1)
+                            "baseURL" $href
+                            "group" $item
+                            )
+                        }}
+                    {{- else -}}
+                        {{ partial "partials/sidebar/item.html" (dict 
+                            "page" $page
+                            "sectionBreak" false
+                            "level" $level
+                            "baseURL" $href
+                            "title" $item.title
+                            )
+                        }}
+                    {{ end -}}
                 {{- end }}
             </ul>
         </div>
     </li>
-            {{- else }}
+{{ end -}}
+
+{{- define "partials/sidebar/item.html" -}}
+    {{ $page := .page }}
+    {{ $sectionBreak := .sectionBreak }}
+    {{- $level := .level -}}
+    {{ $baseURL := .baseURL}}
+    {{ $title := .title}}
+
+    {{- $doc_slug := $title | urlize -}}
+    {{- $href := printf "%s/" (relLangURL (path.Join $baseURL $doc_slug)) -}}
+    {{ $active := eq $page.RelPermalink $href }}
+
+    {{ if eq $level 0}}
         <li class="mt-1 mb-1 {{ if $sectionBreak }}border-top{{ end }}"></li>
         {{- $sectionBreak = false }}
         <li>
             <ul class="btn-toggle-nav list-unstyled fw-bold pb-1">
                 <li>
-                            {{- $doc_slug := $group.title | urlize -}}
-                            {{- $is_active := and $is_active_group (eq $page_slug $doc_slug) -}}
-                            {{- $href := relLangURL (path.Join $section site.Params.docs.version $doc_slug) -}}
-                            <a href="{{ $href }}" class="d-inline-flex sidebar-item text-decoration-none rounded {{ if $is_active }}active{{ end }}">
-                                {{ $group.title }}
+                    <a href="{{ $href }}" class="sidebar-item text-decoration-none rounded {{ if $active }}active{{ end }}">
+                        {{ $title }}
                     </a>      
                 </li>
             </ul>
         </li>
+    {{ else }}
+        <li>
+            <a href="{{ $href }}" class="sidebar-item text-decoration-none rounded small {{ if $active }}active{{ end }}">
+                {{ $title }}
+            </a>      
+        </li>
+    {{ end }}
+{{ end -}}
+
+{{ if $data }}
+    <nav class="sidebar flex-shrink-0 ps-1 pt-3" aria-label="{{ (strings.FirstUpper $section) }} navigation">
+        {{- $sectionBreak := false -}}
+        {{- $level := 0 -}}
+        {{- $baseURL := relLangURL (path.Join $section $version) }}
+
+        <ul class="list-unstyled ps-0">
+        {{- range $index, $item := $data -}}
+            {{- if $item.pages }}
+                {{- $sectionBreak = true }}
+                {{ partial "partials/sidebar/group.html" (dict 
+                    "page" $page
+                    "index" $index
+                    "level" (add $level 1)
+                    "baseURL" $baseURL
+                    "group" $item
+                    )
+                }}
+            {{- else }}
+                {{ partial "partials/sidebar/item.html" (dict 
+                    "page" $page
+                    "sectionBreak" $sectionBreak
+                    "level" $level
+                    "baseURL" $baseURL
+                    "title" $item.title
+                    )
+                }}
             {{- end }}
         {{- end }}
         </ul>

layouts/partials/assets/toc.html

@@ -1,6 +1,6 @@
 {{ $items := len (findRE "<li.*?>(.|\n)*?</li>" .TableOfContents) -}}
 {{ if (gt $items 1) -}}
-    <div class="toc mb-5 my-md-0 ps-xl-3 mb-lg-5 p-3 text-muted sticky-top">
+    <div class="toc mb-5 my-md-0 ps-xl-3 mb-lg-5 p-3 text-body-secondary sticky-top">
         <strong class="d-block h6 my-2 pb-2 border-bottom">{{ T "toc" }}</strong>
         {{ .TableOfContents }}
     </div>

layouts/partials/breadcrumb.html

@@ -1,7 +1,7 @@
 <nav aria-label="breadcrumb">
     <ol class="breadcrumb">
         {{- range .Page.Ancestors.Reverse -}}
-            <li class="breadcrumb-item"><a href="{{ .Permalink }}">{{ if .Title }}{{ .Title }}{{ else }}{{ T "home" }}{{ end }}</a></li>
+            <li class="breadcrumb-item"><a href="{{ .Permalink }}">{{ if not .IsHome }}{{ .Title }}{{ else }}{{ T "home" }}{{ end }}</a></li>
         {{- end -}}
         <li class="breadcrumb-item active" aria-current="page">{{ .Page.Title }}</li>
     </ol>

layouts/partials/footer/scripts.html

@@ -1,11 +1,15 @@
-{{ $filename := "js/main.bundle.js" -}}
-{{ if hugo.IsProduction }}{{ $filename = "js/main.bundle.min.js" }}{{ end -}}
+{{ $filename := .filename | default "js/main.bundle.js" -}}
+{{ $match := .match | default "{js/*.js,js/vendor/**.js}" }}
+{{ $page := .page }}
+
 {{ $files := slice -}}
-{{ range $index, $file := resources.Match "js/**.js" -}}
+{{ range $index, $file := resources.Match $match -}}
     {{ $files = $files | append $file -}}
 {{ end -}}
+
+{{ if gt (len $files) 0 }}
     {{ $bundle := $files | resources.Concat $filename -}}
-{{ $js := $bundle | resources.ExecuteAsTemplate $filename . -}}
+    {{ $js := $bundle | resources.ExecuteAsTemplate $filename $page -}}
 
     {{- if not hugo.IsProduction -}}
         <script src="{{ $js.RelPermalink }}"></script>
@@ -13,3 +17,4 @@
         {{ $js = $js | minify | fingerprint -}}
         <script src="{{ $js.RelPermalink }}" integrity="{{ $js.Data.Integrity }}" crossorigin="anonymous"></script>
     {{ end -}}
+{{ end -}}

layouts/partials/head/head.html

@@ -3,10 +3,10 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {{ hugo.Generator}}
-    {{ partial "head/stylesheet.html" -}}
+    {{ partial "head/stylesheet.html" . -}}
     {{ partial "head/seo.html" . }}
     {{ partialCached "head/favicon.html" . -}}
     {{ if gt (len .Site.Languages) 1}}
-    <meta name="lang" content="{{ .Site.Language }}" />
+    <meta name="lang" content="{{ .Site.Language }}">
     {{ end }}
 {{ end }}

layouts/partials/head/stylesheet.html

@@ -1,16 +1,42 @@
-{{- $options := (dict "targetPath" "main.css" "enableSourceMap" (not hugo.IsProduction) "includePaths" (slice "node_modules")) -}}
-{{- if hugo.IsProduction }}{{ $options = merge $options (dict "outputStyle" "compressed") }}{{ end -}}
+{{- $navbarOffset := "0em" -}}
+{{- if .Site.Params.navigation.fixed }}{{ $navbarOffset = site.Params.navigation.offset | default "4em" }}{{ end }}
+{{- $vars := dict 
+    "theme-font"              (default "Inter" .Site.Params.style.themeFont)
+    "primary"                 (default "#007bff" .Site.Params.style.primary)
+    "secondary"               (default "#6c757d" .Site.Params.style.secondary)
+    "success"                 (default "#198754" .Site.Params.style.success)
+    "info"                    (default "#0dcaf0" .Site.Params.style.info)
+    "warning"                 (default "#ffc107" .Site.Params.style.warning)
+    "danger"                  (default "#dc3545" .Site.Params.style.danger)
+    "light"                   (default "#f8f9fa" .Site.Params.style.light)
+    "dark"                    (default "#212529" .Site.Params.style.dark)
+    "navbar-offset"           $navbarOffset
+    "enable-dark-mode"        (printf "%t" ((default true .Site.Params.main.enableDarkMode)))
+    "import-fonts"            (printf "%t" (not (hasPrefix (lower .Site.Params.style.themeFontPath) "http")))
+-}}
+
+{{- $options := (dict "transpiler" "libsass" "targetPath" "css/main.css" "enableSourceMap" (not hugo.IsProduction) "includePaths" (slice "node_modules") "vars" $vars) -}}
+{{/*- $options := (dict "transpiler" "dartsass" "targetPath" "css/main.css" "enableSourceMap" (not hugo.IsProduction) "includePaths" (slice "node_modules") "vars" $vars) -*/}}
+{{- if hugo.IsProduction -}}
+    {{- $options = merge $options (dict "outputStyle" "compressed") -}}
+{{- else -}}
+    {{- $options = merge $options (dict "outputStyle" "expanded") -}}
+{{- end -}}
 {{- $css := resources.Get "scss/app.scss" | resources.ExecuteAsTemplate "style.app.scss" . | toCSS $options -}}
 {{- partial "head/icons.html" (dict "css" $css) -}}
+{{- if .Site.Params.style.purge -}}
+    {{- $post_options := dict "config" "config" -}}
+    {{- $css = $css | resources.PostCSS $post_options -}}
+{{- end -}}
 
-<!-- TODO: add proper postCSS purge -->
-
-{{- if eq (hugo.Environment) "development" -}}
+{{- if not hugo.IsProduction -}}
     <link rel="stylesheet" href="{{ $css.Permalink | relURL }}">
 {{- else -}}
-    {{- $css = $css | fingerprint -}}
+    {{- $css = $css | fingerprint | resources.PostProcess -}}
     <link rel="stylesheet" href="{{ $css.Permalink }}" integrity="{{ $css.Data.Integrity }}" crossorigin="anonymous">
 {{- end -}}
+{{- if hasPrefix (lower .Site.Params.style.themeFontPath) "http" -}}
     <link rel="preconnect" href="https://fonts.googleapis.com"> 
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
-    <link rel="stylesheet" href="{{ site.Params.style.themeFontPath | default "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;600&display=swap" }}">
+    <link rel="stylesheet" href="{{ .Site.Params.style.themeFontPath | default "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;600&display=swap" }}">
+{{- end -}}

layouts/partials/utilities/GetVal.html

@@ -0,0 +1,12 @@
+<!-- 
+    Retrieve the value from a key-value pair. The expected format is 'key="value"', including double quotes for the
+    value. Returns -1 when no valid value is found.
+-->
+
+{{- $input := (split . "=") -}}
+{{- $val := -1 -}}
+{{- if gt (len $input) 1 -}}
+    {{- $val = trim (index $input 1) "\"" -}}
+{{- end -}}
+
+{{- return $val -}}

layouts/shortcodes/docs.html

@@ -9,21 +9,26 @@
 
 {{- $name := .Get "name" -}}
 {{- $basePath := .Site.Params.docs.basePath -}}
-{{- $file := path.Join $basePath (path.Clean (.Get "file")) -}}
-{{- $extension := path.Ext $file -}}
+{{- $file := .Get "file" }}
+{{- if hasPrefix $file "./" -}}
+    {{- $file = path.Clean $file -}}
+{{- else -}}
+    {{- $file = path.Join $basePath (path.Clean $file) -}}
+{{- end -}}
+{{- $extension := strings.TrimLeft "." (path.Ext $file)  }}
 {{- $capture_start := "" -}}
 {{- $capture_end := "" -}}
 
 {{- $id := printf "docs-collapse-%d" .Ordinal -}}
 
-{{- $supportedExtensions := slice ".scss" ".toml" -}}
+{{- $supportedExtensions := slice "js" "scss" "toml" -}}
 {{- if in $supportedExtensions $extension -}}
-    {{- if eq $extension ".toml" }}
+    {{- if eq $extension "toml" }}
         {{- $capture_start = printf "# toml-docs-start %s" $name -}}
         {{- $capture_end = printf "# toml-docs-end %s" $name -}}
     {{- else -}}
-        {{- $capture_start = printf "// scss-docs-start %s" $name -}}
-        {{- $capture_end = printf "// scss-docs-end %s" $name -}}
+        {{- $capture_start = printf "// %s-docs-start %s" $extension $name -}}
+        {{- $capture_end = printf "// %s-docs-end %s" $extension $name -}}
     {{- end -}}
 {{- else -}}
     {{- errorf "File format not supported (line %s): %s" .Position $file -}}
@@ -70,8 +75,8 @@
         </li>
     </ul>
     <div class="border-start border-end border-bottom mb-3">
-        <div class="collapse multi-{{ $id }}{{ if $show }} show{{ end }} bg-light" id="body-{{ $id }}">
-            {{- highlight (trim $match "\r\n") "toml" "" -}}
+        <div class="collapse multi-{{ $id }}{{ if $show }} show{{ end }} syntax-highlight" id="body-{{ $id }}">
+            {{- highlight (trim $match "\r\n") $extension "" -}}
         </div>
         <div class="collapse multi-{{ $id }}{{ if not $show }} show{{ end }} p-3" id="footer-{{ $id }}"><i>...</i></div>
     </div>

layouts/shortcodes/example.html

@@ -32,7 +32,7 @@
         </div>
     {{- end -}}
     <div class="d-flex align-items-center ps-3 pe-3 py-1 border-top border-bottom syntax-highlight">
-        <small class="font-monospace text-muted text-uppercase">{{- $lang -}}</small>
+        <small class="font-monospace text-body-secondary text-uppercase">{{- $lang -}}</small>
         <!-- <div class="d-flex ms-auto">
             <button type="button" class="mt-0 me-0 border-0" title="Copy to clipboard">
                 <i class="fa-regular fa-clipboard"></i>

layouts/shortcodes/img.html

@@ -19,8 +19,9 @@
 {{- if $src -}}
     <div class="carousel-item {{ if eq .Ordinal 0 }}active{{ end }}">
         {{ partial "image.html" (dict "url" $src "ratio" $ratio "innerClass" "d-block w-100") }}
+        <div class="carousel-caption gradient"></div>
         {{ with $caption }}
-            <div class="carousel-caption d-none d-md-block gradient">
+            <div class="carousel-caption d-none d-md-block">
                 <div class="d-flex justify-content-center align-items-end h-100 w-100 p-4">{{ . }}</div>
             </div>
         {{ end }}

layouts/shortcodes/nav-item.html

@@ -0,0 +1,42 @@
+<!-- 
+    Defines an individual nav item. The shortcode supports the following arguments:
+    "header"        Required header of the nav item.
+    "class"         Optional class attribute of the inner nav item.
+    "show"          Optional flag to indicate an item should be shown.
+-->
+
+{{- $id := .Ordinal -}}
+{{ $header := .Get "header" -}}
+{{ if not $header -}}
+    {{ if .Parent }}
+        {{ errorf "Missing value for param 'header': %s" .Parent.Position -}}
+    {{ else }}
+    {{ errorf "Missing value for param 'header': %s" .Position -}}
+    {{ end }}
+{{ end -}}
+
+{{ $class := .Get "class" -}}
+{{ $body := trim .Inner " \r\n" -}}
+{{ if not $body -}}
+    {{ if .Parent }}
+        {{ errorf "Missing inner element text: %s" .Parent.Position -}}
+    {{ else }}
+        {{ errorf "Missing inner element text: %s" .Position -}}
+    {{ end }}
+{{ end -}}
+
+{{ $supportedFlags := slice "true" "false" -}}
+{{ $showParam := "false" -}}
+{{ $show := false -}}
+{{ with .Get "show" }}{{ $showParam = . }}{{ end -}}
+{{ if in $supportedFlags $showParam -}}
+    {{ if eq $showParam "true" }}{{ $show = true }}{{ else }}{{ $show = false }}{{ end -}}
+{{ else -}}
+    {{ errorf "Invalid value for param 'show': %s" $showParam -}}
+{{ end -}}
+
+{{- $parent := printf "nav-%d" .Parent.Ordinal -}}
+
+<div class="tab-pane{{ if $show }} active{{ end }}" id="{{ $parent }}-{{ $id }}" role="tabpanel" aria-labelledby="{{ $parent }}-btn-{{ $id }}" tabindex="0" data-header="{{ $header }}" {{ if $show }}data-show-id="{{ $id }}"{{ end }}>
+    {{ $body | markdownify | safeHTML }}
+</div>

layouts/shortcodes/nav.html

@@ -0,0 +1,57 @@
+<!-- 
+    Displays a tab group of multiple items. Add nav-item inner elements for each tab pane. The shortcode supports the
+    following arguments:
+    "type"          Optional type of the tab group, either "tabs", "pills", or "underline".
+    "vertical"      Optional flag to show vertical tabs instead of horizontal tabs (default).
+    "class":        Optional class attribute of the tab group, e.g. “nav-fill”.
+-->
+
+<!-- TODO: add fade support -->
+
+{{- $id := .Ordinal -}}
+{{- $class := .Get "class" -}}
+{{ $type := .Get "type" -}}
+{{ $supportedNavTypes := slice "tabs" "pills" "underline" -}}
+{{ if $type }}
+    {{ if not (in $supportedNavTypes $type) -}}
+        {{ errorf "Invalid value for param 'type': %s" $type -}}
+    {{ end -}}
+{{ end -}}
+
+{{ $supportedFlags := slice "true" "false" -}}
+{{ $verticalParam := "false" -}}
+{{ $vertical := false -}}
+{{ with .Get "vertical" }}{{ $verticalParam = . }}{{ end -}}
+{{ if in $supportedFlags $verticalParam -}}
+    {{ if eq $verticalParam "true" }}{{ $vertical = true }}{{ else }}{{ $vertical = false }}{{ end -}}
+{{ else -}}
+    {{ errorf "Invalid value for param 'vertical': %s" $verticalParam -}}
+{{- end -}}
+
+{{- if and (eq $type "tabs") $vertical -}}
+    {{- errorf "Tabs do not support vertical layout" -}}
+{{- end -}}
+
+{{- $inner := .Inner -}}
+{{- $items := findRE "data-header=\"(.+?)\"" $inner -}}
+{{- $showVal := findRE "data-show-id=\"(.+?)\"" $inner -}}
+{{- $showID := -1 -}}
+{{- if gt (len $showVal) 0 -}}
+    {{- $showID = int (partial "utilities/GetVal.html" (index $showVal 0)) -}}
+{{- end -}}
+
+{{ if $vertical }}<div class="d-flex align-items-start">{{ end }}
+<div class="nav{{ with $type }} nav-{{ . }}{{ end }}{{ with $class }} {{ . }}{{ end }}{{ if $vertical }} flex-column{{ end }}" id="nav-{{ $id }}" role="tablist"{{ if $vertical }} aria-orientation="vertical"{{ end }}>
+    {{- range $index, $item := $items -}}
+        {{- $header := partial "utilities/GetVal.html" $item -}}
+        <button class="nav-link text-nowrap{{ if eq $index $showID }} active{{ end }}" id="nav-{{ $id }}-btn-{{ $index }}" data-bs-toggle="pill" data-bs-target="#nav-{{ $id }}-{{ $index }}" 
+                type="button" role="tab" aria-controls="nav-{{ $id }}-{{ $index }}" aria-selected="{{ if eq $index 0 }}true{{ else }}false{{ end }}">
+            {{ $header }}
+        </button>
+    {{ end -}}
+</div>
+
+<div class="tab-content {{ if eq $type "tabs" }}border border-top-0 p-3{{ else if $vertical }}ms-3{{ else }}mt-3{{ end }}">
+    {{- $inner -}}
+</div>
+{{ if $vertical }}</div>{{ end }}

layouts/shortcodes/navbar.html

@@ -8,12 +8,15 @@
     "style"         Optional style of the navbar, either "light" (default) or "dark".
     "color"         Optional background color of the navbar, either "primary", "secondary", "success",
                     "danger", "warning", "info", "light", "dark", "white" or "black". The default color is none.
+    "mode"          Optional flag to include a color mode switcher, default is "true" (if dark mode is enabled).
     "search"        Optional flag to include a search input, default is "true".
     "logo"          Optional address of the logo image.
     "title"         Optional brand title, displayed when the logo is not set.
 -->
 
 {{ $error := false }}
+{{ $supportedColors := slice "primary" "secondary" "success" "danger" "warning" "info" "light" "dark" "white" "black" "body" -}}
+{{ $supportedFlags := slice "true" "false" -}}
 
 {{ $id := add .Ordinal 1 }}
 
@@ -49,7 +52,6 @@
 {{ $color := "" -}}
 {{ with .Get "color" }}
     {{ $color = . }}
-    {{ $supportedColors := slice "primary" "secondary" "success" "danger" "warning" "info" "light" "dark" "white" "black" -}}
     {{ if not (in $supportedColors $color) -}}
         {{ errorf "Invalid value for param 'color': %s" $color -}}
         {{ $error = true -}}
@@ -58,12 +60,18 @@
 
 {{ $searchParam := "true" -}}
 {{ with .Get "search" }}{{ $searchParam = . }}{{ end -}}
-{{ $supportedFlags := slice "true" "false" -}}
 {{ if not (in $supportedFlags $searchParam) -}}
     {{ errorf "Invalid value for param 'search': %s" .Position -}}
     {{ $error = true -}}
 {{ end -}}
 
+{{ $modeParam := "true" -}}
+{{ with .Get "mode" }}{{ $modeParam = . }}{{ end -}}
+{{ if not (in $supportedFlags $modeParam) -}}
+    {{ errorf "Invalid value for param 'mode': %s" .Position -}}
+    {{ $error = true -}}
+{{ end -}}
+
 {{ $logo := "" -}}
 {{ with .Get "logo" }}{{ $logo = . }}{{ end -}}
 
@@ -71,5 +79,17 @@
 {{ with .Get "title" }}{{ $title = . }}{{ end -}}
 
 {{ if not $error -}}
-    {{- partial "assets/navbar.html" (dict "id" $id "page" $page "size" $size "style" $style "color" $color "search" $searchParam "menus" $menus "logo" $logo "title" $title) -}}
+    {{- partial "assets/navbar.html" (dict 
+        "id" $id 
+        "page" $page
+        "size" $size
+        "style" $style
+        "color" $color
+        "search" $searchParam
+        "mode" $modeParam
+        "menus" $menus
+        "logo" $logo
+        "title" $title
+        )
+    -}}
 {{ end -}}

layouts/tags/list.html

@@ -29,7 +29,7 @@
                             </div>
                             <div class="col">
                                 {{ if ne $year $lastYear }}
-                                    <p class="text-muted mt-5">{{ $year }}</p>
+                                    <p class="text-body-secondary mt-5">{{ $year }}</p>
                                     {{ $.Scratch.Set "lastYear" $year }}
                                 {{ end }}
                                 <a href="{{ .Permalink | relURL }}">{{ if .Draft }}{{ T "draft" | upper }}: {{end}}{{ .Title | markdownify }}</a>

netlify.toml

@@ -49,7 +49,12 @@
             fullscreen=(), \
             payment=() \
             """
-        Cache-Control = "public, max-age=31536000"
+        cache-control = """\
+            max-age=0, \
+            no-cache, \
+            no-store, \
+            must-revalidate \
+            """
         Access-Control-Allow-Origin = "*"
 
 [context.deploy-preview]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gethinode/hinode",
-  "version": "0.9.0-alpha2",
+  "version": "0.11.8",
   "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
   "keywords": [
     "hugo",
@@ -17,11 +17,11 @@
   },
   "scripts": {
     "prestart": "npm run clean",
-    "start": "exec-bin node_modules/.bin/hugo/hugo server --bind=0.0.0.0 --disableFastRender",
-    "prod": "exec-bin node_modules/.bin/hugo/hugo server --bind=0.0.0.0 --disableFastRender -e production",
+    "start": "hugo server --bind=0.0.0.0 --disableFastRender",
+    "start:prod": "hugo server --bind=0.0.0.0 --disableFastRender -e production",
     "prebuild": "npm run clean",
-    "build": "exec-bin node_modules/.bin/hugo/hugo --gc --minify",
-    "build:debug": "exec-bin node_modules/.bin/hugo/hugo -e debug --debug",
+    "build": "hugo --gc --minify",
+    "build:debug": "hugo -e debug --debug",
     "build:preview": "npm run build -D -F",
     "clean": "rimraf public resources",
     "clean:install": "rimraf package-lock.json node_modules",
@@ -31,14 +31,13 @@
     "lint:markdown": "markdownlint-cli2 \"*.md\" \"content/**/*.md\"",
     "lint:markdown-fix": "markdownlint-cli2-fix \"*.md\" \"content/**/*.md\"",
     "test": "npm run -s lint",
-    "env": "exec-bin node_modules/.bin/hugo/hugo env",
+    "env": "hugo env",
     "precheck": "npm version",
-    "check": "exec-bin node_modules/.bin/hugo/hugo version",
+    "check": "hugo version",
     "copy:fonts": "shx cp ./node_modules/@fortawesome/fontawesome-free/webfonts/* ./static/fonts/",
-    "create:syntax-light": "exec-bin node_modules/.bin/hugo/hugo gen chromastyles --style=github > ./assets/scss/components/_syntax-light.scss",
-    "create:syntax-dark": "exec-bin node_modules/.bin/hugo/hugo gen chromastyles --style=github-dark > ./assets/scss/components/_syntax-dark.scss",
+    "create:syntax-light": "hugo gen chromastyles --style=github > ./assets/scss/components/_syntax-light.scss",
+    "create:syntax-dark": "hugo gen chromastyles --style=github-dark > ./assets/scss/components/_syntax-dark.scss",
     "create:syntax": "npm run -s create:syntax-light & npm run -s create:syntax-dark",
-    "postinstall": "hugo-installer --version otherDependencies.hugo --extended --destination node_modules/.bin/hugo",
     "upgrade": "npx npm-check-updates -u"
   },
   "repository": {
@@ -52,27 +51,28 @@
   },
   "homepage": "https://gethinode.com",
   "devDependencies": {
-    "@fortawesome/fontawesome-free": "^6.3.0",
+    "@fortawesome/fontawesome-free": "^6.4.0",
     "@fullhuman/postcss-purgecss": "^5.0.0",
-    "autoprefixer": "^10.4.13",
-    "bootstrap": "^5.3.0-alpha1",
-    "eslint": "^8.34.0",
+    "autoprefixer": "^10.4.14",
+    "bootstrap": "^5.3.0-alpha3",
+    "cssnano": "^6.0.0",
+    "cssnano-preset-advanced": "^6.0.0",
+    "eslint": "^8.37.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-n": "^15.7.0",
     "eslint-plugin-promise": "^6.1.1",
-    "exec-bin": "^1.0.0",
     "flexsearch": "^0.7.31",
-    "hugo-installer": "^4.0.1",
+    "hugo-bin": "^0.102.0",
     "markdownlint-cli2": "^0.6.0",
     "postcss-cli": "^10.1.0",
     "purgecss-whitelister": "^2.4.0",
-    "rimraf": "^4.1.2",
+    "rimraf": "^5.0.0",
     "shx": "^0.3.4",
-    "stylelint": "^15.1.0",
-    "stylelint-config-standard-scss": "^7.0.0"
+    "stylelint": "^15.4.0",
+    "stylelint-config-standard-scss": "^8.0.0"
   },
-  "otherDependencies": {
-    "hugo": "0.110.0"
+  "hugo-bin": {
+    "buildTags": "extended"
   }
 }

static/fonts/inter-v12-latin-200.svg

@@ -0,0 +1,350 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs >
+<font id="Inter" horiz-adv-x="1838" ><font-face
+    font-family="Inter ExtraLight"
+    units-per-em="2816"
+    panose-1="2 0 5 3 0 0 0 2 0 4"
+    ascent="2728"
+    descent="-680"
+    alphabetic="0" />
+<glyph unicode=" " horiz-adv-x="792" />
+<glyph unicode="!" horiz-adv-x="752" d="M443 2048L436 597H316L309 2048H443ZM376 -13Q331 -13 300 18T268 95Q268 139 300 171T376 203Q420 203 452 171T484 95Q484 65 470 41T431 2T376 -13Z" />
+<glyph unicode="&quot;" horiz-adv-x="1019" d="M353 2048V1387H237V2048H353ZM780 2048V1387H664V2048H780Z" />
+<glyph unicode="#" horiz-adv-x="1781" d="M1028 0L1364 2048H1473L1137 0H1028ZM59 613L77 723H1605L1587 613H59ZM308 0L644 2048H753L417 0H308ZM176 1325L195 1435H1723L1704 1325H176Z" />
+<glyph unicode="$" horiz-adv-x="1748" d="M827 -256V2304H924V-256H827ZM1400 1536Q1384 1727 1245 1845T884 1963Q735 1963 619 1908T437 1758T371 1540Q371 1461 401 1398T488 1285T621 1198T791 1133L1015 1067Q1130 1032 1227 986T1397 877T1510 728T1551
+532Q1551 370 1468 242T1231 41T869 -33Q671 -33 525 34T293 220T197 496H325Q335 369 406 277T597 134T869 84Q1034 84 1160 140T1357 298T1428 533Q1428 641 1377 718T1227 851T980 951L741 1023Q501 1096 375 1222T248 1536Q248 1694 332 1816T560 2009T887
+2079Q1070 2079 1210 2009T1432 1816T1523 1536H1400Z" />
+<glyph unicode="%" horiz-adv-x="2213" d="M1272 376V455Q1272 572 1317 663T1442 806T1629 859Q1736 859 1816 807T1940 663T1985 455V376Q1985 259 1941 168T1816 24T1629 -28Q1523 -28 1443 24T1317 167T1272 376ZM1383 455V376Q1383 243 1450 158T1629 72Q1741
+72 1808 157T1875 376V455Q1875 588 1809 673T1629 759Q1518 759 1451 674T1383 455ZM228 1593V1672Q228 1789 273 1880T398 2024T585 2076Q692 2076 772 2024T896 1881T941 1672V1593Q941 1477 897 1386T772 1242T585 1189Q479 1189 399 1241T273 1385T228 1593ZM339
+1672V1593Q339 1460 406 1375T585 1289Q697 1289 764 1374T831 1593V1672Q831 1805 765 1890T585 1976Q474 1976 407 1891T339 1672ZM336 0L1741 2048H1868L463 0H336Z" />
+<glyph unicode="&amp;" horiz-adv-x="1696" d="M769 -28Q594 -28 459 45T246 242T168 523Q168 627 209 713T333 884T545 1064L844 1287Q970 1381 1028 1463T1087 1653Q1087 1781 1000 1872T777 1963Q685 1963 609 1916T487 1792T441 1629Q441 1561 473 1495T566
+1349T712 1164L1644 0H1496L640 1067Q541 1189 469 1281T358 1456T319 1631Q319 1754 379 1854T543 2014T775 2073Q903 2073 1001 2018T1154 1867T1209 1653Q1209 1522 1140 1416T924 1197L588 947Q420 819 356 719T291 523Q291 403 353 304T522 145T767 84Q905
+86 1022 138T1228 283T1374 506T1448 795L1567 789Q1557 664 1523 565T1445 389T1359 260Q1347 244 1336 229T1312 200Q1211 91 1065 32T769 -28Z" />
+<glyph unicode="&apos;" horiz-adv-x="592" d="M353 2048V1387H237V2048H353Z" />
+<glyph unicode="(" horiz-adv-x="932" d="M319 864Q319 1206 402 1528T643 2144H757Q683 2008 625 1854T527 1534T465 1200T443 864Q443 641 481 415T589 -23T757 -416H643Q486 -121 403 201T319 864Z" />
+<glyph unicode=")" horiz-adv-x="932" d="M613 864Q613 522 530 200T289 -416H175Q249 -280 307 -126T405 194T467 528T489 864Q489 1087 451 1313T343 1751T175 2144H289Q446 1849 529 1527T613 864Z" />
+<glyph unicode="*" horiz-adv-x="1408" d="M651 896L656 1389L231 1137L177 1231L609 1472L177 1713L231 1807L656 1555L651 2048H757L752 1555L1177 1807L1231 1713L799 1472L1231 1231L1177 1137L752 1389L757 896H651Z" />
+<glyph unicode="+" horiz-adv-x="1813" d="M848 193V1407H965V193H848ZM300 741V859H1513V741H300Z" />
+<glyph unicode="," horiz-adv-x="745" d="M493 280L475 175Q457 72 430 -57T373 -307T320 -500H225Q239 -428 259 -324T302 -93T345 168L363 280H493Z" />
+<glyph unicode="-" horiz-adv-x="1256" d="M1032 936V820H224V936H1032Z" />
+<glyph unicode="." horiz-adv-x="733" d="M367 -13Q322 -13 291 18T259 95Q259 139 290 171T367 203Q411 203 443 171T475 95Q475 65 461 41T422 2T367 -13Z" />
+<glyph unicode="/" horiz-adv-x="941" d="M860 2144L200 -308H83L743 2144H860Z" />
+<glyph unicode="0" horiz-adv-x="1696" d="M848 -28Q643 -28 496 98T271 459T192 1024Q192 1352 271 1588T496 1950T848 2076Q1053 2076 1199 1950T1425 1588T1504 1024Q1504 695 1426 460T1200 98T848 -28ZM848 88Q1097 88 1239 335T1381 1024Q1381 1318 1317
+1528T1133 1849T848 1961Q599 1961 457 1713T315 1024Q315 730 379 521T562 200T848 88Z" />
+<glyph unicode="1" horiz-adv-x="1201" d="M788 2048V0H663V1916H651L191 1611V1745L647 2048H788Z" />
+<glyph unicode="2" horiz-adv-x="1733" d="M244 0V95L907 859Q1049 1023 1132 1137T1251 1343T1287 1535Q1287 1660 1229 1756T1070 1907T841 1961Q707 1961 606 1902T449 1742T392 1515H271Q271 1674 345 1801T548 2002T844 2076Q1007 2076 1134 2005T1334 1812T1407
+1535Q1407 1422 1369 1318T1237 1085T980 768L424 127V116H1499V0H244Z" />
+<glyph unicode="3" horiz-adv-x="1749" d="M883 -28Q701 -28 558 41T332 232T245 512H372Q375 387 443 292T625 142T881 88Q1034 88 1149 148T1330 310T1395 540Q1395 676 1324 778T1126 938T831 996H755V1112H831Q974 1112 1087 1164T1265 1313T1331 1540Q1331
+1663 1274 1758T1117 1907T881 1961Q751 1961 646 1908T478 1759T415 1536H292Q294 1695 372 1817T583 2007T883 2076Q1053 2076 1181 2005T1381 1813T1453 1544Q1453 1366 1355 1240T1088 1064V1053Q1287 1009 1403 872T1519 540Q1519 380 1437 251T1212 47T883
+-28Z" />
+<glyph unicode="4" horiz-adv-x="1720" d="M193 460V560L1120 2048H1196V1855H1131L344 587V576H1527V460H193ZM1141 0V494V539V2048H1263V0H1141Z" />
+<glyph unicode="5" horiz-adv-x="1643" d="M801 -28Q637 -28 509 41T306 233T229 512H352Q356 326 481 207T801 88Q951 88 1065 160T1245 358T1309 640Q1309 806 1239 930T1052 1122T793 1191Q681 1191 583 1151T416 1047L275 1067L396 2048H1356V1932H503L409
+1165H419Q491 1229 590 1268T807 1308Q979 1308 1121 1224T1348 990T1432 641Q1431 449 1350 298T1127 60T801 -28Z" />
+<glyph unicode="6" horiz-adv-x="1679" d="M855 -28Q726 -27 610 27T405 197T264 495T212 933Q212 1162 248 1368T364 1733T570 1984T879 2076Q1037 2076 1157 2008T1350 1818T1437 1536H1313Q1292 1723 1180 1841T879 1960Q613 1960 473 1700T332 956H343Q383
+1052 461 1125T643 1240T860 1281Q1026 1281 1163 1196T1384 963T1467 628Q1467 451 1390 302T1176 62T855 -28ZM855 88Q995 88 1105 161T1280 356T1344 628Q1344 778 1278 900T1100 1093T847 1165Q737 1165 643 1121T482 998T383 820T365 608Q388 447 455 331T625
+151T855 88Z" />
+<glyph unicode="7" horiz-adv-x="1563" d="M297 0L1248 1921V1932H155V2048H1384V1928L432 0H297Z" />
+<glyph unicode="8" horiz-adv-x="1709" d="M855 -28Q669 -28 520 46T285 248T199 533Q198 658 252 768T402 955T619 1059V1068Q464 1117 367 1249T269 1548Q269 1697 346 1816T557 2006T855 2076Q1017 2076 1150 2007T1361 1818T1440 1548Q1440 1382 1344 1250T1091
+1068V1059Q1212 1034 1306 957T1455 769T1511 533Q1510 375 1424 248T1189 47T855 -28ZM855 88Q1008 88 1128 148T1317 310T1387 540Q1386 669 1316 774T1125 941T855 1003Q704 1003 584 941T393 774T323 540Q322 413 391 311T581 148T855 88ZM855 1111Q984 1111
+1088 1169T1255 1325T1317 1543Q1317 1663 1256 1757T1090 1906T855 1961Q724 1961 619 1907T453 1758T392 1543Q392 1423 453 1325T620 1169T855 1111Z" />
+<glyph unicode="9" horiz-adv-x="1679" d="M824 2076Q953 2076 1069 2021T1274 1852T1415 1556T1467 1119Q1467 890 1431 684T1315 317T1109 64T800 -28Q641 -28 521 41T329 232T241 516H365Q386 329 499 209T800 88Q1065 88 1206 349T1347 1096H1336Q1296 1000
+1218 927T1036 812T819 771Q652 771 514 856T294 1089T212 1424Q212 1600 288 1749T502 1987T824 2076ZM824 1960Q683 1960 573 1888T399 1694T335 1424Q335 1273 400 1152T578 959T832 887Q942 887 1036 931T1197 1054T1297 1233T1313 1444Q1291 1604 1224 1719T1054
+1897T824 1960Z" />
+<glyph unicode=":" horiz-adv-x="733" d="M367 93Q322 93 291 125T259 201Q259 246 290 277T367 309Q411 309 443 278T475 201Q475 172 461 147T422 108T367 93ZM367 1169Q322 1169 291 1201T259 1277Q259 1322 290 1353T367 1385Q411 1385 443 1354T475 1277Q475
+1248 461 1223T422 1184T367 1169Z" />
+<glyph unicode=";" horiz-adv-x="748" d="M493 280L475 175Q457 72 430 -57T373 -307T320 -500H225Q239 -428 259 -324T302 -93T345 168L363 280H493ZM403 1169Q358 1169 327 1201T295 1277Q295 1322 326 1353T403 1385Q447 1385 479 1354T511 1277Q511 1248 497
+1223T458 1184T403 1169Z" />
+<glyph unicode="&lt;" horiz-adv-x="1813" d="M327 752V848L1487 1541V1405L467 799L477 817V783L467 801L1487 195V59L327 752Z" />
+<glyph unicode="=" horiz-adv-x="1813" d="M384 1020V1135H1429V1020H384ZM384 465V580H1429V465H384Z" />
+<glyph unicode="&gt;" horiz-adv-x="1813" d="M1487 752L327 59V195L1347 801L1336 783V817L1347 799L327 1405V1541L1487 848V752Z" />
+<glyph unicode="?" horiz-adv-x="1375" d="M564 597V695Q565 820 594 905T686 1056T851 1191Q938 1251 993 1308T1073 1429T1099 1567Q1099 1684 1044 1773T894 1913T681 1964Q563 1964 467 1911T313 1762T252 1536H125Q128 1695 201 1817T400 2007T681 2076Q838
+2076 960 2010T1151 1827T1221 1563Q1221 1470 1191 1393T1097 1246T931 1106Q838 1042 785 984T709 858T687 695V597H564ZM628 -13Q583 -13 552 18T520 95Q520 139 551 171T628 203Q673 203 704 171T736 95Q736 65 722 41T683 2T628 -13Z" />
+<glyph unicode="@" horiz-adv-x="2636" d="M1345 -543Q1081 -543 860 -450T477 -187T227 212T139 716Q139 988 227 1217T477 1614T858 1876T1336 1969Q1592 1969 1804 1874T2172 1612T2412 1229T2497 769Q2497 630 2469 503T2382 277T2233 121T2017 64Q1941 64
+1881 91T1786 180T1747 347H1737Q1697 261 1631 193T1475 87T1277 49Q1155 51 1053 103T878 246T764 459T723 720Q723 857 765 974T883 1181T1060 1321T1277 1376Q1381 1379 1471 1345T1629 1247T1733 1101H1743V1352H1856V403Q1856 277 1892 223T2019 169Q2134
+169 2216 242T2341 450T2385 771Q2385 947 2336 1110T2194 1410T1971 1649T1680 1807T1332 1864Q1100 1864 904 1778T562 1537T336 1172T255 713Q255 464 335 254T562 -111T909 -351T1348 -436Q1458 -436 1564 -414T1763 -355T1928 -271L1973 -367Q1889 -421 1786
+-460T1570 -521T1345 -543ZM1288 160Q1425 160 1528 231T1689 430T1747 724Q1747 891 1688 1013T1526 1201T1291 1268Q1161 1268 1058 1194T895 997T835 724Q835 571 892 443T1051 237T1288 160Z" />
+<glyph unicode="A" horiz-adv-x="1792" d="M217 0H85L824 2048H968L1707 0H1575L901 1887H891L217 0ZM404 771H1388V655H404V771Z" />
+<glyph unicode="B" horiz-adv-x="1813" d="M296 0V2048H961Q1147 2048 1275 1982T1469 1797T1536 1520Q1536 1396 1496 1300T1385 1142T1217 1055V1043Q1323 1035 1414 970T1560 792T1616 531Q1616 374 1549 255T1347 68T1015 0H296ZM421 116H1015Q1246 116 1370
+232T1495 531Q1495 660 1435 762T1267 923T1019 983H421V116ZM421 1097H1004Q1135 1097 1226 1154T1366 1307T1415 1520Q1415 1710 1297 1821T961 1932H421V1097Z" />
+<glyph unicode="C" horiz-adv-x="2040" d="M1856 1408H1728Q1708 1512 1653 1609T1512 1785T1311 1910T1059 1956Q857 1956 688 1849T417 1533T315 1024Q315 721 416 513T687 199T1059 92Q1197 92 1311 137T1511 261T1653 438T1728 640H1856Q1834 516 1772 397T1608
+182T1369 29T1059 -28Q803 -28 608 102T303 470T192 1024Q192 1341 302 1578T608 1945T1059 2076Q1231 2076 1368 2020T1607 1868T1771 1653T1856 1408Z" />
+<glyph unicode="D" horiz-adv-x="2016" d="M864 0H296V2048H908Q1196 2048 1401 1926T1715 1577T1824 1031Q1823 706 1710 476T1383 123T864 0ZM421 116H859Q1133 116 1321 225T1605 540T1701 1031Q1701 1313 1608 1514T1338 1824T903 1932H421V116Z" />
+<glyph unicode="E" horiz-adv-x="1657" d="M296 0V2048H1436V1932H421V1083H1375V967H421V116H1460V0H296Z" />
+<glyph unicode="F" horiz-adv-x="1649" d="M296 0V2048H1439V1932H421V1083H1344V967H421V0H296Z" />
+<glyph unicode="G" horiz-adv-x="2084" d="M1731 1408Q1708 1512 1653 1609T1513 1785T1313 1910T1056 1956Q839 1956 672 1843T410 1520T315 1024Q315 741 409 531T672 207T1067 92Q1268 92 1423 185T1666 451T1751 865L1795 844H1099V960H1873V844Q1873 573
+1770 378T1484 77T1067 -28Q803 -28 606 103T301 470T192 1024Q192 1262 254 1456T431 1788T705 2001T1056 2076Q1230 2076 1369 2019T1609 1865T1774 1650T1859 1408H1731Z" />
+<glyph unicode="H" horiz-adv-x="2076" d="M296 0V2048H421V1083H1655V2048H1780V0H1655V967H421V0H296Z" />
+<glyph unicode="I" horiz-adv-x="717" d="M421 2048V0H296V2048H421Z" />
+<glyph unicode="J" horiz-adv-x="1485" d="M1064 2048H1189V557Q1189 353 1119 224T930 34T664 -28Q514 -28 396 28T208 185T140 416H264Q263 320 315 247T459 131T664 88Q774 88 865 135T1009 285T1064 557V2048Z" />
+<glyph unicode="K" horiz-adv-x="1769" d="M296 0V2048H421V859H435L1515 2048H1681L792 1079L1673 0H1517L712 989L421 667V0H296Z" />
+<glyph unicode="L" horiz-adv-x="1584" d="M296 0V2048H421V116H1421V0H296Z" />
+<glyph unicode="M" horiz-adv-x="2456" d="M296 2048H432L1221 180H1235L2024 2048H2160V0H2040V1751H2028L1287 0H1169L428 1751H416V0H296V2048Z" />
+<glyph unicode="N" horiz-adv-x="2157" d="M1861 2048V0H1739L433 1821H421V0H296V2048H419L1725 225H1737V2048H1861Z" />
+<glyph unicode="O" horiz-adv-x="2117" d="M1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076 1509 1945T1815 1578T1925 1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059
+1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024Z" />
+<glyph unicode="P" horiz-adv-x="1735" d="M296 0V2048H927Q1122 2048 1261 1968T1476 1749T1551 1432Q1551 1256 1476 1117T1262 898T928 817H384V933H925Q1083 933 1195 997T1367 1174T1427 1432Q1427 1578 1367 1691T1195 1868T924 1932H421V0H296Z" />
+<glyph unicode="Q" horiz-adv-x="2117" d="M1085 640H1229L1527 247L1555 209L1857 -192H1713L1465 137L1439 173L1085 640ZM1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076
+1509 1945T1815 1578T1925 1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059 1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024Z" />
+<glyph unicode="R" horiz-adv-x="1755" d="M296 0V2048H927Q1121 2048 1261 1972T1476 1762T1551 1449Q1551 1273 1476 1140T1262 931T928 856H363V973H925Q1083 973 1195 1032T1367 1197T1427 1449Q1427 1595 1367 1703T1195 1872T924 1932H421V0H296ZM1137 928L1641
+0H1497L996 928H1137Z" />
+<glyph unicode="S" horiz-adv-x="1748" d="M1400 1536Q1384 1727 1245 1845T884 1963Q735 1963 619 1908T437 1758T371 1540Q371 1461 401 1398T488 1285T621 1198T791 1133L1015 1067Q1130 1032 1227 986T1397 877T1510 728T1551 532Q1551 370 1468 242T1231
+41T869 -33Q671 -33 525 34T293 220T197 496H325Q335 369 406 277T597 134T869 84Q1034 84 1160 140T1357 298T1428 533Q1428 641 1377 718T1227 851T980 951L741 1023Q501 1096 375 1222T248 1536Q248 1694 332 1816T560 2009T887 2079Q1070 2079 1210 2009T1432
+1816T1523 1536H1400Z" />
+<glyph unicode="T" horiz-adv-x="1755" d="M160 1932V2048H1595V1932H940V0H815V1932H160Z" />
+<glyph unicode="U" horiz-adv-x="2104" d="M1683 2048H1808V692Q1808 483 1711 320T1444 62T1052 -33Q832 -33 661 61T393 320T296 692V2048H421V699Q421 522 501 384T724 167T1052 87Q1238 87 1380 166T1602 384T1683 699V2048Z" />
+<glyph unicode="V" horiz-adv-x="1792" d="M217 2048L889 161H903L1575 2048H1707L968 0H824L85 2048H217Z" />
+<glyph unicode="W" horiz-adv-x="2565" d="M636 0L73 2048H203L703 193H715L1207 2048H1359L1851 193H1863L2363 2048H2492L1929 0H1785L1288 1843H1277L780 0H636Z" />
+<glyph unicode="X" horiz-adv-x="1701" d="M240 2048L845 1121H856L1461 2048H1612L939 1024L1612 0H1461L856 921H845L240 0H89L768 1024L89 2048H240Z" />
+<glyph unicode="Y" horiz-adv-x="1776" d="M88 2048H236L881 1060H895L1540 2048H1688L951 929V0H825V929L88 2048Z" />
+<glyph unicode="Z" horiz-adv-x="1723" d="M201 0V103L1372 1932H203V2048H1521V1945L351 116H1531V0H201Z" />
+<glyph unicode="[" horiz-adv-x="932" d="M345 -416V2144H777V2036H463V-308H777V-416H345Z" />
+<glyph unicode="\" horiz-adv-x="941" d="M741 -308L81 2144H199L859 -308H741Z" />
+<glyph unicode="]" horiz-adv-x="932" d="M587 2144V-416H155V-308H469V2036H155V2144H587Z" />
+<glyph unicode="^" horiz-adv-x="1192" d="M571 1920H621V1844H571V1920ZM125 1120L535 1984H657L1067 1120H940L581 1884H611L253 1120H125Z" />
+<glyph unicode="_" horiz-adv-x="1225" d="M1231 0V-116H-7V0H1231Z" />
+<glyph unicode="`" horiz-adv-x="1400" d="M785 1755L484 2197H629L897 1755H785Z" />
+<glyph unicode="a" horiz-adv-x="1545" d="M660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 886T1112 929T1165 1017V1081Q1165 1249 1059 1348T767 1447Q602 1447 490 1375T332 1188L217 1231Q261 1341 344 1414T536
+1523T764 1559Q867 1559 960 1530T1127 1442T1244 1292T1287 1073V0H1165V277H1156Q1116 191 1047 121T880 9T660 -33ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498 690T344 581T295 419Q295 262 403
+171T672 80Z" />
+<glyph unicode="b" horiz-adv-x="1705" d="M296 0V2048H417V1193H429Q465 1292 531 1375T695 1508T924 1559Q1109 1559 1247 1457T1461 1175T1537 764Q1537 531 1461 352T1248 70T925 -32Q794 -32 696 18T532 152T429 335H415V0H296ZM416 765Q416 569 475 415T647
+171T915 81Q1073 81 1185 171T1356 417T1416 765Q1416 958 1357 1112T1185 1355T915 1445Q759 1445 647 1357T476 1115T416 765Z" />
+<glyph unicode="c" horiz-adv-x="1561" d="M829 -32Q633 -32 484 71T252 355T168 763Q168 991 252 1171T485 1455T828 1559Q974 1559 1094 1499T1294 1332T1396 1084H1272Q1242 1240 1123 1342T829 1445Q673 1445 551 1358T359 1117T289 765Q289 570 357 416T547
+171T829 81Q942 81 1035 126T1192 254T1275 448H1399Q1377 306 1299 198T1100 29T829 -32Z" />
+<glyph unicode="d" horiz-adv-x="1705" d="M780 -32Q595 -32 457 70T244 351T168 764Q168 995 244 1174T459 1456T781 1559Q913 1559 1010 1509T1174 1375T1276 1193H1288V2048H1409V0H1291V335H1276Q1239 236 1173 153T1009 19T780 -32ZM791 81Q947 81 1058 170T1229
+414T1289 765Q1289 961 1230 1114T1059 1356T791 1445Q633 1445 521 1356T349 1112T289 765Q289 572 348 417T520 172T791 81Z" />
+<glyph unicode="e" horiz-adv-x="1629" d="M852 -32Q644 -32 490 71T252 353T168 761Q168 991 252 1171T485 1455T823 1559Q952 1559 1067 1508T1271 1359T1410 1125T1461 817V741H245V852H1339Q1339 1019 1271 1153T1086 1366T823 1445Q670 1445 551 1360T362
+1129T289 805V755Q289 563 356 411T550 170T852 81Q978 81 1067 123T1214 227T1300 345L1411 300Q1376 223 1303 147T1117 19T852 -32Z" />
+<glyph unicode="f" horiz-adv-x="960" d="M833 1536V1427H152V1536H833ZM376 0V1775Q376 1891 429 1973T568 2098T755 2141Q808 2141 845 2133T911 2113L875 2005Q852 2013 826 2019T763 2025Q647 2025 572 1954T497 1756L496 0H376Z" />
+<glyph unicode="g" horiz-adv-x="1668" d="M807 -608Q664 -608 550 -571T357 -464T235 -300L337 -240Q371 -314 434 -372T590 -463T807 -496Q1029 -496 1158 -382T1288 -31V351H1276Q1241 251 1173 174T1005 52T780 8Q598 8 460 102T245 366T168 768Q168 999 243
+1177T457 1457T781 1559Q914 1559 1011 1509T1175 1375T1277 1193H1291V1536H1409V-36Q1409 -228 1334 -355T1123 -545T807 -608ZM791 121Q945 121 1056 199T1228 423T1289 769Q1289 963 1230 1116T1059 1357T791 1445Q632 1445 520 1356T349 1113T289 769Q289
+577 349 432T521 204T791 121Z" />
+<glyph unicode="h" horiz-adv-x="1621" d="M375 996V0H253V2048H375V1293H387Q441 1413 559 1484T844 1556Q999 1556 1117 1491T1301 1304T1368 1013V0H1247V1008Q1247 1205 1130 1324T821 1443Q692 1443 591 1387T433 1231T375 996Z" />
+<glyph unicode="i" horiz-adv-x="639" d="M259 0V1536H380V0H259ZM320 1808Q280 1808 251 1836T221 1904Q221 1944 250 1972T320 2000Q360 2000 389 1972T419 1904Q419 1864 390 1836T320 1808Z" />
+<glyph unicode="j" horiz-adv-x="639" d="M259 1536H380V-187Q380 -306 331 -393T197 -528T-1 -576Q-9 -576 -18 -576T-39 -573L-33 -460Q-25 -460 -18 -460T-3 -460Q109 -460 184 -388T259 -187V1536ZM319 1808Q278 1808 249 1836T220 1904Q220 1944 249 1972T319
+2000Q359 2000 388 1972T417 1904Q417 1864 388 1836T319 1808Z" />
+<glyph unicode="k" horiz-adv-x="1425" d="M359 600L357 775H389L1157 1536H1316L611 836L599 831L359 600ZM253 0V2048H375V0H253ZM1192 0L544 819L632 900L1348 0H1192Z" />
+<glyph unicode="l" horiz-adv-x="628" d="M375 2048V0H253V2048H375Z" />
+<glyph unicode="m" horiz-adv-x="2384" d="M253 0V1536H372V1304H384Q428 1420 536 1488T796 1556Q963 1556 1065 1476T1213 1259H1224Q1269 1394 1385 1475T1673 1556Q1896 1556 2013 1416T2131 1031V0H2009V1031Q2009 1223 1917 1333T1647 1443Q1457 1443 1355
+1324T1253 1021V0H1131V1039Q1131 1218 1041 1330T771 1443Q649 1443 561 1387T424 1233T375 1008V0H253Z" />
+<glyph unicode="n" horiz-adv-x="1616" d="M375 996V0H253V1536H372V1293H384Q438 1412 557 1484T840 1556Q995 1556 1112 1490T1296 1303T1363 1013V0H1241V1008Q1241 1204 1125 1323T817 1443Q689 1443 589 1387T432 1231T375 996Z" />
+<glyph unicode="o" horiz-adv-x="1648" d="M824 -32Q634 -32 486 70T253 353T168 763Q168 994 253 1173T486 1456T824 1559Q1014 1559 1162 1456T1395 1173T1480 763Q1480 533 1395 353T1162 71T824 -32ZM824 81Q985 81 1105 172T1292 418T1359 763Q1359 953 1292
+1107T1105 1353T824 1445Q663 1445 543 1354T356 1108T289 763Q289 573 355 418T542 172T824 81Z" />
+<glyph unicode="p" horiz-adv-x="1663" d="M253 -576V1536H372V1193H387Q423 1292 488 1375T651 1508T881 1559Q1067 1559 1205 1457T1419 1176T1495 764Q1495 532 1419 353T1205 71T883 -32Q752 -32 654 18T489 151T387 335H375V-576H253ZM373 765Q373 569 433
+415T605 171T872 81Q1029 81 1141 171T1313 417T1373 765Q1373 958 1314 1112T1143 1355T872 1445Q715 1445 604 1357T433 1115T373 765Z" />
+<glyph unicode="q" horiz-adv-x="1663" d="M1288 -576V335H1276Q1241 235 1174 152T1009 18T780 -32Q596 -32 459 70T245 352T168 764Q168 996 244 1175T458 1457T781 1559Q914 1559 1011 1509T1174 1375T1276 1193H1291V1536H1409V-576H1288ZM791 81Q946 81 1057
+170T1229 414T1289 765Q1289 961 1230 1114T1059 1356T791 1445Q632 1445 520 1356T349 1112T289 765Q289 572 349 417T521 172T791 81Z" />
+<glyph unicode="r" horiz-adv-x="960" d="M253 0V1536H372V1296H383Q433 1414 552 1485T823 1557Q839 1557 855 1557T885 1556V1433Q873 1434 857 1436T816 1439Q688 1439 589 1384T432 1233T375 1012V0H253Z" />
+<glyph unicode="s" horiz-adv-x="1416" d="M1229 1205L1116 1175Q1089 1259 1039 1320T914 1414T733 1448Q564 1448 457 1364T349 1145Q349 1035 422 964T645 855L881 796Q1063 751 1155 651T1247 401Q1247 274 1178 176T988 23T705 -32Q490 -32 352 68T175 357L292
+387Q325 237 429 159T704 80Q892 80 1007 169T1123 397Q1123 503 1055 576T849 683L604 743Q416 789 322 890T228 1141Q228 1265 293 1359T472 1506T733 1559Q928 1559 1051 1467T1229 1205Z" />
+<glyph unicode="t" horiz-adv-x="995" d="M796 1536V1427H125V1536H796ZM352 1904H473V363Q473 269 509 210T605 122T733 93Q766 93 790 98T837 111L867 0Q839 -10 805 -17T725 -25Q629 -25 544 18T405 143T352 341V1904Z" />
+<glyph unicode="u" horiz-adv-x="1612" d="M1237 545V1536H1359V0H1237V249H1227Q1173 130 1053 55T768 -20Q617 -20 501 46T319 233T253 523V1536H375V528Q375 336 491 218T793 99Q913 99 1014 153T1176 307T1237 545Z" />
+<glyph unicode="v" horiz-adv-x="1504" d="M1376 1536L821 0H683L128 1536H259L747 157H757L1245 1536H1376Z" />
+<glyph unicode="w" horiz-adv-x="2245" d="M588 0L128 1536H256L652 179H663L1060 1536H1187L1583 180H1593L1989 1536H2117L1657 0H1521L1129 1337H1116L724 0H588Z" />
+<glyph unicode="x" horiz-adv-x="1445" d="M299 1536L723 853L1147 1536H1288L796 768L1288 0H1147L723 672L299 0H157L647 768L157 1536H299Z" />
+<glyph unicode="y" horiz-adv-x="1504" d="M351 -576Q305 -576 260 -566T179 -540L215 -433Q309 -469 385 -459T521 -389T621 -213L691 -21L128 1536H259L747 157H757L1245 1536H1376L728 -261Q691 -365 635 -435T508 -540T351 -576Z" />
+<glyph unicode="z" horiz-adv-x="1463" d="M201 0V103L1105 1409V1420H251V1536H1260V1431L364 127V116H1296V0H201Z" />
+<glyph unicode="{" horiz-adv-x="932" d="M157 841V925Q328 926 391 990T455 1224V1680Q455 1799 478 1886T552 2030T681 2116T871 2144V2036Q763 2037 697 2000T600 1883T569 1680V1197Q569 1105 550 1038T484 928T358 863T157 841ZM871 -416Q760 -416 681 -388T552
+-303T479 -158T455 48V504Q455 673 392 737T157 803V887Q278 886 358 865T484 800T549 690T569 531V48Q569 -76 599 -155T696 -271T871 -308V-416ZM157 803V925H380V803H157Z" />
+<glyph unicode="|" horiz-adv-x="819" d="M464 2708V-660H355V2708H464Z" />
+<glyph unicode="}" horiz-adv-x="932" d="M775 887V803Q604 802 541 738T477 504V48Q477 -71 454 -158T380 -302T251 -388T61 -416V-308Q170 -308 236 -271T332 -155T363 48V531Q363 623 382 690T448 800T574 865T775 887ZM61 2144Q172 2144 251 2116T380 2031T453
+1886T477 1680V1224Q477 1055 540 991T775 925V841Q654 842 574 863T448 928T383 1038T363 1197V1680Q363 1804 333 1883T236 1999T61 2036V2144ZM775 925V803H552V925H775Z" />
+<glyph unicode="~" horiz-adv-x="1813" d="M253 651Q260 760 312 835T446 950T625 988Q728 987 805 947T960 847Q1024 799 1076 771T1195 741Q1293 741 1361 802T1445 967L1560 956Q1547 849 1495 776T1365 665T1196 627Q1103 627 1031 665T883 763Q818 811 761
+842T627 873Q520 874 449 814T368 645L253 651Z" />
+<glyph unicode="&#xa0;" horiz-adv-x="792" />
+<glyph unicode="&#xa1;" horiz-adv-x="752" d="M443 -520H309L316 931H436L443 -520ZM376 1541Q421 1541 452 1510T484 1433Q484 1389 452 1357T376 1325Q332 1325 300 1357T268 1433Q268 1463 282 1487T321 1526T376 1541Z" />
+<glyph unicode="&#xa2;" horiz-adv-x="1561" d="M772 0V2048H869V0H772ZM829 229Q633 229 484 332T252 615T168 1023Q168 1251 252 1431T485 1715T828 1819Q974 1819 1094 1760T1294 1593T1396 1345H1272Q1242 1500 1123 1603T829 1706Q673 1706 551 1619T359
+1378T289 1026Q289 831 357 676T547 432T829 342Q942 342 1035 387T1192 514T1275 709H1399Q1377 567 1299 459T1100 290T829 229Z" />
+<glyph unicode="&#xa3;" horiz-adv-x="1776" d="M1495 0H211V116H1495V0ZM1095 833H208V952H1095V833ZM577 1481L607 453Q612 301 565 194T405 57L307 116Q375 116 415 166T471 294T485 453L457 1481Q452 1665 525 1798T726 2004T1012 2076Q1137 2076 1240 2032T1416
+1912T1518 1740T1525 1537L1405 1569Q1425 1679 1376 1768T1232 1909T1016 1960Q890 1960 790 1902T632 1738T577 1481Z" />
+<glyph unicode="&#xa4;" horiz-adv-x="1957" d="M973 -28Q806 -28 660 37T405 221T234 496T172 836Q172 1019 233 1175T404 1449T660 1631T973 1696Q1143 1696 1289 1631T1545 1449T1717 1176T1779 836Q1779 653 1717 496T1546 221T1290 38T973 -28ZM973 88Q1118
+88 1242 145T1460 305T1606 543T1660 836Q1661 1047 1570 1215T1322 1482T973 1581Q783 1581 628 1483T380 1216T288 836Q288 627 379 458T626 188T973 88ZM1548 1344L1467 1431L1719 1691L1801 1604L1548 1344ZM1719 -7L1467 253L1548 339L1801 80L1719 -7ZM232
+-7L151 80L403 339L485 253L232 -7ZM403 1344L151 1604L232 1691L485 1431L403 1344Z" />
+<glyph unicode="&#xa5;" horiz-adv-x="1496" d="M193 2048L792 892L680 865L53 2048H193ZM704 892L1303 2048H1443L816 865L704 892ZM811 993V0H685V993H811ZM1280 951V848H216V951H1280ZM1280 656V553H216V656H1280Z" />
+<glyph unicode="&#xa6;" horiz-adv-x="599" d="M241 539H357V-384H241V539ZM357 2048V1129H241V2048H357Z" />
+<glyph unicode="&#xa7;" horiz-adv-x="1512" d="M1219 1612H1100Q1094 1759 1007 1861T756 1963Q650 1963 574 1919T457 1803T416 1648Q416 1563 456 1502T560 1395T696 1305L937 1163Q1006 1123 1077 1077T1207 976T1304 851T1341 691Q1341 606 1297 535T1178
+419T1013 365V361Q1145 268 1193 186T1241 5Q1241 -129 1176 -223T999 -367T749 -416Q603 -416 489 -358T308 -194T235 55H355Q363 -108 470 -205T749 -303Q904 -303 1013 -223T1123 5Q1123 75 1093 128T998 233T827 348L583 489Q484 547 407 600T278 709T198 827T171
+965Q171 1051 211 1125T323 1246T493 1297V1305Q402 1374 350 1455T297 1648Q297 1768 356 1865T518 2019T756 2076Q894 2076 996 2017T1155 1852T1219 1612ZM1225 691Q1225 775 1174 841T1043 961T883 1063L613 1221Q515 1235 442 1205T328 1113T287 971Q287 857
+375 774T639 589L883 448Q963 435 1042 460T1173 544T1225 691Z" />
+<glyph unicode="&#xa8;" horiz-adv-x="1792" d="M672 1808Q634 1808 605 1837T576 1904Q576 1944 605 1972T672 2000Q712 2000 740 1972T768 1904Q768 1866 740 1837T672 1808ZM1120 1808Q1082 1808 1053 1837T1024 1904Q1024 1944 1053 1972T1120 2000Q1160 2000
+1188 1972T1216 1904Q1216 1866 1188 1837T1120 1808Z" />
+<glyph unicode="&#xa9;" horiz-adv-x="2576" d="M716 1024Q716 1188 796 1323T1011 1538T1310 1618Q1436 1618 1542 1569T1722 1434T1827 1237H1699Q1657 1354 1553 1426T1310 1498Q1179 1498 1072 1434T900 1263T836 1024Q836 893 900 786T1071 614T1310 550Q1449
+550 1549 622T1692 811H1821Q1789 700 1717 614T1540 479T1310 430Q1146 430 1011 510T796 725T716 1024ZM1288 -32Q1070 -32 879 50T542 277T314 614T232 1024Q233 1243 315 1434T543 1770T879 1998T1288 2080Q1507 2080 1698 1998T2034 1771T2261 1434T2344 1024Q2345
+805 2263 614T2036 278T1699 50T1288 -32ZM1288 88Q1482 88 1652 161T1951 362T2152 660T2224 1024Q2223 1218 2150 1388T1949 1686T1652 1887T1288 1960Q1095 1960 926 1888T628 1686T427 1387T352 1024Q351 831 423 662T625 363T924 161T1288 88Z" />
+<glyph unicode="&#xaa;" horiz-adv-x="1099" d="M783 1184V1652Q781 1791 728 1856T563 1921Q441 1921 374 1866T300 1704L179 1715Q183 1857 287 1944T563 2032Q730 2032 817 1939T905 1652V1220Q905 1149 912 1090T939 975H812Q796 1022 789 1076T783 1184ZM811
+1560V1467H587Q434 1467 359 1411T284 1253Q283 1165 337 1114T489 1061Q548 1061 606 1081T715 1137T800 1219L824 1137Q745 1051 662 1002T469 952Q326 952 243 1034T159 1251Q160 1401 268 1480T587 1560H811Z" />
+<glyph unicode="&#xab;" horiz-adv-x="1493" d="M741 220H621L217 820V840H336L741 220ZM741 1448L336 828H217V848L621 1448H741ZM1253 220H1133L729 820V840H848L1253 220ZM1253 1448L848 828H729V848L1133 1448H1253Z" />
+<glyph unicode="&#xac;" horiz-adv-x="1445" d="M1288 1108V987H161V1108H1288ZM1288 1053V516H1153V1053H1288Z" />
+<glyph unicode="&#xad;" horiz-adv-x="1256" d="M1032 936V820H224V936H1032Z" />
+<glyph unicode="&#xae;" horiz-adv-x="1888" d="M681 916V1654H1017Q1082 1654 1135 1627T1218 1549T1249 1429Q1249 1359 1218 1307T1134 1225T1013 1195H735V1278H995Q1064 1278 1105 1318T1147 1429Q1147 1501 1106 1536T996 1571H778V916H681ZM1097 1253L1279
+916H1171L992 1253H1097ZM944 476Q778 476 633 538T378 710T206 965T144 1276Q144 1442 206 1587T378 1842T633 2014T944 2076Q1110 2076 1255 2014T1510 1842T1682 1587T1744 1276Q1744 1110 1682 965T1510 710T1255 538T944 476ZM944 583Q1136 583 1293 676T1544
+926T1637 1276Q1637 1468 1544 1625T1293 1875T944 1969Q752 1969 595 1876T344 1626T251 1276Q251 1085 344 927T594 676T944 583Z" />
+<glyph unicode="&#xaf;" horiz-adv-x="971" d="M855 1957V1848H116V1957H855Z" />
+<glyph unicode="&#xb0;" horiz-adv-x="1280" d="M640 1211Q521 1211 423 1269T267 1424T209 1641Q209 1760 267 1858T423 2014T640 2072Q759 2072 857 2014T1013 1858T1071 1641Q1071 1522 1013 1425T857 1269T640 1211ZM640 1320Q729 1320 802 1363T918 1480T961
+1642Q961 1730 918 1803T802 1919T640 1963Q551 1963 478 1920T362 1803T319 1642Q319 1553 362 1480T478 1364T640 1320Z" />
+<glyph unicode="&#xb1;" horiz-adv-x="1813" d="M305 160V277H1508V160H305ZM305 941V1059H1508V941H305ZM848 464V1536H965V464H848Z" />
+<glyph unicode="&#xb2;" horiz-adv-x="1168" d="M159 1024V1108L608 1553Q694 1639 747 1701T824 1818T849 1932Q849 2038 769 2105T567 2173Q439 2173 360 2100T281 1920H169Q169 2071 281 2169T568 2268Q683 2268 771 2224T910 2104T961 1933Q961 1861 934 1796T842
+1654T669 1471L324 1128V1123H1019V1024H159Z" />
+<glyph unicode="&#xb3;" horiz-adv-x="1175" d="M591 1008Q466 1008 367 1051T211 1170T152 1344H268Q269 1239 362 1174T591 1108Q734 1108 824 1180T915 1359Q915 1469 816 1539T555 1609H497V1703H555Q690 1703 781 1766T873 1940Q873 2040 794 2106T589 2173Q465
+2173 380 2107T292 1933H183Q183 2033 237 2108T383 2225T589 2268Q706 2268 795 2226T936 2110T987 1944Q987 1836 917 1762T736 1664V1656Q873 1631 951 1549T1029 1353Q1029 1255 973 1177T818 1054T591 1008Z" />
+<glyph unicode="&#xb4;" horiz-adv-x="1400" d="M628 1755L896 2197H1041L740 1755H628Z" />
+<glyph unicode="&#xb5;" horiz-adv-x="1643" d="M248 -589V1536H369V545Q369 414 427 314T587 156T823 99Q956 99 1058 156T1218 314T1276 545V1536H1397V0H1276V239H1267Q1210 118 1091 49T823 -20Q674 -20 555 49T379 239H369V-589H248Z" />
+<glyph unicode="&#xb6;" horiz-adv-x="1603" d="M1307 1932H971V760H855Q637 760 486 843T257 1072T179 1404Q179 1588 257 1733T486 1963T855 2048H1307V1932ZM1181 0V2048H1307V0H1181Z" />
+<glyph unicode="&#xb7;" horiz-adv-x="733" d="M367 788Q322 788 291 819T259 896Q259 940 290 972T367 1004Q411 1004 443 972T475 896Q475 866 461 842T422 803T367 788Z" />
+<glyph unicode="&#xb8;" horiz-adv-x="635" d="M268 8H376L361 -72Q455 -87 512 -145T569 -305Q569 -419 488 -480T249 -544L245 -449Q351 -447 403 -414T456 -308Q455 -228 401 -190T236 -151L268 8Z" />
+<glyph unicode="&#xb9;" horiz-adv-x="806" d="M429 1024V2134H417L121 1937V2059L413 2252H541V1024H429Z" />
+<glyph unicode="&#xba;" horiz-adv-x="1155" d="M132 1437V1551Q132 1699 185 1807T339 1973T579 2032Q788 2032 905 1902T1023 1551V1437Q1023 1288 970 1180T818 1014T577 955Q369 954 251 1084T132 1437ZM252 1551V1437Q252 1265 337 1164T577 1061Q734 1061
+818 1162T903 1437V1551Q903 1721 818 1822T579 1924Q423 1924 338 1823T252 1551Z" />
+<glyph unicode="&#xbb;" horiz-adv-x="1507" d="M233 220L639 840H757V820L353 220H233ZM233 1448H353L757 848V828H639L233 1448ZM758 220L1164 840H1282V820L878 220H758ZM758 1448H878L1282 848V828H1164L758 1448Z" />
+<glyph unicode="&#xbc;" horiz-adv-x="2303" d="M339 0L1744 2048H1871L465 0H339ZM378 1216V2186H367L87 2000V2121L362 2304H490V1216H378ZM1360 228V317L1908 1088H1980V945H1926L1485 328V324H2194V228H1360ZM1933 0V259L1934 296V1088H2040V0H1933Z" />
+<glyph unicode="&#xbd;" horiz-adv-x="2483" d="M339 0L1744 2048H1871L465 0H339ZM378 1216V2186H367L87 2000V2121L362 2304H490V1216H378ZM1569 0V83L1976 475Q2096 592 2144 659T2192 800Q2192 892 2120 950T1940 1009Q1828 1009 1757 947T1685 792H1576Q1576
+927 1678 1015T1941 1104Q2097 1104 2198 1017T2299 801Q2299 737 2274 680T2191 555T2035 393L1732 101V96H2352V0H1569Z" />
+<glyph unicode="&#xbe;" horiz-adv-x="2580" d="M616 0L2021 2048H2148L742 0H616ZM1638 228V317L2186 1088H2258V945H2204L1763 328V324H2472V228H1638ZM2211 0V259L2212 296V1088H2318V0H2211ZM535 1200Q421 1200 331 1239T189 1346T136 1503H249Q249 1412 331
+1355T535 1297Q662 1297 741 1360T821 1515Q821 1611 733 1671T504 1731H451V1817H504Q625 1817 706 1874T787 2024Q787 2110 717 2167T535 2225Q423 2225 348 2168T273 2020H163Q163 2107 212 2175T345 2281T535 2320Q640 2320 722 2282T850 2178T897 2029Q897
+1936 835 1870T668 1781V1776Q793 1754 864 1682T935 1509Q935 1421 884 1351T743 1241T535 1200Z" />
+<glyph unicode="&#xbf;" horiz-adv-x="1375" d="M811 945V848Q810 723 781 638T688 487T524 352Q437 293 382 235T302 114T276 -24Q276 -141 331 -231T481 -371T693 -421Q811 -421 907 -368T1062 -219T1123 7H1249Q1247 -153 1174 -274T975 -464T693 -533Q537
+-533 415 -467T223 -284T153 -20Q153 74 183 151T278 297T444 437Q537 501 590 559T665 685T688 848V945H811ZM747 1556Q791 1556 823 1525T855 1448Q855 1403 823 1372T747 1340Q702 1340 671 1371T639 1448Q639 1478 653 1502T692 1541T747 1556Z" />
+<glyph unicode="&#xc0;" horiz-adv-x="1792" d="M217 0H85L824 2048H968L1707 0H1575L901 1887H891L217 0ZM404 771H1388V655H404V771ZM842 2267L541 2709H686L954 2267H842Z" />
+<glyph unicode="&#xc1;" horiz-adv-x="1792" d="M217 0H85L824 2048H968L1707 0H1575L901 1887H891L217 0ZM404 771H1388V655H404V771ZM837 2267L1105 2709H1250L949 2267H837Z" />
+<glyph unicode="&#xc2;" horiz-adv-x="1792" d="M217 0H85L824 2048H968L1707 0H1575L901 1887H891L217 0ZM404 771H1388V655H404V771ZM1165 2216L896 2515L627 2216H501V2227L855 2616H937L1291 2227V2216H1165Z" />
+<glyph unicode="&#xc3;" horiz-adv-x="1792" d="M217 0H85L824 2048H968L1707 0H1575L901 1887H891L217 0ZM404 771H1388V655H404V771ZM531 2313L427 2321Q436 2435 514 2507T704 2579Q769 2579 817 2556T906 2503T989 2450T1087 2427Q1151 2427 1203 2470T1265
+2581L1368 2565Q1353 2453 1274 2385T1091 2316Q1025 2316 980 2339T895 2392T813 2445T708 2468Q637 2468 587 2424T531 2313Z" />
+<glyph unicode="&#xc4;" horiz-adv-x="1792" d="M217 0H85L824 2048H968L1707 0H1575L901 1887H891L217 0ZM404 771H1388V655H404V771ZM672 2320Q634 2320 605 2349T576 2416Q576 2456 605 2484T672 2512Q712 2512 740 2484T768 2416Q768 2378 740 2349T672 2320ZM1120
+2320Q1082 2320 1053 2349T1024 2416Q1024 2456 1053 2484T1120 2512Q1160 2512 1188 2484T1216 2416Q1216 2378 1188 2349T1120 2320Z" />
+<glyph unicode="&#xc5;" horiz-adv-x="1792" d="M217 0H85L824 2048H968L1707 0H1575L901 1887H891L217 0ZM404 771H1388V655H404V771ZM896 2161Q793 2161 720 2234T647 2410Q647 2479 680 2535T770 2625T896 2659Q965 2659 1021 2626T1111 2536T1145 2410Q1145
+2341 1112 2285T1022 2195T896 2161ZM896 2252Q963 2252 1008 2298T1053 2410Q1053 2476 1008 2522T896 2568Q829 2568 784 2522T739 2410Q739 2344 784 2298T896 2252Z" />
+<glyph unicode="&#xc6;" horiz-adv-x="2729" d="M85 0L1112 2048H2508V1932H1493V1083H2447V967H1493V116H2532V0H1368V1932H1185L224 0H85ZM497 655V771H1433V655H497Z" />
+<glyph unicode="&#xc7;" horiz-adv-x="2040" d="M1856 1408H1728Q1708 1512 1653 1609T1512 1785T1311 1910T1059 1956Q857 1956 688 1849T417 1533T315 1024Q315 721 416 513T687 199T1059 92Q1197 92 1311 137T1511 261T1653 438T1728 640H1856Q1834 516 1772
+397T1608 182T1369 29T1059 -28Q803 -28 608 102T303 470T192 1024Q192 1341 302 1578T608 1945T1059 2076Q1231 2076 1368 2020T1607 1868T1771 1653T1856 1408ZM1003 3H1111L1096 -77Q1190 -92 1247 -150T1304 -310Q1304 -424 1223 -485T984 -549L980 -454Q1086
+-452 1138 -419T1191 -313Q1190 -233 1136 -195T971 -156L1003 3Z" />
+<glyph unicode="&#xc8;" horiz-adv-x="1657" d="M296 0V2048H1436V1932H421V1083H1375V967H421V116H1460V0H296ZM816 2267L515 2709H660L928 2267H816Z" />
+<glyph unicode="&#xc9;" horiz-adv-x="1657" d="M296 0V2048H1436V1932H421V1083H1375V967H421V116H1460V0H296ZM811 2267L1079 2709H1224L923 2267H811Z" />
+<glyph unicode="&#xca;" horiz-adv-x="1657" d="M296 0V2048H1436V1932H421V1083H1375V967H421V116H1460V0H296ZM1138 2216L869 2515L600 2216H474V2227L828 2616H910L1264 2227V2216H1138Z" />
+<glyph unicode="&#xcb;" horiz-adv-x="1657" d="M296 0V2048H1436V1932H421V1083H1375V967H421V116H1460V0H296ZM901 2320Q863 2320 834 2349T805 2416Q805 2457 834 2484T901 2512Q941 2512 969 2485T997 2416Q997 2378 969 2349T901 2320ZM1349 2320Q1311 2320
+1282 2349T1253 2416Q1253 2457 1282 2484T1349 2512Q1389 2512 1417 2485T1445 2416Q1445 2378 1417 2349T1349 2320Z" />
+<glyph unicode="&#xcc;" horiz-adv-x="717" d="M421 2048V0H296V2048H421ZM305 2267L4 2709H149L417 2267H305Z" />
+<glyph unicode="&#xcd;" horiz-adv-x="717" d="M421 2048V0H296V2048H421ZM300 2267L568 2709H713L412 2267H300Z" />
+<glyph unicode="&#xce;" horiz-adv-x="717" d="M421 2048V0H296V2048H421ZM628 2216L359 2515L90 2216H-36V2227L318 2616H400L754 2227V2216H628Z" />
+<glyph unicode="&#xcf;" horiz-adv-x="717" d="M421 2048V0H296V2048H421ZM135 2320Q96 2320 68 2349T39 2416Q39 2456 67 2484T135 2512Q175 2512 203 2484T231 2416Q231 2378 203 2349T135 2320ZM583 2320Q544 2320 516 2349T487 2416Q487 2456 515 2484T583
+2512Q623 2512 651 2484T679 2416Q679 2378 651 2349T583 2320Z" />
+<glyph unicode="&#xd0;" horiz-adv-x="2016" d="M864 0H364V116H859Q1133 116 1321 225T1605 540T1701 1031Q1701 1313 1608 1514T1338 1824T903 1932H360V2048H908Q1196 2048 1401 1926T1715 1577T1824 1031Q1823 706 1710 476T1383 123T864 0ZM421 2048V0H296V2048H421ZM-41
+993V1097H759V993H-41Z" />
+<glyph unicode="&#xd1;" horiz-adv-x="2157" d="M1861 2048V0H1739L433 1821H421V0H296V2048H419L1725 225H1737V2048H1861ZM712 2288L608 2296Q617 2410 695 2481T885 2553Q950 2553 998 2530T1087 2478T1170 2425T1268 2401Q1332 2401 1384 2444T1446 2556L1549
+2540Q1534 2427 1455 2359T1272 2291Q1206 2291 1161 2314T1076 2366T994 2419T889 2443Q818 2443 768 2399T712 2288Z" />
+<glyph unicode="&#xd2;" horiz-adv-x="2117" d="M1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076 1509 1945T1815 1578T1925 1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059
+1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024ZM1005 2267L704 2709H849L1117 2267H1005Z" />
+<glyph unicode="&#xd3;" horiz-adv-x="2117" d="M1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076 1509 1945T1815 1578T1925 1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059
+1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024ZM1000 2267L1268 2709H1413L1112 2267H1000Z" />
+<glyph unicode="&#xd4;" horiz-adv-x="2117" d="M1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076 1509 1945T1815 1578T1925 1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059
+1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024ZM1328 2216L1059 2515L790 2216H664V2227L1018 2616H1100L1454 2227V2216H1328Z" />
+<glyph unicode="&#xd5;" horiz-adv-x="2117" d="M1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076 1509 1945T1815 1578T1925 1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059
+1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024ZM694 2313L590 2321Q599 2435 677 2507T867 2579Q932 2579 980 2556T1069 2503T1152 2450T1250 2427Q1314 2427 1366 2470T1428 2581L1531 2565Q1516
+2453 1437 2385T1254 2316Q1188 2316 1143 2339T1058 2392T976 2445T871 2468Q800 2468 750 2424T694 2313Z" />
+<glyph unicode="&#xd6;" horiz-adv-x="2117" d="M1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076 1509 1945T1815 1578T1925 1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059
+1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024ZM835 2320Q796 2320 768 2349T739 2416Q739 2456 767 2484T835 2512Q875 2512 903 2484T931 2416Q931 2378 903 2349T835 2320ZM1283 2320Q1244
+2320 1216 2349T1187 2416Q1187 2456 1215 2484T1283 2512Q1323 2512 1351 2484T1379 2416Q1379 2378 1351 2349T1283 2320Z" />
+<glyph unicode="&#xd7;" horiz-adv-x="1813" d="M1430 195L302 1323L383 1405L1511 277L1430 195ZM383 195L302 277L1430 1405L1511 1323L383 195Z" />
+<glyph unicode="&#xd8;" horiz-adv-x="2117" d="M403 -60L317 -1L1712 2107L1797 2048L403 -60ZM1925 1024Q1925 707 1815 471T1510 103T1059 -28Q803 -28 608 103T302 471T192 1024Q192 1341 302 1577T608 1944T1059 2076Q1314 2076 1509 1945T1815 1578T1925
+1024ZM1803 1024Q1803 1309 1708 1518T1444 1841T1059 1956Q842 1956 674 1843T411 1520T315 1024Q315 741 409 532T672 207T1059 92Q1276 92 1444 206T1707 530T1803 1024Z" />
+<glyph unicode="&#xd9;" horiz-adv-x="2104" d="M1683 2048H1808V692Q1808 483 1711 320T1444 62T1052 -33Q832 -33 661 61T393 320T296 692V2048H421V699Q421 522 501 384T724 167T1052 87Q1238 87 1380 166T1602 384T1683 699V2048ZM998 2267L697 2709H842L1110
+2267H998Z" />
+<glyph unicode="&#xda;" horiz-adv-x="2104" d="M1683 2048H1808V692Q1808 483 1711 320T1444 62T1052 -33Q832 -33 661 61T393 320T296 692V2048H421V699Q421 522 501 384T724 167T1052 87Q1238 87 1380 166T1602 384T1683 699V2048ZM993 2267L1261 2709H1406L1105
+2267H993Z" />
+<glyph unicode="&#xdb;" horiz-adv-x="2104" d="M1683 2048H1808V692Q1808 483 1711 320T1444 62T1052 -33Q832 -33 661 61T393 320T296 692V2048H421V699Q421 522 501 384T724 167T1052 87Q1238 87 1380 166T1602 384T1683 699V2048ZM1321 2216L1052 2515L783
+2216H657V2227L1011 2616H1093L1447 2227V2216H1321Z" />
+<glyph unicode="&#xdc;" horiz-adv-x="2104" d="M1683 2048H1808V692Q1808 483 1711 320T1444 62T1052 -33Q832 -33 661 61T393 320T296 692V2048H421V699Q421 522 501 384T724 167T1052 87Q1238 87 1380 166T1602 384T1683 699V2048ZM828 2320Q790 2320 761 2349T732
+2416Q732 2457 761 2484T828 2512Q868 2512 896 2485T924 2416Q924 2378 896 2349T828 2320ZM1276 2320Q1238 2320 1209 2349T1180 2416Q1180 2457 1209 2484T1276 2512Q1316 2512 1344 2485T1372 2416Q1372 2378 1344 2349T1276 2320Z" />
+<glyph unicode="&#xdd;" horiz-adv-x="1776" d="M88 2048H236L881 1060H895L1540 2048H1688L951 929V0H825V929L88 2048ZM829 2267L1097 2709H1242L941 2267H829Z" />
+<glyph unicode="&#xde;" horiz-adv-x="1701" d="M272 2048H395V0H272V2048ZM332 1579H855Q1049 1579 1189 1510T1403 1317T1477 1031Q1477 866 1404 742T1192 550T855 481H332V597H855Q1015 597 1126 647T1296 794T1356 1027Q1355 1163 1296 1261T1125 1411T855
+1463H332V1579Z" />
+<glyph unicode="&#xdf;" horiz-adv-x="1651" d="M296 0V1535Q296 1700 363 1822T550 2010T831 2076Q984 2076 1101 2014T1285 1838T1351 1572Q1350 1388 1253 1257T987 1072V1060Q1209 1019 1331 887T1453 545Q1453 383 1380 261T1173 69T859 0H691V116H871Q1010
+116 1113 169T1275 318T1333 537Q1333 743 1183 867T779 992H699V1109H763Q904 1109 1009 1168T1171 1330T1229 1560Q1229 1740 1122 1850T833 1960Q644 1961 531 1844T417 1524V0H296Z" />
+<glyph unicode="&#xe0;" horiz-adv-x="1545" d="M660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 886T1112 929T1165 1017V1081Q1165 1249 1059 1348T767 1447Q602 1447 490 1375T332 1188L217 1231Q261 1341 344
+1414T536 1523T764 1559Q867 1559 960 1530T1127 1442T1244 1292T1287 1073V0H1165V277H1156Q1116 191 1047 121T880 9T660 -33ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498 690T344 581T295 419Q295
+262 403 171T672 80ZM982 1755L681 2197H826L1094 1755H982Z" />
+<glyph unicode="&#xe1;" horiz-adv-x="1545" d="M660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 886T1112 929T1165 1017V1081Q1165 1249 1059 1348T767 1447Q602 1447 490 1375T332 1188L217 1231Q261 1341 344
+1414T536 1523T764 1559Q867 1559 960 1530T1127 1442T1244 1292T1287 1073V0H1165V277H1156Q1116 191 1047 121T880 9T660 -33ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498 690T344 581T295 419Q295
+262 403 171T672 80ZM721 1755L989 2197H1134L833 1755H721Z" />
+<glyph unicode="&#xe2;" horiz-adv-x="1545" d="M660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 886T1112 929T1165 1017V1081Q1165 1249 1059 1348T767 1447Q602 1447 490 1375T332 1188L217 1231Q261 1341 344
+1414T536 1523T764 1559Q867 1559 960 1530T1127 1442T1244 1292T1287 1073V0H1165V277H1156Q1116 191 1047 121T880 9T660 -33ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498 690T344 581T295 419Q295
+262 403 171T672 80ZM1049 1704L780 2003L511 1704H385V1715L739 2104H821L1175 1715V1704H1049Z" />
+<glyph unicode="&#xe3;" horiz-adv-x="1545" d="M660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 886T1112 929T1165 1017V1081Q1165 1249 1059 1348T767 1447Q602 1447 490 1375T332 1188L217 1231Q261 1341 344
+1414T536 1523T764 1559Q867 1559 960 1530T1127 1442T1244 1292T1287 1073V0H1165V277H1156Q1116 191 1047 121T880 9T660 -33ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498 690T344 581T295 419Q295
+262 403 171T672 80ZM414 1776L310 1784Q319 1898 397 1969T587 2041Q652 2041 700 2018T789 1966T872 1913T970 1889Q1034 1889 1086 1932T1148 2044L1251 2028Q1236 1915 1157 1847T974 1779Q908 1779 863 1802T778 1854T696 1907T591 1931Q520 1931 470 1887T414
+1776Z" />
+<glyph unicode="&#xe4;" horiz-adv-x="1545" d="M660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 886T1112 929T1165 1017V1081Q1165 1249 1059 1348T767 1447Q602 1447 490 1375T332 1188L217 1231Q261 1341 344
+1414T536 1523T764 1559Q867 1559 960 1530T1127 1442T1244 1292T1287 1073V0H1165V277H1156Q1116 191 1047 121T880 9T660 -33ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498 690T344 581T295 419Q295
+262 403 171T672 80ZM556 1808Q518 1808 489 1837T460 1904Q460 1944 489 1972T556 2000Q596 2000 624 1972T652 1904Q652 1866 624 1837T556 1808ZM1004 1808Q966 1808 937 1837T908 1904Q908 1944 937 1972T1004 2000Q1044 2000 1072 1972T1100 1904Q1100 1866
+1072 1837T1004 1808Z" />
+<glyph unicode="&#xe5;" horiz-adv-x="1545" d="M660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 886T1112 929T1165 1017V1081Q1165 1249 1059 1348T767 1447Q602 1447 490 1375T332 1188L217 1231Q261 1341 344
+1414T536 1523T764 1559Q867 1559 960 1530T1127 1442T1244 1292T1287 1073V0H1165V277H1156Q1116 191 1047 121T880 9T660 -33ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498 690T344 581T295 419Q295
+262 403 171T672 80ZM780 1721Q704 1721 642 1756T544 1852T507 1987Q507 2061 543 2122T642 2219T780 2256Q857 2256 918 2220T1016 2122T1052 1987Q1052 1913 1016 1853T919 1757T780 1721ZM780 1815Q854 1815 903 1866T953 1987Q953 2058 903 2109T780 2161Q706
+2161 657 2109T607 1987Q607 1917 657 1866T780 1815Z" />
+<glyph unicode="&#xe6;" horiz-adv-x="2599" d="M1821 -32Q1582 -32 1418 101T1195 447L1223 1144Q1298 1333 1446 1446T1792 1559Q1921 1559 2036 1507T2240 1359T2380 1125T2431 817V741H1223V852H2308Q2308 1018 2240 1152T2056 1366T1792 1445Q1640 1445 1521
+1360T1331 1129T1259 805V755Q1259 562 1326 410T1519 170T1821 81Q1947 81 2036 123T2183 227T2269 345L2380 300Q2345 223 2272 147T2086 19T1821 -32ZM672 80Q816 80 927 150T1102 344T1165 623V849Q1142 829 1099 814T1001 787T887 767T771 751Q603 731 498
+690T344 581T295 419Q295 262 403 171T672 80ZM660 -33Q527 -33 417 20T240 175T173 423Q173 519 207 592T312 718T494 805T759 859Q876 873 968 887T1112 930T1165 1017V1081Q1165 1248 1059 1347T767 1447Q603 1447 490 1375T332 1188L217 1231Q261 1341 344
+1414T536 1523T764 1559Q863 1559 950 1532T1107 1453T1221 1323T1277 1143L1247 413H1232Q1191 262 1103 163T898 16T660 -33Z" />
+<glyph unicode="&#xe7;" horiz-adv-x="1561" d="M829 -32Q633 -32 484 71T252 355T168 763Q168 991 252 1171T485 1455T828 1559Q974 1559 1094 1499T1294 1332T1396 1084H1272Q1242 1240 1123 1342T829 1445Q673 1445 551 1358T359 1117T289 765Q289 570 357
+416T547 171T829 81Q942 81 1035 126T1192 254T1275 448H1399Q1377 306 1299 198T1100 29T829 -32ZM760 8H868L853 -72Q947 -87 1004 -145T1061 -305Q1061 -419 980 -480T741 -544L737 -449Q843 -447 895 -414T948 -308Q947 -228 893 -190T728 -151L760 8Z" />
+<glyph unicode="&#xe8;" horiz-adv-x="1629" d="M852 -32Q644 -32 490 71T252 353T168 761Q168 991 252 1171T485 1455T823 1559Q952 1559 1067 1508T1271 1359T1410 1125T1461 817V741H245V852H1339Q1339 1019 1271 1153T1086 1366T823 1445Q670 1445 551 1360T362
+1129T289 805V755Q289 563 356 411T550 170T852 81Q978 81 1067 123T1214 227T1300 345L1411 300Q1376 223 1303 147T1117 19T852 -32ZM1018 1755L717 2197H862L1130 1755H1018Z" />
+<glyph unicode="&#xe9;" horiz-adv-x="1629" d="M852 -32Q644 -32 490 71T252 353T168 761Q168 991 252 1171T485 1455T823 1559Q952 1559 1067 1508T1271 1359T1410 1125T1461 817V741H245V852H1339Q1339 1019 1271 1153T1086 1366T823 1445Q670 1445 551 1360T362
+1129T289 805V755Q289 563 356 411T550 170T852 81Q978 81 1067 123T1214 227T1300 345L1411 300Q1376 223 1303 147T1117 19T852 -32ZM757 1755L1025 2197H1170L869 1755H757Z" />
+<glyph unicode="&#xea;" horiz-adv-x="1629" d="M852 -32Q644 -32 490 71T252 353T168 761Q168 991 252 1171T485 1455T823 1559Q952 1559 1067 1508T1271 1359T1410 1125T1461 817V741H245V852H1339Q1339 1019 1271 1153T1086 1366T823 1445Q670 1445 551 1360T362
+1129T289 805V755Q289 563 356 411T550 170T852 81Q978 81 1067 123T1214 227T1300 345L1411 300Q1376 223 1303 147T1117 19T852 -32ZM1085 1704L816 2003L547 1704H421V1715L775 2104H857L1211 1715V1704H1085Z" />
+<glyph unicode="&#xeb;" horiz-adv-x="1629" d="M852 -32Q644 -32 490 71T252 353T168 761Q168 991 252 1171T485 1455T823 1559Q952 1559 1067 1508T1271 1359T1410 1125T1461 817V741H245V852H1339Q1339 1019 1271 1153T1086 1366T823 1445Q670 1445 551 1360T362
+1129T289 805V755Q289 563 356 411T550 170T852 81Q978 81 1067 123T1214 227T1300 345L1411 300Q1376 223 1303 147T1117 19T852 -32ZM592 1808Q554 1808 525 1837T496 1904Q496 1944 525 1972T592 2000Q632 2000 660 1972T688 1904Q688 1866 660 1837T592 1808ZM1040
+1808Q1002 1808 973 1837T944 1904Q944 1944 973 1972T1040 2000Q1080 2000 1108 1972T1136 1904Q1136 1866 1108 1837T1040 1808Z" />
+<glyph unicode="&#xec;" horiz-adv-x="639" d="M259 0V1536H380V0H259ZM266 1755L-35 2197H110L378 1755H266Z" />
+<glyph unicode="&#xed;" horiz-adv-x="639" d="M259 0V1536H380V0H259ZM261 1755L529 2197H674L373 1755H261Z" />
+<glyph unicode="&#xee;" horiz-adv-x="639" d="M259 0V1536H380V0H259ZM589 1704L320 2003L51 1704H-75V1715L279 2104H361L715 1715V1704H589Z" />
+<glyph unicode="&#xef;" horiz-adv-x="639" d="M259 0V1536H380V0H259ZM96 1808Q58 1808 29 1837T0 1904Q0 1944 29 1972T96 2000Q136 2000 164 1972T192 1904Q192 1866 164 1837T96 1808ZM544 1808Q506 1808 477 1837T448 1904Q448 1944 477 1972T544 2000Q584
+2000 612 1972T640 1904Q640 1866 612 1837T544 1808Z" />
+<glyph unicode="&#xf0;" horiz-adv-x="1657" d="M1341 1989L545 1620L512 1711L1308 2080L1341 1989ZM829 -32Q638 -32 489 65T254 331T168 711Q168 923 253 1091T484 1356T809 1453Q925 1453 1019 1415T1188 1308T1315 1145H1328Q1271 1324 1166 1494T903 1814T532
+2077L580 2176Q775 2073 940 1924T1229 1591T1420 1195T1489 753Q1490 511 1404 335T1169 63T829 -32ZM829 81Q989 81 1111 164T1302 389T1372 705Q1372 876 1305 1021T1115 1256T829 1345Q671 1345 549 1260T358 1030T289 711Q289 538 357 395T546 167T829 81Z"
+/>
+<glyph unicode="&#xf1;" horiz-adv-x="1616" d="M375 996V0H253V1536H372V1293H384Q438 1412 557 1484T840 1556Q995 1556 1112 1490T1296 1303T1363 1013V0H1241V1008Q1241 1204 1125 1323T817 1443Q689 1443 589 1387T432 1231T375 996ZM444 1776L340 1784Q349
+1898 427 1969T617 2041Q682 2041 730 2018T819 1966T902 1913T1000 1889Q1064 1889 1116 1932T1178 2044L1281 2028Q1266 1915 1187 1847T1004 1779Q938 1779 893 1802T808 1854T726 1907T621 1931Q550 1931 500 1887T444 1776Z" />
+<glyph unicode="&#xf2;" horiz-adv-x="1648" d="M824 -32Q634 -32 486 70T253 353T168 763Q168 994 253 1173T486 1456T824 1559Q1014 1559 1162 1456T1395 1173T1480 763Q1480 533 1395 353T1162 71T824 -32ZM824 81Q985 81 1105 172T1292 418T1359 763Q1359
+953 1292 1107T1105 1353T824 1445Q663 1445 543 1354T356 1108T289 763Q289 573 355 418T542 172T824 81ZM1026 1755L725 2197H870L1138 1755H1026Z" />
+<glyph unicode="&#xf3;" horiz-adv-x="1648" d="M824 -32Q634 -32 486 70T253 353T168 763Q168 994 253 1173T486 1456T824 1559Q1014 1559 1162 1456T1395 1173T1480 763Q1480 533 1395 353T1162 71T824 -32ZM824 81Q985 81 1105 172T1292 418T1359 763Q1359
+953 1292 1107T1105 1353T824 1445Q663 1445 543 1354T356 1108T289 763Q289 573 355 418T542 172T824 81ZM765 1755L1033 2197H1178L877 1755H765Z" />
+<glyph unicode="&#xf4;" horiz-adv-x="1648" d="M824 -32Q634 -32 486 70T253 353T168 763Q168 994 253 1173T486 1456T824 1559Q1014 1559 1162 1456T1395 1173T1480 763Q1480 533 1395 353T1162 71T824 -32ZM824 81Q985 81 1105 172T1292 418T1359 763Q1359
+953 1292 1107T1105 1353T824 1445Q663 1445 543 1354T356 1108T289 763Q289 573 355 418T542 172T824 81ZM1093 1704L824 2003L555 1704H429V1715L783 2104H865L1219 1715V1704H1093Z" />
+<glyph unicode="&#xf5;" horiz-adv-x="1648" d="M824 -32Q634 -32 486 70T253 353T168 763Q168 994 253 1173T486 1456T824 1559Q1014 1559 1162 1456T1395 1173T1480 763Q1480 533 1395 353T1162 71T824 -32ZM824 81Q985 81 1105 172T1292 418T1359 763Q1359
+953 1292 1107T1105 1353T824 1445Q663 1445 543 1354T356 1108T289 763Q289 573 355 418T542 172T824 81ZM458 1776L354 1784Q363 1898 441 1969T631 2041Q696 2041 744 2018T833 1966T916 1913T1014 1889Q1078 1889 1130 1932T1192 2044L1295 2028Q1280 1915
+1201 1847T1018 1779Q952 1779 907 1802T822 1854T740 1907T635 1931Q564 1931 514 1887T458 1776Z" />
+<glyph unicode="&#xf6;" horiz-adv-x="1648" d="M824 -32Q634 -32 486 70T253 353T168 763Q168 994 253 1173T486 1456T824 1559Q1014 1559 1162 1456T1395 1173T1480 763Q1480 533 1395 353T1162 71T824 -32ZM824 81Q985 81 1105 172T1292 418T1359 763Q1359
+953 1292 1107T1105 1353T824 1445Q663 1445 543 1354T356 1108T289 763Q289 573 355 418T542 172T824 81ZM600 1808Q562 1808 533 1837T504 1904Q504 1944 533 1972T600 2000Q640 2000 668 1972T696 1904Q696 1866 668 1837T600 1808ZM1048 1808Q1010 1808 981
+1837T952 1904Q952 1944 981 1972T1048 2000Q1088 2000 1116 1972T1144 1904Q1144 1866 1116 1837T1048 1808Z" />
+<glyph unicode="&#xf7;" horiz-adv-x="1813" d="M1507 859V741H307V859H1507ZM907 216Q862 216 831 247T799 324Q799 368 830 399T907 431Q950 431 981 400T1013 324Q1013 279 982 248T907 216ZM907 1169Q877 1169 852 1183T813 1222T799 1278Q799 1321 830 1352T907
+1384Q950 1384 981 1353T1013 1278Q1013 1232 982 1201T907 1169Z" />
+<glyph unicode="&#xf8;" horiz-adv-x="1648" d="M335 -55L247 4L1313 1587L1401 1528L335 -55ZM824 -29Q634 -29 486 73T253 355T168 765Q168 997 253 1176T486 1458T824 1561Q1014 1561 1162 1458T1395 1176T1480 765Q1480 535 1395 356T1162 74T824 -29ZM824
+84Q985 84 1105 175T1292 420T1359 765Q1359 955 1292 1110T1105 1356T824 1448Q663 1448 543 1357T356 1110T289 765Q289 575 355 421T542 175T824 84Z" />
+<glyph unicode="&#xf9;" horiz-adv-x="1612" d="M1237 545V1536H1359V0H1237V249H1227Q1173 130 1053 55T768 -20Q617 -20 501 46T319 233T253 523V1536H375V528Q375 336 491 218T793 99Q913 99 1014 153T1176 307T1237 545ZM1009 1755L708 2197H853L1121 1755H1009Z" />
+<glyph unicode="&#xfa;" horiz-adv-x="1612" d="M1237 545V1536H1359V0H1237V249H1227Q1173 130 1053 55T768 -20Q617 -20 501 46T319 233T253 523V1536H375V528Q375 336 491 218T793 99Q913 99 1014 153T1176 307T1237 545ZM748 1755L1016 2197H1161L860 1755H748Z" />
+<glyph unicode="&#xfb;" horiz-adv-x="1612" d="M1237 545V1536H1359V0H1237V249H1227Q1173 130 1053 55T768 -20Q617 -20 501 46T319 233T253 523V1536H375V528Q375 336 491 218T793 99Q913 99 1014 153T1176 307T1237 545ZM1076 1704L807 2003L538 1704H412V1715L766
+2104H848L1202 1715V1704H1076Z" />
+<glyph unicode="&#xfc;" horiz-adv-x="1612" d="M1237 545V1536H1359V0H1237V249H1227Q1173 130 1053 55T768 -20Q617 -20 501 46T319 233T253 523V1536H375V528Q375 336 491 218T793 99Q913 99 1014 153T1176 307T1237 545ZM839 1808Q801 1808 772 1837T743 1904Q743
+1944 772 1972T839 2000Q879 2000 907 1972T935 1904Q935 1866 907 1837T839 1808ZM1287 1808Q1249 1808 1220 1837T1191 1904Q1191 1944 1220 1972T1287 2000Q1327 2000 1355 1972T1383 1904Q1383 1866 1355 1837T1287 1808Z" />
+<glyph unicode="&#xfd;" horiz-adv-x="1504" d="M351 -576Q305 -576 260 -566T179 -540L215 -433Q309 -469 385 -459T521 -389T621 -213L691 -21L128 1536H259L747 157H757L1245 1536H1376L728 -261Q691 -365 635 -435T508 -540T351 -576ZM693 1755L961 2197H1106L805
+1755H693Z" />
+<glyph unicode="&#xfe;" horiz-adv-x="1653" d="M248 2048H369V1020L336 773L369 485V-576H248V2048ZM317 1193H381Q418 1292 483 1375T646 1508T876 1559Q1062 1559 1199 1457T1413 1176T1489 764Q1489 532 1413 353T1199 71T877 -32Q747 -32 649 18T484 151T381
+335H317V1193ZM1368 765Q1368 958 1309 1112T1138 1355T867 1445Q710 1445 599 1357T428 1115T368 765Q368 569 428 415T599 171T867 81Q1024 81 1136 171T1308 417T1368 765Z" />
+<glyph unicode="&#xff;" horiz-adv-x="1504" d="M351 -576Q305 -576 260 -566T179 -540L215 -433Q309 -469 385 -459T521 -389T621 -213L691 -21L128 1536H259L747 157H757L1245 1536H1376L728 -261Q691 -365 635 -435T508 -540T351 -576ZM528 1808Q490 1808 461
+1837T432 1904Q432 1944 461 1972T528 2000Q568 2000 596 1972T624 1904Q624 1866 596 1837T528 1808ZM976 1808Q938 1808 909 1837T880 1904Q880 1944 909 1972T976 2000Q1016 2000 1044 1972T1072 1904Q1072 1866 1044 1837T976 1808Z" />
+<glyph unicode="&#x2013;" horiz-adv-x="1408" d="M1408 936V820H0V936H1408Z" />
+<glyph unicode="&#x2014;" horiz-adv-x="2816" d="M2816 936V820H0V936H2816Z" />
+<glyph unicode="&#x2018;" horiz-adv-x="509" d="M139 1408V1588Q139 1670 168 1762T254 1941T391 2092L457 2025Q370 1941 313 1824T256 1589V1408H139Z" />
+<glyph unicode="&#x2019;" horiz-adv-x="467" d="M371 2048V1868Q371 1786 342 1694T256 1515T119 1364L52 1431Q140 1515 196 1632T253 1867V2048H371Z" />
+<glyph unicode="&#x201a;" horiz-adv-x="509" d="M370 256V76Q370 -6 341 -98T255 -277T118 -428L51 -361Q139 -277 195 -160T252 75V256H370Z" />
+<glyph unicode="&#x201c;" horiz-adv-x="936" d="M139 1408V1588Q139 1670 168 1762T254 1941T391 2092L457 2025Q370 1941 313 1824T256 1589V1408H139ZM566 1408V1588Q566 1670 595 1762T681 1941T818 2092L884 2025Q797 1941 740 1824T683 1589V1408H566Z" />
+<glyph unicode="&#x201d;" horiz-adv-x="936" d="M371 2048V1868Q371 1786 342 1694T256 1515T119 1364L52 1431Q140 1515 196 1632T253 1867V2048H371ZM797 2048V1868Q797 1786 768 1694T682 1515T545 1364L479 1431Q566 1515 623 1632T680 1867V2048H797Z" />
+<glyph unicode="&#x201e;" horiz-adv-x="936" d="M371 256V76Q371 -6 342 -98T256 -277T119 -428L52 -361Q140 -277 196 -160T253 75V256H371ZM797 256V76Q797 -6 768 -98T682 -277T545 -428L479 -361Q566 -277 623 -160T680 75V256H797Z" />
+<glyph unicode="&#x2022;" horiz-adv-x="1584" d="M792 499Q704 499 632 541T518 656T475 816Q475 904 517 976T632 1090T792 1133Q879 1133 951 1091T1067 976T1109 816Q1109 729 1066 657T951 542T792 499Z" />
+<glyph unicode="&#x2039;" horiz-adv-x="981" d="M741 220H621L217 820V840H336L741 220ZM741 1448L336 828H217V848L621 1448H741Z" />
+<glyph unicode="&#x203a;" horiz-adv-x="981" d="M233 220L639 840H757V820L353 220H233ZM233 1448H353L757 848V828H639L233 1448Z" />
+</font>
+</defs>
+</svg>