Merge pull request #1593 from gethinode/develop

fix: improve layout of bitmap logos in navbar

.github/codeql/codeql-config.yml

@@ -0,0 +1,9 @@
+paths:
+  - 'assets/js'
+paths-ignore:
+  - '**/vendor'
+  - '**/critical/languageSelector.js'
+  - '**/critical/color.js'
+  - '**/clipboard.js'
+  - '**/navbar.js'
+  - '**/sharing.js'

.github/workflows/codeql.yml

@@ -0,0 +1,102 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL Advanced"
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+  schedule:
+    - cron: '44 1 * * 3'
+
+jobs:
+  analyze:
+    name: Analyze (${{ matrix.language }})
+    # Runner size impacts CodeQL analysis time. To learn more, please see:
+    #   - https://gh.io/recommended-hardware-resources-for-running-codeql
+    #   - https://gh.io/supported-runners-and-hardware-resources
+    #   - https://gh.io/using-larger-runners (GitHub.com only)
+    # Consider using larger runners or machines with greater resources for possible analysis time improvements.
+    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
+    permissions:
+      # required for all workflows
+      security-events: write
+
+      # required to fetch internal or private CodeQL packs
+      packages: read
+
+      # only required for workflows in private repositories
+      actions: read
+      contents: read
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+        - language: actions
+          build-mode: none
+        - language: javascript-typescript
+          build-mode: none
+        # CodeQL supports the following values keywords for 'language': 'actions', 'c-cpp', 'csharp', 'go', 'java-kotlin', 'javascript-typescript', 'python', 'ruby', 'rust', 'swift'
+        # Use `c-cpp` to analyze code written in C, C++ or both
+        # Use 'java-kotlin' to analyze code written in Java, Kotlin or both
+        # Use 'javascript-typescript' to analyze code written in JavaScript, TypeScript or both
+        # To learn more about changing the languages that are analyzed or customizing the build mode for your analysis,
+        # see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/customizing-your-advanced-setup-for-code-scanning.
+        # If you are analyzing a compiled language, you can modify the 'build-mode' for that language to customize how
+        # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v5
+
+    # Add any setup steps before running the `github/codeql-action/init` action.
+    # This includes steps like installing compilers or runtimes (`actions/setup-node`
+    # or others). This is typically only required for manual builds.
+    # - name: Setup runtime (example)
+    #   uses: actions/setup-example@v1
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: ${{ matrix.language }}
+        build-mode: ${{ matrix.build-mode }}
+        config-file: ./.github/codeql/codeql-config.yml
+
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+        # queries: security-extended,security-and-quality
+
+    # If the analyze step fails for one of the languages you are analyzing with
+    # "We were unable to automatically build your code", modify the matrix above
+    # to set the build mode to "manual" for that language. Then modify this step
+    # to build your code.
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+    - if: matrix.build-mode == 'manual'
+      shell: bash
+      run: |
+        echo 'If you are using a "manual" build mode for one or more of the' \
+          'languages you are analyzing, replace this with the commands to build' \
+          'your code, for example:'
+        echo '  make bootstrap'
+        echo '  make release'
+        exit 1
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3
+      with:
+        category: "/language:${{matrix.language}}"

.github/workflows/lint-build.yml

@@ -24,10 +24,10 @@ jobs:
 
     steps:
     - name: Check out repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@v5
 
     - name: Set up Node.js
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@v5
       with:
         node-version: lts/*
         cache: 'npm'
@@ -53,15 +53,15 @@ jobs:
 
     steps:
     - name: Check out repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@v5
 
     - name: Install Go
-      uses: actions/setup-go@v5
+      uses: actions/setup-go@v6
       with:
         go-version: ">1.0.0"
       
     - name: Set up Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@v5
       with:
         node-version: ${{ matrix.node-version }}
         cache: 'npm'

.github/workflows/mod-update.yml

@@ -14,10 +14,10 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@v5
 
     - name: Setup Node.js
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@v5
       with:
         node-version: lts/*
         cache: 'npm'

.github/workflows/release.yml

@@ -23,12 +23,12 @@ jobs:
     
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           fetch-depth: 0
 
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: "lts/*"
 

assets/js/critical/color.js

@@ -1,4 +1,4 @@
-{{- if site.Params.main.enableDarkMode -}}
+{{- if (or site.Params.main.enableDarkMode site.Params.main.colorMode.enabled) -}}
 
 /*!
  * Color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
@@ -43,9 +43,7 @@
       document.documentElement.setAttribute('data-bs-theme', theme)
     }
 
-    document.querySelectorAll('.navbar-mode-selector').forEach(chk => {
-      chk.checked = (document.documentElement.getAttribute('data-bs-theme') === 'light')
-    })
+    updateSelectors()
   }
 
   // alternates the currently active theme
@@ -54,6 +52,12 @@
     setTheme(target)
   }
 
+  function updateSelectors() {
+    document.querySelectorAll('.navbar-mode-selector').forEach(chk => {
+      chk.checked = (document.documentElement.getAttribute('data-bs-theme') === 'light')
+    })
+  }
+
   window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
     if (storedTheme !== 'light' || storedTheme !== 'dark') {
       setTheme(getPreferredTheme())
@@ -69,7 +73,12 @@
     })
   })
 
-  // initialize theme directly when script is invoked
+  window.addEventListener('load', () => {
+    // update the selectors when all elements are ready
+    updateSelectors()
+  })
+
+  // initialize theme as soon as possible to reduce screen flickering
   setTheme(getTheme())
 })()
 

assets/js/modal.js

@@ -0,0 +1,6 @@
+document.addEventListener('hide.bs.modal', function (event) {
+  // Remove the focus from the active element
+  if (document.activeElement) {
+    document.activeElement.blur()
+  }
+})

assets/js/toc.js

@@ -0,0 +1,13 @@
+const btnTOCShowMore = document.getElementById('btnTOCShowMore')
+if (btnTOCShowMore !== null) {
+  btnTOCShowMore.addEventListener('click', (e) => {
+    btnTOCShowMore.style.display = 'none'
+  })
+}
+
+const btnTOCShowLess = document.getElementById('btnTOCShowLess')
+if ((btnTOCShowLess !== null) && (btnTOCShowMore !== null)) {
+  btnTOCShowLess.addEventListener('click', (e) => {
+    btnTOCShowMore.style.display = 'initial'
+  })
+}

assets/scss/app-dart.scss

@@ -24,8 +24,10 @@
 @import "components/carousel.scss";
 @import "components/clipboard.scss";
 @import "components/command.scss";
+@import "components/docs.scss";
 @import "components/feature.scss";
 @import "components/footer.scss";
+@import "components/kbd.scss";
 @import "components/nav.scss";
 @import "components/navbar.scss";
 @import "components/img.scss";
@@ -35,6 +37,7 @@
 @import "components/sidebar.scss";
 @import "components/syntax-dart.scss"; // note: modified for dart-sass
 @import "components/table.scss";
+@import "components/toast.scss";
 @import "components/timeline.scss";
 @import "components/toc.scss";
 @import "components/video.scss";

assets/scss/app.scss

@@ -22,8 +22,10 @@
 @import "components/carousel.scss";
 @import "components/clipboard.scss";
 @import "components/command.scss";
+@import "components/docs.scss";
 @import "components/feature.scss";
 @import "components/footer.scss";
+@import "components/kbd.scss";
 @import "components/nav.scss";
 @import "components/navbar.scss";
 @import "components/img.scss";
@@ -33,6 +35,7 @@
 @import "components/sidebar.scss";
 @import "components/syntax.scss";
 @import "components/table.scss";
+@import "components/toast.scss";
 @import "components/timeline.scss";
 @import "components/toc.scss";
 @import "components/video.scss";

assets/scss/common/_scrollbar.scss

@@ -21,6 +21,7 @@
 
 	// Standard version (Firefox, only appears on scroll)
 	@supports (-moz-appearance:none) {
+		/* stylelint-disable-next-line no-invalid-position-declaration */
 		scrollbar-color: $foreground-color $background-color;
 	}
 }

assets/scss/common/_styles.scss

@@ -14,6 +14,10 @@ a:active {
     text-decoration: none;
 }
 
+div.rounded, img.rounded {
+    --bs-border-radius: #{$theme-border-radius};
+}
+
 //
 // Ensure main page is rendered to full viewport height
 //
@@ -147,3 +151,17 @@ $utilities: map-merge(
         )
     )
 );
+
+.width-100 {
+    width: 100%;
+}
+
+$utilities: (
+  "width": (
+    property: width,
+    responsive: true,
+    values: (
+      auto: auto
+    )
+  )
+);

assets/scss/common/_variables-dart.scss

@@ -16,12 +16,12 @@ $font-weight-normal:            300 !default;
 $font-weight-bold:              600 !default;
 $font-weight-bolder:            bolder !default;
 
-$theme-border-radius:           1rem;
-
 strong {
     font-weight:                600 if($enable-important-utilities, !important, null);
 }
 
+$theme-border-radius:           0.375rem;
+
 $navbar-height:                 h.$navbar-height;
 $navbar-offset:                 h.$navbar-offset;
 $navbar-offset-xs:              h.$navbar-offset-xs;

assets/scss/common/_variables.scss

@@ -17,13 +17,13 @@ $font-weight-normal:            300 !default;
 $font-weight-bold:              600 !default;
 $font-weight-bolder:            bolder !default;
 
-$theme-border-radius:           1rem;
-
 strong {
     font-weight:                600 if($enable-important-utilities, !important, null);
 }
 // scss-docs-end font
 
+$theme-border-radius:           0.375rem;
+
 $white:                       #fff !default;
 $black:                       #000 !default;
 $body-bg:                     #fff !default;

assets/scss/components/_button.scss

@@ -52,3 +52,7 @@ a.btn {
 .btn-xs {
   @include button-size($btn-padding-y-xs, $btn-padding-x-xs, $btn-font-size-xs, $btn-border-radius-xs);
 }
+
+.btn {
+    --bs-border-radius: #{$theme-border-radius};
+}

assets/scss/components/_card.scss

@@ -6,6 +6,9 @@
 }
 
 .card {
+    --bs-card-border-radius: #{$theme-border-radius};
+    --bs-card-inner-border-radius: #{$theme-border-radius};
+    --bs-border-radius: #{$theme-border-radius};
     --bs-card-bg: transparent;
 }
 
@@ -28,6 +31,13 @@
     cursor: pointer;
 }
 
+.card-img-top {
+    --bs-border-radius: #{$theme-border-radius};
+
+    border-top-left-radius: var(--bs-border-radius) !important;
+    border-top-right-radius: var(--bs-border-radius) !important;
+}
+
 .card-img-wrap img {
     transition: transform 0.25s ease;
     width: 100%;

assets/scss/components/_carousel.scss

@@ -1,3 +1,7 @@
+.carousel-inner {
+    border-radius: #{$theme-border-radius};
+}
+
 .gradient {
     width: 100%;
     height: 100%;

assets/scss/components/_docs.scss

@@ -0,0 +1,22 @@
+.docs-controls .nav-link,
+.file-controls .nav-link {
+    border-top-left-radius: #{$theme-border-radius};
+    border-top-right-radius: #{$theme-border-radius};
+    margin-left: #{$theme-border-radius};
+
+    &:hover,
+    &:focus {
+        border-bottom: 0;
+    }
+}
+
+.docs-panel,
+.file-panel {
+    border: 1px solid var(--#{$prefix}border-color);
+    overflow: hidden;
+}
+
+.docs-panel, .docs-panel .collapse,
+.file-panel, .file-panel .collapse {
+    border-radius: #{$theme-border-radius};
+}

assets/scss/components/_img.scss

@@ -27,3 +27,7 @@
     width: 100vw;
     object-fit: cover;
 }
+
+.figure-caption {
+    margin-left: #{$theme-border-radius};
+}

assets/scss/components/_kbd.scss

@@ -0,0 +1,3 @@
+kbd {
+    border-radius: #{$theme-border-radius};
+}

assets/scss/components/_nav.scss

@@ -84,6 +84,14 @@
     border-color: var(--#{$prefix}border-color);
 }
 
+.nav-callout, .pagination {
+    --bs-border-radius: #{$theme-border-radius};
+}
+
+.nav-callout .tab-content {
+    border-radius: #{$theme-border-radius};
+}
+
 @if $enable-dark-mode {
     @include color-mode(dark) {
         .nav-callout, .tab-content {

assets/scss/components/_navbar.scss

@@ -7,7 +7,7 @@
 }
 
 .mode-switch {
-    --#{$prefix}mode-switch-width: 50px;
+    --#{$prefix}mode-switch-width: 3em;
 }
 
 .mode-switch .label {
@@ -64,6 +64,18 @@
     transform: scale(0.8);
 }
 
+.mode-toggle > input {
+	z-index: 1;
+	cursor: pointer;
+    height: 25px;
+    width: 25px;
+}
+
+.mode-toggle > label {
+	z-index: 0;
+	cursor: pointer;
+}
+
 // Source: https://jsfiddle.net/njhgr40m/
 
 @if $enable-dark-mode {
@@ -92,20 +104,27 @@
     margin: 0 .15rem;
 }
 
-.navbar-title {
+.navbar-title, .navbar-title-center, .navbar-title-start {
     display: inline-block;
     white-space: normal;
-    text-align: center !important;
     vertical-align: middle;
     padding: 0 $spacer;
     width: 100% !important;
 }
 
+.navbar-title, .navbar-title-center {
+    text-align: center !important;
+}
+
 .navbar-contrast .nav-link.active, .navbar-contrast .nav-link.show, .navbar-contrast .nav-link:hover {
     border-bottom: solid 1px var(--bs-navbar-hover-color);
     margin-bottom: -1px;
 }
 
+.navbar-brand {
+    margin-right: 0;
+}
+
 .navbar-contrast {
     --bs-navbar-color: white !important;
     --bs-navbar-hover-color: white !important;
@@ -113,7 +132,7 @@
     --bs-navbar-active-color: white !important;
     --bs-navbar-toggler-color: white;
 
-    .navbar-title, .mode-switch {
+    .navbar-title, .navbar-brand, .mode-switch {
         --#{$prefix}border-color: white;
 
         color: white !important;
@@ -126,12 +145,65 @@
 
 .navbar-expanded {
     box-shadow: $box-shadow-sm;
+    min-height: 100vh;
+    align-items: start;
+}
+
+.navbar-expanded .navbar-collapse {
+    margin-top: 2rem;
+}
+
+@each $h, $size in $font-sizes {
+    .navbar-fs-#{$h} {
+        font-size: #{$size};
+    }
+}
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    @if $infix != '' {
+        @include media-breakpoint-up($next) {
+            .navbar#{$infix}-fs { 
+                font-size: inherit;
+            } 
+        }
+    }
+}
+
+.navbar-icon {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x);
 }
 
 .nav-item .vr {
     color: var(--bs-navbar-color);
 }
 
+.navbar .nav-item {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+}
+
+.navbar-collapse .dropdown {
+    display: inline;
+    align-items: normal;
+}
+
+.navbar-expanded .btn {
+    font-size: 1em;
+}
+
+.navbar .btn {
+    border-radius: #{$theme-border-radius};    
+}
+
+.navbar-expanded .search-input {
+    margin-bottom: 1rem;
+}
+
 /* Remove border from toggler */
 .navbar-toggler {
     border: 0 if($enable-important-utilities, !important, null);
@@ -223,13 +295,10 @@
 }
 
 .navbar-container {
+    min-height: calc(2rem + 10px);
     width: 100% !important;
 }
 
-.navbar-brand {
-    margin-right: 0;
-}
-
 @include media-breakpoint-up(#{$navbar-size}) {
     :root {
         --navbar-offset: #{$navbar-offset};
@@ -319,3 +388,7 @@
     position: absolute;
     z-index: $zindex-fixed;
 }
+
+.form-control.is-search {
+    border: 1px solid var(--bs-border-color) !important;
+}

assets/scss/components/_sidebar.scss

@@ -11,6 +11,12 @@
 }
 
 .sidebar-item {
+    --bs-border-radius: #{$theme-border-radius};
+    --bs-border-radius-sm: #{$theme-border-radius};
+    --bs-border-radius-lg: #{$theme-border-radius};
+    --bs-border-radius-xl: #{$theme-border-radius};
+    --bs-border-radius-xxl: #{$theme-border-radius};
+
     color: rgba(0, 0, 0, 0.65);
     margin-left: 0 !important;
     display: inline-block;
@@ -28,6 +34,8 @@
 }
 
 .sidebar-item-group {
+    border-radius: #{$theme-border-radius};
+
     &:hover,
     &:focus {
         color: $primary;
@@ -126,4 +134,6 @@
 
 .dropdown-toggle {
     outline: 0;
+    display: flex;
+    align-items: center;
 }

assets/scss/components/_syntax-dart.scss

@@ -16,6 +16,10 @@
     flex: 1;
 }
 
+.codeblock.syntax-highlight, .command.syntax-highlight {
+    border-radius: #{$theme-border-radius};
+}
+
 .syntax-highlight {
     background-color: var(--bs-light) if($enable-important-utilities, !important, null);
     overflow-x: auto;

assets/scss/components/_syntax.scss

@@ -16,6 +16,10 @@
     flex: 1;
 }
 
+.codeblock.syntax-highlight, .command.syntax-highlight {
+    border-radius: #{$theme-border-radius};
+}
+
 .syntax-highlight {
     background-color: var(--bs-light) if($enable-important-utilities, !important, null);
     overflow-x: auto;

assets/scss/components/_timeline.scss

@@ -26,6 +26,10 @@ $semi-circle-border: 0.2rem;
 
 // scss-docs-end timeline
 
+.timeline-container {
+    border-radius: #{$theme-border-radius}; 
+}
+
 .timeline, .timeline-sm {
     position: relative;
 }

assets/scss/components/_toast.scss

@@ -0,0 +1,4 @@
+.toast {
+    border-radius: #{$theme-border-radius};
+    overflow: hidden;
+}

assets/scss/components/_toc.scss

@@ -3,11 +3,11 @@
 //
 // scss-docs-start toc
 .toc-sidebar {
-    grid-area: toc;
     right: 0;
     z-index: 2;
     overflow-y: auto;
     top: 5rem;
+    max-height: calc(100vh - var(--navbar-offset));
 }
 
 // scss-docs-end toc
@@ -74,6 +74,14 @@
     }
 }
 
+.btn-link.toc-item {
+    font-size: inherit;
+}
+
+#btnTOCShowMore {
+    padding-top: 0.875rem;
+}
+
 a.toc-item {
     display: block;
 }

assets/scss/components/_video.scss

@@ -3,6 +3,7 @@
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
+    border-radius: #{$theme-border-radius};
 }
 
 .video-embedded > iframe {
@@ -11,7 +12,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    border:0;
+    border: 0;
 }
 
 // Adapted from https://github.com/gohugoio/hugo/tpl/tplimpl/embedded/templates/shortcodes/vimeo_simple.html

assets/scss/theme/fonts.scss

@@ -10,7 +10,7 @@
 
 /* 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-display: block; /* 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;
@@ -23,7 +23,7 @@
   }
   /* 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-display: block; /* 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;
@@ -36,7 +36,7 @@
   }
   /* 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-display: block; /* 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;
@@ -49,7 +49,7 @@
   }
   /* 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-display: block; /* 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;

component-library/components/about/about.bookshop.yml

@@ -32,6 +32,9 @@ blueprint:
   width:
   justify:
   link-type:
+  fluid:
+  theme:
+  cover:
   links:
     -
       title:

component-library/components/articles/articles.bookshop.yml

@@ -27,6 +27,8 @@ blueprint:
   more:
     title:
     link:
+    link-type:
+    icon:
   icon-rounded:
   icon-style:
   cols:
@@ -42,8 +44,12 @@ blueprint:
   bento:
   cover:
   header-style:
+  body-style:
   footer-style:
   orientation:
   class:
   width:
   justify:
+  fluid:
+  theme:
+  cover:

component-library/components/articles/articles.hugo.html

@@ -19,6 +19,10 @@
     {{ $error = $args.err }}
 {{ end }}
 
+{{/* Initialize global arguments */}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
+{{/* Initialize local variables */}}
 {{ $pages := slice }}
 {{ $result := partial "assets/live-pages.html" (dict 
 	"page"       $args.page
@@ -45,9 +49,13 @@
 {{ $moreButton := site.Params.modules.bookshop.articles.moreButton | default false }}
 {{ $moreTitle := T "more" (pluralize $args.input.section) }}
 {{ $moreLink := $args.input.section }}
+{{ $moreType := "button" }}
+{{ $moreIcon := "" }}
 {{ with $args.more }}
 	{{ if .title }}{{ $moreTitle = .title }}{{ end }}
 	{{ if .link }}{{ $moreLink = .link }}{{ end }}
+	{{ if index . "link-type" }}{{ $moreType = index . "link-type" }}{{ end }}
+	{{ if .icon }}{{ $moreIcon = .icon }}{{ end }}
 {{ end }}
 
 {{ $paginate := $args.paginate }}
@@ -60,54 +68,59 @@
 	{{ $paginate = false }}
 {{ end }}
 
-<!-- Main code -->
+{{/* Main code */}}
 {{ if not $error }}
 	{{ if or (gt (len $pages) 0) (not $args.hideEmpty) }}
-		{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
+		{{- partial "assets/section-title.html" (dict
+			"heading" $args.heading
+			"justify" $args.justify
+			"class" (printf "pb-%d" $padding.y))
+		-}}
 
 		{{ $partial := "assets/card-group.html" }}
 		{{ $params := dict }}
 		{{- $params = merge $params (dict
-			"page"         page
-			"list"         $pages
-			"limit"        $args.limit
-			"cols"         $args.cols
-			"icon-rounded" $args.iconRounded
-			"icon-style"   $args.iconStyle
-			"href"         (cond $moreButton $moreLink "")
-			"href-title"   (cond $moreButton $moreTitle "")
-			"href-force"   (gt $result.total (len $result.pages))
+			"page"           page
+			"list"           $pages
+			"cols"           $args.cols
+			"limit"          $args.limit
+			"padding"        $args.padding
+			"href"           (cond $moreButton $moreLink "")
+			"href-force"     (gt $result.total (len $result.pages))
 		)}}
 
 		{{ if $args.scroll }}
-			{{ $partial := "assets/stack.html" }}
+			{{ $partial = "assets/stack.html" }}
 			{{ $params = merge $params (dict 
 				"header-style" "none"
 				"body-style"   "title"
 				"footer-style" "none"
 				"gutter"       1
-				"padding"      3
 				"ratio"        "1x1"
 				"orientation"  "horizontal-sm"
 				"styles"       (cond $args.bento $styles "")
 			) -}}
 		{{ else }}
 			{{ $params = merge $params (dict 
-				"header-style" $args.headerStyle
-				"footer-style" $args.footerStyle
-				"padding"      $args.padding
-				"class"        (or $args.class "border-0")
-				"align"        "start"
-				"orientation"  $args.orientation
-				"hook"         "assets/live-card.html"
-				"pagination"   $args.pagination
-				"paginate"     $paginate
+				"header-style"   $args.headerStyle
+				"body-style"     $args.bodyStyle
+				"footer-style"   $args.footerStyle
+				"class"          (or $args.class "border-0")
+				"align"          "start"
+				"orientation"    $args.orientation
+				"href-title"     (cond $moreButton $moreTitle "")
+				"icon-rounded"   $args.iconRounded
+				"icon-style"     $args.iconStyle
+				"hook"           "assets/live-card.html"
+				"more-link-type" $moreType
+				"more-link-icon" $moreIcon
+				"pagination"     $args.pagination
+				"paginate"       $paginate
 			) -}}
 		{{ end }}
 		{{ if gt (len $pages) 0 }}
 			{{ partial $partial $params }}
 		{{ else }}
-			{{- $padding := partial "utilities/GetPadding.html" -}}
 			<p class="pt-{{ $padding.y }}">{{- T "emptyList" }}.</p>
 		{{ end }}
 	{{ end }}

component-library/components/cards/cards.bookshop.yml

@@ -34,3 +34,6 @@ blueprint:
   width:
   justify:
   align:
+  fluid:
+  theme:
+  cover:

component-library/components/cards/cards.hugo.html

@@ -21,6 +21,7 @@
 
 {{/* Initialize global arguments */}}
 {{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
 
 {{/* Initialize local variables */}}
 {{ $list := slice }}
@@ -34,13 +35,20 @@
 	) }}
 {{ end}}
 
+{{/* Main code */}}
 {{ if not $error }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
+	{{- partial "assets/section-title.html" (dict
+		"heading" $args.heading
+		"justify" $args.justify
+		"class" (printf "pb-%d" $padding.y))
+	-}}
 
+	{{/* Layout for small screens */}}
 	{{- partial "assets/card-group.html" (dict 
 		"page"         page
 		"list"         $list
-		"class"        (printf "border-0 card-icon-primary d-%s-none %s" $breakpoint.prev (or $args.class ""))
+		"class"        (printf "border-0 card-icon-primary %s" (or $args.class ""))
+		"wrapper"      (printf "d-%s-none" $breakpoint.prev)
 		"cols"         $args.cols
 		"gutter"       "4"
 		"padding"      $args.padding
@@ -53,10 +61,12 @@
 		"hook"         "assets/live-card.html"
 	) -}}
 
+	{{/* Layout for regular screens */}}
 	{{- partial "assets/card-group.html" (dict 
 		"page"         page
 		"list"         $list
-		"class"        (printf "border-0 card-icon-primary d-none d-%s-block %s" $breakpoint.prev (or $args.class ""))
+		"class"        (printf "border-0 card-icon-primary %s" (or $args.class ""))
+		"wrapper"      (printf "d-none d-%s-block" $breakpoint.prev)
 		"cols"         $args.cols
 		"gutter"       "4"
 		"padding"      $args.padding

component-library/components/cta/cta.bookshop.yml

@@ -37,7 +37,9 @@ blueprint:
       icon:
       force:
   align:
-  fluid:
   padding:
   order:
   width:
+  fluid:
+  theme:
+  cover:

component-library/components/cta/cta.scss

@@ -2,6 +2,10 @@
     background-color: var(--#{$prefix}primary-bg-subtle);
 }
 
+.cta, .background-img-fluid  {
+    border-radius: #{$theme-border-radius} if($enable-important-utilities, !important, null);
+}
+
 .cta .contact-img {
     background-color: var(--#{$prefix}body-bg);
     border-radius: var(--bs-border-radius);

component-library/components/faq/faq.bookshop.yml

@@ -26,3 +26,6 @@ blueprint:
   items:
     - title:
       description:
+  fluid:
+  theme:
+  cover:

component-library/components/faq/faq.hugo.html

@@ -16,10 +16,18 @@
     )}}
 {{ end }}
 
+{{/* Initialize global arguments */}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
+{{/* Main code */}}
 {{ if not $args.err }}
 	{{ $color := "" }}
 	{{ if $args.contrast }}{{ $color = "white" }}{{ end }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading "color" $color "justify" $args.justify) -}}
+	{{- partial "assets/section-title.html" (dict
+		"heading" $args.heading
+		"justify" $args.justify
+		"class" (printf "pb-%d" $padding.y))
+	-}}
 
 	{{ $class := "" }}
 	{{ $id := printf "faq-%s" (md5 (delimit (slice . now) "-")) }}

component-library/components/hero/hero.bookshop.yml

@@ -35,6 +35,8 @@ blueprint:
   align:
   order:
   overlay-mode:
+  fluid:
+  theme:
   cover:
   orientation:
   width:

component-library/components/panels/panels.bookshop.yml

@@ -33,3 +33,6 @@ blueprint:
   class:
   width:
   justify:
+  fluid:
+  theme:
+  cover:

component-library/components/panels/panels.hugo.html

@@ -21,6 +21,7 @@
 
 {{/* Initialize global arguments */}}
 {{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
 
 {{/* Initialize local variables */}}
 {{ $list := slice }}
@@ -32,16 +33,17 @@
 	{{ $toc = $toc | append (dict "href" "panel-0-1" "level" 2 "title" $element.title) }}
 
     {{ $hero := partial "assets/hero.html"  (dict 
-        "page"         page
-        "heading"      (dict "title" $element.title "content" $element.content "width" 8 "size" 6)
-        "background"   $args.background
-        "illustration" (dict "ratio" $args.ratio "icon" $element.icon "image" $element.image "mode" $element.mode)
-		"order"        $args.order
-        "link-type"    $args.linkType
-        "links"        $args.links
-        "orientation"  "horizontal"
-		"align"        "start"
-		"width"        12
+        "page"          page
+        "heading"       (dict "content" $element.content "width" 8)
+        "background"    $args.background
+        "illustration"  (dict "ratio" $args.ratio "icon" $element.icon "image" $element.image "mode" $element.mode "justify" "end")
+		"order"         $args.order
+        "link-type"     $args.linkType
+        "links"         $args.links
+        "orientation"   "horizontal"
+		"align"         "start"
+		"width"         12
+        "content-style" "fs-6"
         )
     }}
 
@@ -60,8 +62,13 @@
 	{{ $titles = $titles | append $element.title }}
 {{ end}}
 
+{{/* Main code */}}
 {{ if not $error }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
+	{{- partial "assets/section-title.html" (dict
+		"heading" $args.heading
+		"justify" $args.justify
+		"class" (printf "pb-%d" $padding.y))
+	-}}
 
 	{{- partial "assets/nav.html" (dict 
         "id"           (or $args.id $parentID)

component-library/components/panels/panels.scss

@@ -1,3 +1,13 @@
 .panels .dropdown-toggle {
     text-decoration: none !important;
 }
+
+.panels .nav-tabs {
+    border-top-left-radius: #{$theme-border-radius};
+    border-top-right-radius: #{$theme-border-radius};
+    margin-left: #{$theme-border-radius};
+}
+
+.panels .tab-content {
+    border-radius: #{$theme-border-radius};
+}

component-library/components/releases/releases.bookshop.yml

@@ -23,4 +23,7 @@ blueprint:
     subtle:
   width:
   justify:
-  data:
+  data:
+  fluid:
+  theme:
+  cover:

component-library/components/video-message/video-message.bookshop.yml

@@ -31,6 +31,7 @@ blueprint:
     media-id:
     autoplay:
     query-args:
+    color:
   cols:
   messages:
     - title:
@@ -41,6 +42,9 @@ blueprint:
   border:
   width:
   justify:
+  fluid:
+  theme:
+  cover:
 
 _structures:
   messages:

component-library/components/video-message/video-message.hugo.html

@@ -16,6 +16,7 @@
     )}}
 {{ end }}
 
+{{/* Initialize global variables */}}
 {{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
 {{- $padding := partial "utilities/GetPadding.html" -}}
 
@@ -27,6 +28,7 @@
 	{{ $queryArgs := .queryArgs }}
 	{{ $border := .border }}
 	{{ $padding := .padding }}
+	{{ $color := .color }}
 
 	{{ if site.Params.env_bookshop_live }}
 		{{/* Define dummy content as we cannot retrieve video data in live mode */}}
@@ -35,7 +37,7 @@
 			"ratio" "21x9"
 			"wrapper" (printf "text-center mb-%d" $padding.y)) -}}
 	{{ else }}
-        <div class="video-container{{ if $border }} video-container-border{{ end}}">
+        <div class="video-container{{ if $border }} video-container-border{{ end}} {{ with $color }}bg-{{ . }}{{ end }}">
 			{{ partial "assets/video.html" (dict
 				"page"       page
 				"provider"   $provider
@@ -80,6 +82,7 @@
 	) -}}
 {{ end }}
 
+{{/* Main code */}}
 {{ if not $args.err }}
 	{{ $list := slice }}
 
@@ -98,7 +101,11 @@
 		) }}
 	{{ end}}
 
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
+	{{- partial "assets/section-title.html" (dict
+		"heading" $args.heading
+		"justify" $args.justify
+		"class" (printf "pb-%d" $padding.y))
+	-}}
 
 	{{ if eq $args.orientation "stacked" }}
 		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto">
@@ -111,10 +118,11 @@
 				"query-args" .queryArgs
 				"border"     $.border
 				"padding"    $padding
+				"color"      .color
 			) -}}
 		{{ end }}
 		</div>
-		<div class="mt-{{ $padding.y }}">
+		<div class="mt-{{ $padding.y }} w-100">
 			{{- partial "inline/messages.html" (dict
 				"list"        $list
 				"cols"        $args.cols
@@ -136,6 +144,7 @@
 							"query-args" .queryArgs
 							"border"     $.border
 							"padding"    $padding
+							"color"      .color
 						) -}}
 					{{ end }}
 				</div>

component-library/components/video-message/video-message.scss

@@ -2,6 +2,7 @@
     --bs-video-border-color: var(--bs-primary);
     --bs-video-border-width: 1rem;
     
+    border-radius: $theme-border-radius;
     position: relative;
 }
 

component-library/helpers/component.html

@@ -27,20 +27,35 @@
     {{- $resolved_component = $flat_component_path -}}
 {{- end -}}
 
+<!-- TODO: use initialized component args instead of component_props -->
+{{ $error := false }}
+{{ $args := dict }}
 {{- if $resolved_component -}}
+    {{ $args = partial "utilities/InitArgs.html" (dict "bookshop" $component_name "args" $component_props) }}
+    {{ if or $args.err $args.warnmsg }}
+        {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+            "partial" $resolved_component
+            "warnid"  "warn-invalid-arguments"
+            "msg"     "Invalid arguments"
+            "details" ($args.errmsg | append $args.warnmsg)
+            "file"    page.File
+        )}}
+    {{ end }}
+{{ end }}
+
+{{ if and $resolved_component (not $args.err) }}
     {{- $id := index $component_props "id" -}}
     {{- $cover := index $component_props "cover" -}}
     {{- $background := index $component_props "background" -}}
     {{- $backdrop := "" -}}
     {{- $fluid := index $component_props "fluid" | default true -}}
-    {{- $style := index $component_props "wrapper" -}}
+    {{- $wrapper := index $component_props "wrapper" -}}
     {{- $width := index $component_props "width" -}}
     {{- $justify := index $component_props "justify" | default "start" -}}
     {{- $paddingOuter := cond (ne $component_name "separator") (printf "px-xxl-0 px-%d py-0" $padding.x) "" -}}
     {{- $padding := cond (ne $component_name "separator") (printf "px-%d %spy-%d" $padding.x (cond $fluid "px-xxl-0 " "") $padding.y) "" -}}
-    {{- $wrapper := $style }}
     {{ with $background }}
-        {{ $wrapper = partial "utilities/GetBackgroundStyle.html" (dict "background" . "class" $style) }}
+        {{ $wrapper = partial "utilities/GetBackgroundStyle.html" (dict "background" . "class" $wrapper) }}
         {{ if reflect.IsMap $background }}
             {{ with $background.backdrop }}{{ $wrapper = "" }}{{ $backdrop = . }}{{ end }}
         {{ end }}
@@ -73,18 +88,21 @@
         {{- end -}}
 
         {{ $col := cond (and $width (lt $width 12)) (printf "col-12 col-md-%d" $width) "" }}
-
-        <div class="container-{{ cond $fluid "xxl" "fluid" }} {{ $padding }} d-flex flex-column align-items-{{ $justify }}">
-            {{ with $col }}
-                <div class="{{ . }}">{{ partial $resolved_component $component_props }}</div>
-            {{ else }}
-                {{ partial $resolved_component $component_props }}
-            {{ end}}
-        </div>
+        {{ if $args.passthrough }}
+            {{ partial $resolved_component $component_props }}
+        {{ else }}
+            <div class="container-{{ cond $fluid "xxl" "fluid" }} {{ $padding }} d-flex flex-column align-items-{{ $justify }}">
+                {{ with $col }}
+                    <div class="{{ . }}">{{ partial $resolved_component $component_props }}</div>
+                {{ else }}
+                    {{ partial $resolved_component $component_props }}
+                {{ end}}
+            </div>
+        {{ end }}
     </section>
     {{ if not $fluid }}</div>{{ end }}
     {{ "<!--bookshop-live end-->" | safeHTML }}
-{{- else -}}
+{{- else if (not $args.err) -}}
     {{- $file_loc := slicestr $component_path 9 -}}
     {{- $flat_file_loc := slicestr $flat_component_path 9 -}}
     {{- partial "_bookshop/errors/err" (printf "Component \"%s\" does not exist.\n     Create this component by placing a file in your bookshop at %s or %s" $component_name $file_loc $flat_file_loc) -}}

config/_default/hugo.toml

@@ -176,7 +176,7 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
   [[module.imports]]
     path = "github.com/gethinode/mod-csp"
   [[module.imports]]
-    path = "github.com/gethinode/mod-flexsearch/v2"
+    path = "github.com/gethinode/mod-flexsearch/v3"
   [[module.imports]]
     path = "github.com/gethinode/mod-fontawesome/v2"
   [[module.imports]]
@@ -188,7 +188,7 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
   [[module.imports]]
     path = "github.com/gethinode/mod-lottie"
   [[module.imports]]
-    path = "github.com/gethinode/mod-mermaid/v2"
+    path = "github.com/gethinode/mod-mermaid/v3"
   [[module.imports]]
     path = "github.com/gethinode/mod-simple-datatables/v2"
   [[module.imports]]

config/_default/params.toml

@@ -2,9 +2,7 @@
 [main]
     separator = "-"
     description = "Hinode is a clean documentation and blog theme for your Hugo site based on Bootstrap 5."
-    enableDarkMode = true
     enableLanguageSelectionStorage = false
-    modes = ["light", "dark"]
     canonifyAssetsURLs = false
     endorse = true
     footerBelowFold = false
@@ -22,6 +20,12 @@
         tab = false
     [main.build]
         transpiler = "libsass"
+    [main.colorMode]
+        enabled = true
+        modes = ["light", "dark"]
+        toggle = false
+        iconLight = "fas sun"
+        iconDark = "fas moon"
 # toml-docs-end main
 
 # toml-docs-start images
@@ -84,6 +88,8 @@
 [navigation]
     anchor = true
     logo = "/img/logo_icon.svg"
+    logo-mode = false
+    logo-align = "center"
     logo-height = 30
     color = "body"
     fixed = true
@@ -91,15 +97,22 @@
     overlayMode = "dark"
     horizontal = false
     offset = "5.5rem"
-    search = true
-    searchModal = false
     breadcrumb = true
     toc = true
     sidebar = true
     size = "md"
+    startLevel = 2
+    endLevel = 3
+    maxNumHeadings = 9
     [navigation.padding]
         x = 4
         y = 4
+    [navigation.language]
+        icon = "fas globe"
+    [navigation.search]
+        enabled = true
+        modal = true
+        icon = "fas magnifying-glass"
 # toml-docs-end navigation
 
 # toml-docs-start messages

config/postcss.config.js

@@ -27,9 +27,10 @@ const purgecss = purgeCSSPlugin({
       './assets/scss/theme/fonts.scss',
       './assets/scss/theme/theme.scss',
       './_vendor/github.com/gethinode/mod-cookieyes/v2/assets/scss/cookieyes.scss',
-      './_vendor/github.com/gethinode/mod-flexsearch/v2/assets/scss/modules/flexsearch/flexsearch.scss',
+      './_vendor/github.com/gethinode/mod-flexsearch/v3/assets/scss/modules/flexsearch/flexsearch.scss',
       './_vendor/github.com/gethinode/mod-katex/dist/katex.scss',
       './_vendor/github.com/gethinode/mod-leaflet/dist/leaflet.scss',
+      './_vendor/github.com/gethinode/mod-mermaid/v3/assets/scss/mermaid.scss',
       './_vendor/github.com/gethinode/mod-simple-datatables/v2/dist/simple-datatables.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_carousel.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_dropdown.scss',

content/_modals/_index.md

@@ -0,0 +1,8 @@
+---
+title: Modal elements
+cascade:
+- build:
+    list: local
+    publishResources: false
+    render: never
+---

data/structures/card-group.yml

@@ -69,6 +69,24 @@ arguments:
     release: v0.27.0
   button-label:
     release: v1.0.0
+  more-link-type:
+    type: select
+    optional: true
+    default: button
+    comment: Style of the more button or link.
+    options:
+      values:
+        - button
+        - link
+    release: v1.16.0
+  more-link-icon:
+    type: string
+    optional: true
+    comment: >-
+      Icon to include. You can use shorthand notation such as `fas sort` to
+      include a Font Awesome icon. The argument also supports files with an
+      `.svg` or `.json` extension.
+    release: v1.16.0
 
   # deprecated arguments
   header:

data/structures/card.yml

@@ -73,6 +73,8 @@ arguments:
     group: partial
   anchor:
     release: v0.24.23
+  links:
+    release: v1.14.0
   # deprecated arguments
   header:
     type: select

data/structures/hero.yml

@@ -25,6 +25,9 @@ arguments:
     default: px-4 px-xxl-0 py-4
   width:
     default: 8
+  fluid:
   theme:
   hook:
     default: assets/hero-image.html
+  heading-style:
+  content-style:

data/structures/navbar-item.yml

@@ -9,7 +9,9 @@ arguments:
     comment: Context of the current page.
     group: partial
   menu:
-    type: '*navigation.MenuEntry'
+    type:
+      - '*navigation.MenuEntry'
+      - 'map[string]interface {}'
     optional: false
     comment: Menu data to use for the navbar item.
   parent:
@@ -37,3 +39,24 @@ arguments:
     optional: true
     comment: >-
       Renders the navigation item as plain item, ignoring any children.
+  breakpoint:
+    release: v1.2.0
+  modal:
+    type: string
+    optional: true
+    release: v1.2.0
+    comment: >-
+      If set, toggles a modal control for the provided target.
+  id:
+    type: string
+    optional: true
+    release: v1.2.0
+    comment: >-
+      If set, adds an id attribute to the menu item.
+  fs:
+    type: int
+    optional: true
+    default: 6
+    release: v1.2.0
+    comment: >-
+      Sets the font size of the navigation items when the navbar is collapsed.

data/structures/navbar.yml

@@ -79,6 +79,25 @@ arguments:
     comment: >-
       Address of the logo image, defaults to the parameter `logo` set in the
       `main` section of the site's parameter configuration.
+  logo-align:
+    type: select
+    optional: true
+    default: center
+    comment: Alignment of the logo when the navbar is in collapsed mode.
+    options:
+      values:
+        - start
+        - center
+    release: v1.15.0
+  logo-mode:
+    type: bool
+    default: false
+    optional: true
+    comment: >-
+      Flag indicating if the logo should support color modes. If set, the
+      navbar searches for images having a matching color-mode suffix
+      such as `-light` or `-dark`.
+    release: v1.15.0
   # deprecated arguments
   size:
     type: select

data/structures/script.yml

@@ -1,6 +1,6 @@
 comment: >-
   Includes a reference to a local or external JavaScript file. Hinode uses the
-  template defined in `layouts/partials/templates/script.html` to generate the
+  template defined in `layouts/_partials/templates/script.html` to generate the
   link to a (bundled) JavaScript file. It includes context such as the state,
   category, and integrity. For example, you can adapt this template to implement
   cookie consent management.
@@ -44,3 +44,10 @@ arguments:
     optional: true
     comment: >-
       Cryptographic hash of the script to enable Subresource Integrity (SRI).
+  script-type:
+    type: string
+    optional: true
+    release: v1.7.0
+    comment: >-
+      Type of the attribute of the script. Set the value to `module` to import
+      the script as a JavaScript module.

data/structures/sharing.yml

@@ -7,3 +7,9 @@ arguments:
     optional: false
     comment: Context of the current page.
     group: partial
+  show-label:
+    type: bool
+    optional: true
+    default: true
+    comment: Indicates if the element should include a label.
+    release: v1.15.3

data/structures/stack.yml

@@ -29,13 +29,16 @@ arguments:
     optional: true
     comment: Array of pages or structured content to be rendered as cards.
     group: partial
+  limit:
   max:
     type: int
     optional: true
-    comment: Maximum number of cards to display.
+    comment: Maximum number of elements to display.
     group: partial
     options:
       min: 1
+    deprecated: v1.16.2
+    alternative: limit
   cols:
     type: select
     optional: true
@@ -57,6 +60,9 @@ arguments:
       Address for the button or hyperlink. If set, a button is added if the
       list exceeds the maximum number of cards to display.
     group: partial
+  href-force:
+    release: v1.16.2
+    group: partial
   hrefTitle:
     type: string
     optional: true
@@ -87,4 +93,5 @@ arguments:
     comment: >-
       Styles to apply to the individual cards. Supported elements are `ratio`,
       `orientation`, `portrait`, and `width`.
-
+  padding:
+    release: v1.16.2

exampleSite/config/_default/hugo.toml

@@ -115,7 +115,7 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
   [[module.imports]]
     path = "github.com/gethinode/mod-csp"
   [[module.imports]]
-    path = "github.com/gethinode/mod-flexsearch/v2"
+    path = "github.com/gethinode/mod-flexsearch/v3"
   [[module.imports]]
     path = "github.com/gethinode/mod-fontawesome/v2"
   [[module.imports]]

exampleSite/config/_default/params.toml

@@ -1,9 +1,7 @@
 [main]
     separator = "-"
     description = "Hinode is a clean documentation and blog theme for your Hugo site based on Bootstrap 5."
-    enableDarkMode = true
     enableLanguageSelectionStorage = true
-    modes = ["light", "dark"]
     canonifyAssetsURLs = false
     footerBelowFold = false
     loading = "lazy"
@@ -21,6 +19,12 @@
     [main.build]
         transpiler = "dartsass"
         silenceDeprecations = true
+    [main.colorMode]
+        enabled = true
+        modes = ["light", "dark"]
+        toggle = true
+        iconLight = "fas sun"
+        iconDark = "fas moon"
 
 [debugging]
     showJS = false
@@ -37,6 +41,8 @@
 [navigation]
     anchor = true
     logo = "/img/logo_icon.svg"
+    logo-mode = false
+    logo-align = "center"
     logo-height = 30
     color = "body"
     fixed = true
@@ -45,15 +51,23 @@
     horizontal = false
     offset = "5.5rem"
     offsetXS = "5.5rem"
-    search = true
-    searchModal = false
     breadcrumb = true
     toc = true
     sidebar = true
     size = "md"
+    fontsizeCollapsed = 6
+    startLevel = 2
+    endLevel = 3
+    maxNumHeadings = 9
+    [navigation.language]
+        icon = "fas globe"
     [navigation.padding]
         x = 4
         y = 4
+    [navigation.search]
+        enabled = true
+        modal = false
+        icon = "fas magnifying-glass"
 
 [messages]
     placement = "bottom-right"
@@ -129,7 +143,7 @@
     # themeFontPath = "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;600&display=swap" # external path
     themeFontPath = "/fonts" # local path
     themeFontPreload = "/fonts/inter-v12-latin-regular.woff2"
-    purge = false
+    purge = true
 # toml-docs-end theme-colors
 
 [schema]
@@ -169,3 +183,6 @@
 
 [modules.cookieyes]
     url = "https://cdn-cookieyes.com/client_data/a54b5553f349dd13bd225f8e/script.js"
+
+[modules.mermaid]
+    elk = true

exampleSite/config/postcss.config.js

@@ -27,9 +27,10 @@ const purgecss = purgeCSSPlugin({
       './assets/scss/theme/fonts.scss',
       './assets/scss/theme/theme.scss',
       './_vendor/github.com/gethinode/mod-cookieyes/v2/assets/scss/cookieyes.scss',
-      './_vendor/github.com/gethinode/mod-flexsearch/v2/assets/scss/modules/flexsearch/flexsearch.scss',
+      './_vendor/github.com/gethinode/mod-flexsearch/v3/assets/scss/modules/flexsearch/flexsearch.scss',
       './_vendor/github.com/gethinode/mod-katex/dist/katex.scss',
       './_vendor/github.com/gethinode/mod-leaflet/dist/leaflet.scss',
+      './_vendor/github.com/gethinode/mod-mermaid/v3/assets/scss/mermaid.scss',
       './_vendor/github.com/gethinode/mod-simple-datatables/v2/dist/simple-datatables.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_carousel.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_dropdown.scss',

exampleSite/content/en/blocks/video-message.md

@@ -29,6 +29,7 @@ The `video` content block renders a horizontal line to separate sections. The se
     provider: vimeo
     media-id: "55073825"
     autoplay: true
+    color: black
   messages:
     - title: First Message
       icon: fas 1

exampleSite/content/en/blog/components.md

@@ -4,7 +4,7 @@ title: Components
 date: 2023-09-23
 description: Use shortcodes to add predefined components powered by external libraries.
 tags: ["bootstrap", "shortcode"]
-keywords: ["featured"]
+keywords: featured
 thumbnail:
   url: img/puzzle.jpg
   author: Ryoji Iwata
@@ -94,6 +94,22 @@ As an example, the following shortcode displays an interactive map of the city o
 
 ## Mermaid Diagrams
 
+### Shortcode (with controls and frontmatter)
+
+<!-- markdownlint-disable MD003 MD022 -->
+{{< mermaid controls=true >}}
+---
+config:
+  layout: elk.stress
+  look: handDrawn
+  theme: forest
+---
+flowchart TD
+  A --> B
+  A --> C
+{{< /mermaid >}}
+<!-- markdownlint-enable MD003 MD022 -->
+
 ### Flowchart
 
 ```mermaid

exampleSite/content/en/blog/content-blocks.md

@@ -4,7 +4,7 @@ title: Content blocks
 date: 2025-06-07
 description: Quickly edit your webpages using reusable content blocks.
 tags: ["bookshop", "blocks"]
-keywords: ["featured"]
+keywords: featured
 thumbnail:
   url: img/pj-accetturo-XpD6Dkui-yg-unsplash.jpg
   author: Pj Accetturo

exampleSite/content/fr/_index.md

@@ -2,14 +2,63 @@
 author: Mark Dumay
 title: Bienvenue sur Hinode!
 description: Un thème de blog et de documentation pour Hugo basé sur Bootstrap 5.
-thumbnail:
-  url: /img/sunrise.jpg
-  author: Harris Vo
-  authorURL: https://unsplash.com/@hoanvokim
-  origin: https://unsplash.com/photos/ZX6BPboJrYk
-  originName: Unsplash
-actions:
-  about:
-    url: "a-propos"
-    title: "À propos"
+content_blocks:
+  - _bookshop_name: hero
+    heading:
+      title: Bienvenue sur Hinode!
+      content: |-
+        Un thème de blog et de documentation pour Hugo basé sur Bootstrap 5.
+      width: 6
+    background:
+      color: primary
+      subtle: true
+    illustration:
+      image: /img/sunrise.jpg
+      ratio: 16x9
+    width: 8
+    links:
+      - title: À propos
+        url: "/fr/a-propos/"
+        icon: fas chevron-right
+    orientation: horizontal
+    justify: center
+
+  - _bookshop_name: articles
+    heading:
+      title: Articles de blog
+      align: start
+    input:
+      section: blog
+      reverse: true
+      sort: date
+      keywords: featured
+    hide-empty: false
+    header-style: none
+    more:
+      title: Plus d'articles
+    padding: 0
+    limit: 3
+    class: border-0 card-zoom card-body-margin
+
+  - _bookshop_name: articles
+    heading:
+      title: Projets
+      align: start
+    background:
+      background: body-tertiary
+    hide-empty: false
+    input:
+      section: projects
+      reverse: false
+      sort: date
+    more:
+      title: Plus d'articles
+    cols: 1
+    padding: 4
+    limit: 2
+    icon-style: fa-5x
+    header-style: none
+    footer-style: tags
+    orientation: horizontal-sm
+    class: border-1 card-emphasize
 ---

exampleSite/content/fr/blog/bootstrap-elements.md

@@ -5,6 +5,7 @@ slug: elements-bootstrap
 date: 2023-08-12
 description: Utilisez des shortcodes pour ajouter facilement des éléments Bootstrap courants.
 tags: ["bootstrap", "shortcode"]
+keywords: featured
 thumbnail:
   url: img/boots.jpg
   author: Nathan Dumlao

exampleSite/content/fr/blog/components.md

@@ -5,6 +5,7 @@ slug: composents
 date: 2023-07-21
 description: Utilisez des shortcodes pour ajouter des composants prédéfinis alimentés par des bibliothèques externes.
 tags: ["bootstrap", "shortcode"]
+keywords: featured
 thumbnail:
   url: img/puzzle.jpg
   author: Ryoji Iwata

exampleSite/content/fr/blog/image.md

@@ -4,6 +4,7 @@ title: Images locales et distantes
 date: 2024-05-19
 description: Inclure des images responsives provenant de sources locales et de certains fournisseurs de CDN d'images.
 tags: ["blog"]
+keywords: featured
 thumbnail:
   url: https://assets.imgix.net/examples/bluehat.jpg
 ---

exampleSite/content/nl/_index.md

@@ -2,14 +2,62 @@
 author: Mark Dumay
 title: Welkom bij Hinode!
 description: Een documentatie en blog thema voor Hugo gebaseerd op Bootstrap 5.
-thumbnail:
-    url: /img/sunrise.jpg
-    author: Harris Vo
-    authorURL: https://unsplash.com/@hoanvokim
-    origin: https://unsplash.com/photos/ZX6BPboJrYk
-    originName: Unsplash
-actions:
-  about:
-    url: "over-mij"
-    title: "Over mij"
+content_blocks:
+  - _bookshop_name: hero
+    heading:
+      title: Welkom bij Hinode!
+      content: |-
+        Een documentatie en blog thema voor Hugo gebaseerd op Bootstrap 5.
+      width: 6
+    background:
+      color: primary
+      subtle: true
+    illustration:
+      image: /img/sunrise.jpg
+      ratio: 16x9
+    width: 8
+    links:
+      - title: "Over mij"
+        url: "/nl/over-mij/"
+        icon: fas chevron-right
+    orientation: horizontal
+    justify: center
+
+  - _bookshop_name: articles
+    heading:
+      title: Blog
+      align: start
+    input:
+      section: blog
+      reverse: true
+      sort: date
+    hide-empty: false
+    header-style: none
+    more:
+      title: Meer artikelen
+    padding: 0
+    limit: 3
+    class: border-0 card-zoom card-body-margin
+
+  - _bookshop_name: articles
+    heading:
+      title: Projecten
+      align: start
+    background:
+      background: body-tertiary
+    hide-empty: false
+    input:
+      section: projects
+      reverse: false
+      sort: date
+    more:
+      title: Meer artikelen
+    cols: 1
+    padding: 4
+    limit: 2
+    icon-style: fa-5x
+    header-style: none
+    footer-style: tags
+    orientation: horizontal-sm
+    class: border-1 card-emphasize
 ---

exampleSite/go.mod

@@ -3,5 +3,5 @@ module github.com/gethinode/hinode/exampleSite
 go 1.19
 
 require (
-	github.com/gethinode/mod-cookieyes/v2 v2.2.4 // indirect
+	github.com/gethinode/mod-cookieyes/v2 v2.2.5 // indirect
 )

exampleSite/go.sum

@@ -1,2 +1,2 @@
-github.com/gethinode/mod-cookieyes/v2 v2.2.4 h1:MxKKNSpX2cb9+4l3mH/xfZUqiJ1buaGLj0AFRnPci5M=
-github.com/gethinode/mod-cookieyes/v2 v2.2.4/go.mod h1:tULb7D7CoTycGUyL7ryqHJKaX11XuL2SN+XwP7/DI0Y=
+github.com/gethinode/mod-cookieyes/v2 v2.2.5 h1:xzTQ42qYViZ/LJJUHAEeDV9aayXVEX4MtnpS+m5Zekc=
+github.com/gethinode/mod-cookieyes/v2 v2.2.5/go.mod h1:tULb7D7CoTycGUyL7ryqHJKaX11XuL2SN+XwP7/DI0Y=

exampleSite/hugo_stats.json

@@ -95,25 +95,22 @@
       "background-container",
       "background-img-fluid",
       "badge",
-      "ball",
       "bg-bg-body-tertiary",
       "bg-bg-primary-subtle",
+      "bg-black",
       "bg-body",
       "bg-body-tertiary",
       "bg-danger",
       "bg-opacity-10",
       "bg-primary",
       "bg-primary-subtle",
-      "bg-secondary-subtle",
       "bi",
       "bi-activity",
       "border",
       "border-0",
       "border-1",
       "border-bottom",
-      "border-end",
       "border-none",
-      "border-start",
       "border-top",
       "bottom-0",
       "bottom-bar",
@@ -192,10 +189,15 @@
       "col-sm-6",
       "collapse",
       "collapsed",
+      "command",
       "contact-img",
       "container",
       "container-fluid",
       "container-xxl",
+      "control-btn",
+      "control-btn-expand",
+      "control-btn-zoom-in",
+      "control-btn-zoom-out",
       "cta",
       "custom",
       "d-block",
@@ -213,10 +215,17 @@
       "d-sm-block",
       "d-sm-none",
       "data-table",
+      "diagram-container",
+      "diagram-controls",
+      "diagram-wrapper",
       "disabled",
       "display-1",
       "display-4",
+      "display-4pt-1",
       "display-6",
+      "docs",
+      "docs-controls",
+      "docs-panel",
       "dropdown",
       "dropdown-divider-bg",
       "dropdown-item",
@@ -243,7 +252,6 @@
       "fa-arrow-left",
       "fa-arrow-right",
       "fa-bootstrap",
-      "fa-check",
       "fa-chevron-right",
       "fa-circle",
       "fa-circle-check",
@@ -253,6 +261,7 @@
       "fa-divide",
       "fa-docker",
       "fa-ellipsis",
+      "fa-expand",
       "fa-face-frown",
       "fa-facebook",
       "fa-fluid",
@@ -267,10 +276,11 @@
       "fa-info",
       "fa-inverse",
       "fa-lg",
-      "fa-li",
       "fa-link",
       "fa-linkedin",
       "fa-magnifying-glass",
+      "fa-magnifying-glass-minus",
+      "fa-magnifying-glass-plus",
       "fa-medium",
       "fa-moon",
       "fa-rocket",
@@ -283,17 +293,20 @@
       "fa-stack-2x",
       "fa-sun",
       "fa-timeline",
-      "fa-ul",
       "fa-up-right-from-square",
       "fa-whatsapp",
       "fa-wrapper",
       "fa-x-twitter",
+      "fa-xl",
       "fa-xs",
       "fab",
       "fade",
       "faq",
       "fas",
       "figure-caption",
+      "file",
+      "file-controls",
+      "file-panel",
       "fixed-top",
       "flex-column",
       "flex-fill",
@@ -344,7 +357,6 @@
       "justify-content-between",
       "justify-content-center",
       "justify-content-end",
-      "justify-content-md-end",
       "justify-content-md-start",
       "justify-content-start",
       "katex",
@@ -372,9 +384,11 @@
       "me-1",
       "me-3",
       "me-auto",
+      "me-md-3",
       "mermaid",
       "middle-bar",
-      "mode-switch",
+      "mode-item",
+      "mode-toggle",
       "ms-1",
       "ms-3",
       "ms-auto",
@@ -414,9 +428,12 @@
       "navbar-contrast",
       "navbar-expand-md",
       "navbar-fixed-top",
+      "navbar-fs-6",
+      "navbar-md-fs",
       "navbar-mode-selector",
       "navbar-nav",
       "navbar-nav-scroll",
+      "navbar-title-center",
       "navbar-toggler",
       "next",
       "no-js",
@@ -467,7 +484,6 @@
       "px-md-4",
       "px-xxl-0",
       "py-%!d(string=0)",
-      "py-0",
       "py-1",
       "py-2",
       "py-3",
@@ -533,7 +549,6 @@
       "text-decoration-none",
       "text-end",
       "text-info",
-      "text-md-start",
       "text-muted",
       "text-nowrap",
       "text-primary",
@@ -550,6 +565,7 @@
       "timeline-bg-primary-subtle",
       "timeline-connector-end",
       "timeline-connector-start",
+      "timeline-container",
       "timeline-description-text-end",
       "timeline-description-text-start",
       "timeline-dot",
@@ -586,11 +602,13 @@
       "visually-hidden",
       "vr",
       "w-100",
-      "w-50"
+      "w-50",
+      "width-100",
+      "width-md-auto"
     ],
     "ids": [
       "abbr",
-      "accelerate-your-data-products",
+      "about",
       "accordion",
       "accordion-0",
       "accordion-0-heading-0",
@@ -600,30 +618,38 @@
       "accordion-0-item-1",
       "accordion-0-item-2",
       "accordéon",
-      "ai",
       "alert",
       "alerte",
-      "analytics",
+      "ander-project",
       "animatie",
       "animation",
+      "another-project",
       "args",
       "arguments",
+      "articles",
+      "articles-de-blog",
+      "autre-projet",
       "background-type",
       "badge",
       "barre-de-navigation",
+      "bienvenue-sur-hinode",
       "block-diagram",
       "blog",
       "body-docs-collapse-15",
       "body-docs-collapse-16",
       "body-file-collapse-1",
+      "bootstrap-elements",
       "bouton",
       "breadcrumb",
+      "btnTOCShowLess",
+      "btnTOCShowMore",
       "button",
       "button-group",
       "c4-diagram",
       "callout",
       "card",
       "card-group",
+      "cards",
       "carousel",
       "carousel-0",
       "carrousel",
@@ -636,26 +662,38 @@
       "command-prompt",
       "comment-nous-partageons-vos-informations",
       "comment-utilisons-nous-les-cookies-",
+      "componenten",
+      "components",
+      "composents",
       "container",
       "content-blocks",
+      "cookie-policy",
       "cookies-etc",
+      "cta",
       "custom-activity",
-      "data-quality",
       "data-tables",
+      "derde-artikel",
+      "deuxième-article",
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-3",
-      "dropdown-panel-7e187675c614319023ef5249655de8a9",
-      "dropdown-panel-c41ebffd7d6c859c099185651c98e657",
-      "dropdown-panel-cd782977d4cc3557dd801f3b59fa2b2a",
-      "dropdown-panel-e11d337424f2ea942fc8694af8a45fff",
-      "dropdown-panel-e226777dabc90f8ed07c75aeddf05969",
+      "dropdown-panel-061524bba81f197181a032e904983272",
+      "dropdown-panel-0c0ddda05d377af1c0cee87f7c85da67",
+      "dropdown-panel-3c6a067cd80a10d3707200fc8fb84bb3",
+      "dropdown-panel-4b12c0f69625cb352e0aa7d846f960d8",
+      "dropdown-panel-6906624fe967e8dffbf4c3446a9e2385",
+      "dropdown-panel-7351d1dc85bcedcd74309f25472b7548",
+      "dropdown-panel-7784dd257dba6ab662963774a7bea03d",
+      "dropdown-panel-c62f4eeaa4277d5c14c486d5c8623ae1",
+      "dropdown-panel-cfcc43cbefc204c3c8c7487ef6347c27",
+      "dropdown-panel-d29649da522407a082335b726b32951c",
+      "eerste-artikel",
       "elements-type",
       "entity-relationship-diagram",
       "example",
       "examples",
       "exemple",
+      "exemple-de-projet",
       "fa-address-card",
       "fa-face-frown",
       "fa-folder",
@@ -668,11 +706,17 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-8e1dc1566367f67303783ad93f8d7eab",
-      "faq-8e1dc1566367f67303783ad93f8d7eab-heading-faq-8e1dc1566367f67303783ad93f8d7eab",
-      "faq-8e1dc1566367f67303783ad93f8d7eab-item-0",
-      "faq-8e1dc1566367f67303783ad93f8d7eab-item-1",
-      "faq-8e1dc1566367f67303783ad93f8d7eab-item-2",
+      "faq",
+      "faq-b52462b6a4b2180e01ad67bc52618161",
+      "faq-b52462b6a4b2180e01ad67bc52618161-heading-faq-b52462b6a4b2180e01ad67bc52618161",
+      "faq-b52462b6a4b2180e01ad67bc52618161-item-0",
+      "faq-b52462b6a4b2180e01ad67bc52618161-item-1",
+      "faq-b52462b6a4b2180e01ad67bc52618161-item-2",
+      "faq-f38df4740b059c9b2b0e1b696e843ede",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-heading-faq-f38df4740b059c9b2b0e1b696e843ede",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-item-0",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-item-1",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
@@ -683,7 +727,6 @@
       "fas-angles-right",
       "fas-arrow-left",
       "fas-arrow-right",
-      "fas-check",
       "fas-chevron-right",
       "fas-circle",
       "fas-circle-check",
@@ -692,6 +735,7 @@
       "fas-code",
       "fas-divide",
       "fas-ellipsis",
+      "fas-expand",
       "fas-globe",
       "fas-grip",
       "fas-h",
@@ -700,6 +744,8 @@
       "fas-info",
       "fas-link",
       "fas-magnifying-glass",
+      "fas-magnifying-glass-minus",
+      "fas-magnifying-glass-plus",
       "fas-moon",
       "fas-rocket",
       "fas-share-nodes",
@@ -710,13 +756,14 @@
       "fichier",
       "fil-dariane",
       "file",
-      "first-panel",
+      "first-post",
       "flowchart",
       "footer-docs-collapse-15",
       "footer-docs-collapse-16",
       "footer-file-collapse-1",
       "formula-katex",
       "formule-katex",
+      "fourth-post-excluded-from-search",
       "gantt-diagram",
       "gegevenstabellen",
       "git-graph",
@@ -725,6 +772,7 @@
       "gérer-les-préférences-des-cookies",
       "heading",
       "heading-type",
+      "hero",
       "horizontal-cards-with-an-icon",
       "horizontal-cards-with-an-image",
       "how-do-we-use-cookies",
@@ -733,6 +781,7 @@
       "illustration-type",
       "image",
       "imagekitio",
+      "images-locales-et-distantes",
       "imgix",
       "indicateur-de-chargement",
       "infobulle",
@@ -743,13 +792,13 @@
       "items-type",
       "kaart",
       "kbd",
-      "kickstart-your-data-stack-without-coding",
       "language-selector",
       "leaflet-map-0",
       "lien",
       "liens-vers-des-tiers-et-utilisation-de-vos-informations",
       "link",
       "links-type",
+      "local-and-remote-images",
       "lottie-animation-0",
       "manage-cookie-preferences",
       "map",
@@ -758,7 +807,6 @@
       "messages-type",
       "mindmap",
       "more-type",
-      "move-your-data-into-action",
       "nav",
       "nav-0-0",
       "nav-0-1",
@@ -767,12 +815,16 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-3",
-      "nav-panel-7e187675c614319023ef5249655de8a9",
-      "nav-panel-c41ebffd7d6c859c099185651c98e657",
-      "nav-panel-cd782977d4cc3557dd801f3b59fa2b2a",
-      "nav-panel-e11d337424f2ea942fc8694af8a45fff",
-      "nav-panel-e226777dabc90f8ed07c75aeddf05969",
+      "nav-panel-061524bba81f197181a032e904983272",
+      "nav-panel-0c0ddda05d377af1c0cee87f7c85da67",
+      "nav-panel-3c6a067cd80a10d3707200fc8fb84bb3",
+      "nav-panel-4b12c0f69625cb352e0aa7d846f960d8",
+      "nav-panel-6906624fe967e8dffbf4c3446a9e2385",
+      "nav-panel-7351d1dc85bcedcd74309f25472b7548",
+      "nav-panel-7784dd257dba6ab662963774a7bea03d",
+      "nav-panel-c62f4eeaa4277d5c14c486d5c8623ae1",
+      "nav-panel-cfcc43cbefc204c3c8c7487ef6347c27",
+      "nav-panel-d29649da522407a082335b726b32951c",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -780,72 +832,104 @@
       "navbar-sample-collapse",
       "navigation",
       "notification",
+      "over-mij",
       "overview",
-      "panel-3-0",
-      "panel-3-1",
-      "panel-3-2",
-      "panel-3-btn-0",
-      "panel-3-btn-1",
-      "panel-3-btn-2",
-      "panel-7e187675c614319023ef5249655de8a9-0",
-      "panel-7e187675c614319023ef5249655de8a9-1",
-      "panel-7e187675c614319023ef5249655de8a9-2",
-      "panel-7e187675c614319023ef5249655de8a9-btn-0",
-      "panel-7e187675c614319023ef5249655de8a9-btn-1",
-      "panel-7e187675c614319023ef5249655de8a9-btn-2",
-      "panel-c41ebffd7d6c859c099185651c98e657-0",
-      "panel-c41ebffd7d6c859c099185651c98e657-1",
-      "panel-c41ebffd7d6c859c099185651c98e657-2",
-      "panel-c41ebffd7d6c859c099185651c98e657-btn-0",
-      "panel-c41ebffd7d6c859c099185651c98e657-btn-1",
-      "panel-c41ebffd7d6c859c099185651c98e657-btn-2",
-      "panel-cd782977d4cc3557dd801f3b59fa2b2a-0",
-      "panel-cd782977d4cc3557dd801f3b59fa2b2a-1",
-      "panel-cd782977d4cc3557dd801f3b59fa2b2a-2",
-      "panel-cd782977d4cc3557dd801f3b59fa2b2a-btn-0",
-      "panel-cd782977d4cc3557dd801f3b59fa2b2a-btn-1",
-      "panel-cd782977d4cc3557dd801f3b59fa2b2a-btn-2",
-      "panel-e11d337424f2ea942fc8694af8a45fff-0",
-      "panel-e11d337424f2ea942fc8694af8a45fff-1",
-      "panel-e11d337424f2ea942fc8694af8a45fff-2",
-      "panel-e11d337424f2ea942fc8694af8a45fff-btn-0",
-      "panel-e11d337424f2ea942fc8694af8a45fff-btn-1",
-      "panel-e11d337424f2ea942fc8694af8a45fff-btn-2",
-      "panel-e226777dabc90f8ed07c75aeddf05969-0",
-      "panel-e226777dabc90f8ed07c75aeddf05969-1",
-      "panel-e226777dabc90f8ed07c75aeddf05969-2",
-      "panel-e226777dabc90f8ed07c75aeddf05969-btn-0",
-      "panel-e226777dabc90f8ed07c75aeddf05969-btn-1",
-      "panel-e226777dabc90f8ed07c75aeddf05969-btn-2",
+      "panel-061524bba81f197181a032e904983272-0",
+      "panel-061524bba81f197181a032e904983272-1",
+      "panel-061524bba81f197181a032e904983272-2",
+      "panel-061524bba81f197181a032e904983272-btn-0",
+      "panel-061524bba81f197181a032e904983272-btn-1",
+      "panel-061524bba81f197181a032e904983272-btn-2",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-0",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-1",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-2",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-btn-0",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-btn-1",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-btn-2",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-0",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-1",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-2",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-btn-0",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-btn-1",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-btn-2",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-0",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-1",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-2",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-btn-0",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-btn-1",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-btn-2",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-0",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-1",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-2",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-btn-0",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-btn-1",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-btn-2",
+      "panel-7351d1dc85bcedcd74309f25472b7548-0",
+      "panel-7351d1dc85bcedcd74309f25472b7548-1",
+      "panel-7351d1dc85bcedcd74309f25472b7548-2",
+      "panel-7351d1dc85bcedcd74309f25472b7548-btn-0",
+      "panel-7351d1dc85bcedcd74309f25472b7548-btn-1",
+      "panel-7351d1dc85bcedcd74309f25472b7548-btn-2",
+      "panel-7784dd257dba6ab662963774a7bea03d-0",
+      "panel-7784dd257dba6ab662963774a7bea03d-1",
+      "panel-7784dd257dba6ab662963774a7bea03d-2",
+      "panel-7784dd257dba6ab662963774a7bea03d-btn-0",
+      "panel-7784dd257dba6ab662963774a7bea03d-btn-1",
+      "panel-7784dd257dba6ab662963774a7bea03d-btn-2",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-0",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-1",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-2",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-btn-0",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-btn-1",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-btn-2",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-0",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-1",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-2",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-btn-0",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-btn-1",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-btn-2",
+      "panel-d29649da522407a082335b726b32951c-0",
+      "panel-d29649da522407a082335b726b32951c-1",
+      "panel-d29649da522407a082335b726b32951c-2",
+      "panel-d29649da522407a082335b726b32951c-btn-0",
+      "panel-d29649da522407a082335b726b32951c-btn-1",
+      "panel-d29649da522407a082335b726b32951c-btn-2",
+      "panels",
       "persona",
       "pie-chart",
       "pills",
+      "politique-de-confidentialité",
+      "politique-de-cookies",
+      "premier-article",
+      "privacy-policy",
       "projecten",
       "projects",
       "projets",
       "publication",
       "quadrant-chart",
+      "quatrième-article-exclu-de-la-recherche",
       "que-sont-les-cookies-",
       "release",
+      "releases",
       "requirement-chart",
       "réduire",
-      "second-panel",
+      "sample-project",
+      "second-post",
       "security",
+      "separator",
       "sequence-diagram",
+      "shortcode-with-controls-and-frontmatter",
       "spinner",
       "stacked-cards-with-an-icon",
       "stacked-cards-with-an-image",
-      "stacked-video-message",
-      "start-using-your-data-immediately",
       "state-diagram",
       "sub",
       "sup",
       "sécurité",
       "table",
       "tabs",
-      "tap-into-the-latest-thinking-from-infusal-and-stay-in-the-lead",
-      "third-panel",
       "third-party-links--use-of-your-information",
+      "third-post",
       "timeline",
       "title",
       "toast",
@@ -855,21 +939,28 @@
       "toast-example-2",
       "toast-message-email-4",
       "toc-collapse",
+      "toc-collapse-items",
       "tooltip",
-      "turn-boring-into-brilliant",
+      "troisième-article",
+      "tweede-artikel",
       "types-de-cookies-que-nous-utilisons",
       "types-of-cookies-we-use",
       "underline",
       "user-journey",
       "video",
+      "video-message",
       "video-type",
       "vidéo",
+      "vierde-artikel",
+      "voorbeeldproject",
       "vos-droits",
       "welcome-to-hinode",
+      "welkom-bij-hinode",
       "what-are-cookies",
-      "works-seamlessly-with-your-current-tech-stack",
       "xy-chart",
-      "your-rights"
+      "your-rights",
+      "à-propos",
+      "éléments-bootstrap"
     ]
   }
 }

exampleSite/layouts/_partials/templates/script.html

@@ -0,0 +1,31 @@
+{{/* 
+    Copyright © 2022 - 2025 The Hinode Team / Mark Dumay. All rights reserved.
+    Use of this source code is governed by The MIT License (MIT) that can be found in the LICENSE file.
+    Visit gethinode.com/license for more details.
+*/}}
+
+<!-- TODO: this partial is not properly mounted for the exampleSite, possibly a bug with Hugo -->
+
+{{/* Initialize arguments */}}
+{{- $args := partial "utilities/InitArgs.html" (dict "structure" "script" "args" .) -}}
+{{- if or $args.err $args.warnmsg -}}
+    {{- partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+        "partial" "templates/script.html" 
+        "warnid"  "warn-invalid-arguments"
+        "msg"     "Invalid arguments"
+        "details" ($args.errmsg | append $args.warnmsg)
+        "file"    page.File
+    ) -}}
+{{- end -}}
+
+{{/* Initialize local arguments */}}
+{{- $category := cond (ne $args.category "other") $args.category "" -}}
+
+{{/* Main code */}}
+{{- if not $args.err -}}
+    <script src="{{ $args.link }}"
+        {{- with $args.scriptType }}{{ printf ` type="%s"` . | safeHTMLAttr }}{{ end -}}
+        {{- with $category }} data-category="{{ . }}"{{ end -}}
+        {{- with $args.integrity }} integrity="{{ . }}" crossorigin="anonymous"{{ end }}
+        {{- with $args.state }} {{ . | safeHTMLAttr }}{{ end -}}></script>
+{{- end -}}

go.mod

@@ -3,22 +3,19 @@ module github.com/gethinode/hinode
 go 1.19
 
 require (
-	github.com/airbnb/lottie-web v5.12.2+incompatible // indirect
-	github.com/cloudcannon/bookshop/hugo/v3 v3.16.3 // indirect
-	github.com/gethinode/mod-bootstrap v1.3.3 // indirect
-	github.com/gethinode/mod-csp v1.0.7 // indirect
-	github.com/gethinode/mod-flexsearch/v2 v2.1.1 // indirect
-	github.com/gethinode/mod-fontawesome/v2 v2.1.1 // indirect
-	github.com/gethinode/mod-google-analytics v1.3.2 // indirect
-	github.com/gethinode/mod-katex v1.1.3 // indirect
-	github.com/gethinode/mod-leaflet v1.3.0 // indirect
-	github.com/gethinode/mod-lottie v1.6.0 // indirect
-	github.com/gethinode/mod-mermaid v1.1.23 // indirect
-	github.com/gethinode/mod-mermaid/v2 v2.0.1 // indirect
-	github.com/gethinode/mod-simple-datatables v1.1.7 // indirect
-	github.com/gethinode/mod-simple-datatables/v2 v2.0.1 // indirect
-	github.com/gethinode/mod-utils/v3 v3.3.1 // indirect
-	github.com/gethinode/mod-utils/v4 v4.11.0 // indirect
-	github.com/nextapps-de/flexsearch v0.0.0-20250606060143-c28f52c09b7a // indirect
-	github.com/twbs/bootstrap v5.3.7+incompatible // indirect
+	github.com/airbnb/lottie-web v5.13.0+incompatible // indirect
+	github.com/cloudcannon/bookshop/hugo/v3 v3.16.5 // indirect
+	github.com/gethinode/mod-bootstrap v1.3.4 // indirect
+	github.com/gethinode/mod-csp v1.0.8 // indirect
+	github.com/gethinode/mod-flexsearch/v3 v3.0.0 // indirect
+	github.com/gethinode/mod-fontawesome/v2 v2.1.2 // indirect
+	github.com/gethinode/mod-google-analytics v1.3.3 // indirect
+	github.com/gethinode/mod-katex v1.1.4 // indirect
+	github.com/gethinode/mod-leaflet v1.3.1 // indirect
+	github.com/gethinode/mod-lottie v1.6.1 // indirect
+	github.com/gethinode/mod-mermaid/v3 v3.0.1 // indirect
+	github.com/gethinode/mod-simple-datatables/v2 v2.0.2 // indirect
+	github.com/gethinode/mod-utils/v4 v4.18.0 // indirect
+	github.com/nextapps-de/flexsearch v0.0.0-20250907103239-defb38b083f0 // indirect
+	github.com/twbs/bootstrap v5.3.8+incompatible // indirect
 )

go.sum

@@ -1,5 +1,7 @@
 github.com/airbnb/lottie-web v5.12.2+incompatible h1:Ldogtlhiucf7mMsgisyxSBY0qunV44+lpa9Icy2KoQc=
 github.com/airbnb/lottie-web v5.12.2+incompatible/go.mod h1:nTss557UK9FGnp8QYlCMO29tjUHwbdAHG/DprbGfHGE=
+github.com/airbnb/lottie-web v5.13.0+incompatible h1:plBV5Uq/F1kK0EC61Hr0cBGReI9OgUfd/pp0baoDX8o=
+github.com/airbnb/lottie-web v5.13.0+incompatible/go.mod h1:nTss557UK9FGnp8QYlCMO29tjUHwbdAHG/DprbGfHGE=
 github.com/cloudcannon/bookshop/hugo/v3 v3.14.0 h1:QNLtpTINvXkxAG/RQVpdXzxtFjG6YAmnBr7qbOD5GF8=
 github.com/cloudcannon/bookshop/hugo/v3 v3.14.0/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.0 h1:Fb76ABHqTyPl9Z2QqYJCwiMBKPyShOe1EnZxXzW3RVo=
@@ -8,6 +10,10 @@ github.com/cloudcannon/bookshop/hugo/v3 v3.16.1 h1:WByz6rqg28h94VLVLscu77/CHhi2p
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.1/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.3 h1:/Z66xKILl1SNGQePHZCnxo6vFgED7AGI600OSPotXj4=
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.3/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.4 h1:k233xdD3ydE6iN8QB+c37//rSsFVtLIo5OUNRN4E3bc=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.4/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.5 h1:RmqeSUQMPyi31YC6SaFNE2ubfFy13qVj5/lo+MCT+u8=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.5/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
 github.com/gethinode/mod-bootstrap v1.0.1 h1:NDZar+UEL42YHCvzzO+jVgqkZU5INA12BpjX3y6U4I4=
 github.com/gethinode/mod-bootstrap v1.0.1/go.mod h1:DcpPc2cNaXUPGEvhD7npuEEPA7573NvakTlrwFbyjr8=
 github.com/gethinode/mod-bootstrap v1.1.0 h1:BbalsW8kmFhv+J+dcc41TGcjIlM/p69AB0h0oGhAXIU=
@@ -36,6 +42,8 @@ github.com/gethinode/mod-bootstrap v1.3.2 h1:mf9Qgr+xHZeHjZGYFdurETfdEKKldB158fp
 github.com/gethinode/mod-bootstrap v1.3.2/go.mod h1:CL9IDot6nbXIWJYE/KxfsTdYYEJIGL17BXbAYPn+wVQ=
 github.com/gethinode/mod-bootstrap v1.3.3 h1:k7RrZM3zstWA5xg55yLedb4T7WRBXvn77gv7OwBQ0d4=
 github.com/gethinode/mod-bootstrap v1.3.3/go.mod h1:MkvQgiA3N2NFiW57TTU60Rn4N6oZjvlBIVgrJE9M0WI=
+github.com/gethinode/mod-bootstrap v1.3.4 h1:rBfyUmdslxL+RX76/5hyJYPacfrt6OYrciNgk/T0NWk=
+github.com/gethinode/mod-bootstrap v1.3.4/go.mod h1:MkvQgiA3N2NFiW57TTU60Rn4N6oZjvlBIVgrJE9M0WI=
 github.com/gethinode/mod-csp v1.0.0 h1:Obp0MVMBjIPZbKDh6Ejl5pImDG7yERMLf2or9UVnwPA=
 github.com/gethinode/mod-csp v1.0.0/go.mod h1:Nb22QMicoUHgZQUKP5TCgVrSI8K3KU7jLuLBShmotjg=
 github.com/gethinode/mod-csp v1.0.1 h1:IUUwPc41UNw7DAFuJ75nNPzhkPExenxXU7susdLaxdQ=
@@ -52,6 +60,8 @@ github.com/gethinode/mod-csp v1.0.6 h1:ufEKQldQe9ZCXbENTpwqVlYnPRgVv3WDhPjur5OLU
 github.com/gethinode/mod-csp v1.0.6/go.mod h1:Nb22QMicoUHgZQUKP5TCgVrSI8K3KU7jLuLBShmotjg=
 github.com/gethinode/mod-csp v1.0.7 h1:V4D8vYA/jJ2Nv9kPz5gt96fkVd3NtT7sBqVhnG5TvAU=
 github.com/gethinode/mod-csp v1.0.7/go.mod h1:Nb22QMicoUHgZQUKP5TCgVrSI8K3KU7jLuLBShmotjg=
+github.com/gethinode/mod-csp v1.0.8 h1:36bWS7oW5KoPp0ywJXKmfMdM33c/7EPBLjzut0njTgE=
+github.com/gethinode/mod-csp v1.0.8/go.mod h1:Nb22QMicoUHgZQUKP5TCgVrSI8K3KU7jLuLBShmotjg=
 github.com/gethinode/mod-flexsearch v1.0.1 h1:FJkRsUzSnQTXl3MWCigT4E6vfff870UWTnkGqaDGIhA=
 github.com/gethinode/mod-flexsearch v1.0.1/go.mod h1:TXbGbWsvmhBdsTzRt887mcpFfr4ORpzG3+h/l4W3YM4=
 github.com/gethinode/mod-flexsearch v1.1.0 h1:7BCMyQDlYlskNXuazt8Jg/jg9WREexu2xVkYqThkAX4=
@@ -110,6 +120,12 @@ github.com/gethinode/mod-flexsearch/v2 v2.1.0 h1:NzCruYAKQBMM1DwFFoH7/tzqmItR6sK
 github.com/gethinode/mod-flexsearch/v2 v2.1.0/go.mod h1:d7MMkVlz0l6cEk76e0mkveEsDxGfu5Sv+HUIhoGguhE=
 github.com/gethinode/mod-flexsearch/v2 v2.1.1 h1:Vcr0aAkqPdavK183L8nr0dF7ngfY9EUDG4ZpmEK815M=
 github.com/gethinode/mod-flexsearch/v2 v2.1.1/go.mod h1:0IJGZQRv9X+th/gFmFRusEUSv0oJSr3aw5t1w3lfvYg=
+github.com/gethinode/mod-flexsearch/v2 v2.1.2 h1:B/onreHG/qzIqMo9YYiRk4WWM+GgFj1FSGHSgUpCvJ0=
+github.com/gethinode/mod-flexsearch/v2 v2.1.2/go.mod h1:0IJGZQRv9X+th/gFmFRusEUSv0oJSr3aw5t1w3lfvYg=
+github.com/gethinode/mod-flexsearch/v2 v2.1.3 h1:m5I9B7cA1SU99f90yO4OpOcKNPZ5zMF18pEhusLxa80=
+github.com/gethinode/mod-flexsearch/v2 v2.1.3/go.mod h1:0IJGZQRv9X+th/gFmFRusEUSv0oJSr3aw5t1w3lfvYg=
+github.com/gethinode/mod-flexsearch/v3 v3.0.0 h1:xFeo5ovZMIcUttvpOamPAMML5+5Au/hewZz/18C2H6Q=
+github.com/gethinode/mod-flexsearch/v3 v3.0.0/go.mod h1:iYvaBF6Y62pjnCepYAqLxoX1ZdEBoD+9caj4cBC+MxY=
 github.com/gethinode/mod-fontawesome v1.0.2 h1:ZSK6D20/w4y5GnfYfTBB58uHD0ChIfkpKfRGwioS9rg=
 github.com/gethinode/mod-fontawesome v1.0.2/go.mod h1:Ki1qkWEOiF0hQpCgWeZRw+HkpL6nd1DxKFptU0O2feI=
 github.com/gethinode/mod-fontawesome v1.1.0 h1:rsDzUI+3ZlS/do2ff3ne8/z3KwHeysmuA+WsXlumXXk=
@@ -162,6 +178,8 @@ github.com/gethinode/mod-fontawesome/v2 v2.1.0 h1:kRQ/4ady4Ih/m3bJ/1+/rkFhunuzjN
 github.com/gethinode/mod-fontawesome/v2 v2.1.0/go.mod h1:Jhwzi3KQI3fYn1hPNPJFCk+kcz80s8ONT4FmwLTXH2c=
 github.com/gethinode/mod-fontawesome/v2 v2.1.1 h1:EieVCvEiT0ulXpEHY4kCLJvZCIvGkupIVyoCRTidrvo=
 github.com/gethinode/mod-fontawesome/v2 v2.1.1/go.mod h1:zukv88wXqquEvTJJ9mWWk8Ia+9INnA41wYqusf2RcHA=
+github.com/gethinode/mod-fontawesome/v2 v2.1.2 h1:v1aHhbLLwe/05zRHnx9qGqh6b3toDzcLzuv61rWAoGU=
+github.com/gethinode/mod-fontawesome/v2 v2.1.2/go.mod h1:zukv88wXqquEvTJJ9mWWk8Ia+9INnA41wYqusf2RcHA=
 github.com/gethinode/mod-google-analytics v1.0.0 h1:fly42RQ69bdyJe8WFefsBIo7WMIXkd3wZn32kyAr4h4=
 github.com/gethinode/mod-google-analytics v1.0.0/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-google-analytics v1.0.1 h1:zbmOdnAhhFCA7qWw7fnR46biWhqW2r06sIaTWyhB5R0=
@@ -190,6 +208,8 @@ github.com/gethinode/mod-google-analytics v1.3.1 h1:WPXrsO6Kpp0k8PYY9a1JyiZgYGMl
 github.com/gethinode/mod-google-analytics v1.3.1/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-google-analytics v1.3.2 h1:W4caxWkSor/BFfOEGDDMp+7RajO/Jh1bE7LXxPqLE3A=
 github.com/gethinode/mod-google-analytics v1.3.2/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
+github.com/gethinode/mod-google-analytics v1.3.3 h1:iX2FtXajykfHWJf7MXCQmpezqXgQUADNTeglU81QKpw=
+github.com/gethinode/mod-google-analytics v1.3.3/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-katex v1.0.0 h1:me/3dIIZBkfk1mRIFt8QiAGYwYDoSG5bc2hHRtIutFc=
 github.com/gethinode/mod-katex v1.0.0/go.mod h1:byAfpI3wuqNJIooTGVEGc1cjBhhCy4+CcK1H6495MYg=
 github.com/gethinode/mod-katex v1.0.1 h1:809QUztxmKgMNchU+v03iMO7Ma+ISc3ZzhXYauc21rs=
@@ -216,6 +236,8 @@ github.com/gethinode/mod-katex v1.1.2 h1:TbeVIWeG5TqldlVxpM1upOWj11RljXy4fhpOQIw
 github.com/gethinode/mod-katex v1.1.2/go.mod h1:byAfpI3wuqNJIooTGVEGc1cjBhhCy4+CcK1H6495MYg=
 github.com/gethinode/mod-katex v1.1.3 h1:fRgoBZVCJeLUFqGrGweg4FhCcbGsyqNRmd9WezG/CUQ=
 github.com/gethinode/mod-katex v1.1.3/go.mod h1:byAfpI3wuqNJIooTGVEGc1cjBhhCy4+CcK1H6495MYg=
+github.com/gethinode/mod-katex v1.1.4 h1:HWc45uHKX2JhI624UnA46LCZkLGhSbaq+zAHt9e57zw=
+github.com/gethinode/mod-katex v1.1.4/go.mod h1:byAfpI3wuqNJIooTGVEGc1cjBhhCy4+CcK1H6495MYg=
 github.com/gethinode/mod-leaflet v0.2.3 h1:QQI4h+IH0jZ7fx4q0um2YIEiYBoW3OAfW8qHzbRCDPk=
 github.com/gethinode/mod-leaflet v0.2.3/go.mod h1:uGggt87x4Fw7wBoJpSiUvNkYg+s/Ujne7klAX2rxMRk=
 github.com/gethinode/mod-leaflet v0.3.1 h1:H5MaOa+BB1KuVw7abTqfIn/SNzzRsAyx/WQoSe+2Ykc=
@@ -242,6 +264,8 @@ github.com/gethinode/mod-leaflet v1.2.1 h1:p0bKi+F5vbXwYknBvFEN9KymK8PRqKaYhVz5O
 github.com/gethinode/mod-leaflet v1.2.1/go.mod h1:Ei0x9WiL7Dbi4JeG6yI1CE63bT1QJ8sKi67Jea1wFSE=
 github.com/gethinode/mod-leaflet v1.3.0 h1:rRjuuW2KVJjnrBrFIOxxHxkB6RPdmlTivBlvceBG3Fk=
 github.com/gethinode/mod-leaflet v1.3.0/go.mod h1:F/XR1lYKENw91u+IC4NXQT6dbCyJlSJUPClMVpBK8Tw=
+github.com/gethinode/mod-leaflet v1.3.1 h1:nG6lQ7LZ2E/TGok/VGo5FCX+OVoHvxrYszi2FvQimRg=
+github.com/gethinode/mod-leaflet v1.3.1/go.mod h1:F/XR1lYKENw91u+IC4NXQT6dbCyJlSJUPClMVpBK8Tw=
 github.com/gethinode/mod-lottie v1.0.0 h1:1CUZMcgN5FAyjjyuP3qkaOQ6M5sv6HUAbosW4sIT5VE=
 github.com/gethinode/mod-lottie v1.0.0/go.mod h1:erRCgSL2FCfKHI0jQbSpM+g0jXl7SjKVJrh7kWGteKs=
 github.com/gethinode/mod-lottie v1.0.1 h1:+IE7xtnSVQpJS56oBJq9RWKZeFEfxrOZAqE3BSrS/u0=
@@ -300,10 +324,20 @@ github.com/gethinode/mod-lottie v1.5.14 h1:17wmpi4XQzmwSB2HKNVa7c6ZzULrRnpKdowOF
 github.com/gethinode/mod-lottie v1.5.14/go.mod h1:VrjjmrwP/NIrLW7oDQyEAHdbeIRQfbr5BKjgKvI9Al4=
 github.com/gethinode/mod-lottie v1.6.0 h1:O0ld9Q1rBWKb9HzuCuGPBfCegUcIqczMGNW2O/VjVYk=
 github.com/gethinode/mod-lottie v1.6.0/go.mod h1:jZy8EJ6ldLnOXhpzayJ2STZ4hzykqkguFHWpN4aHxMo=
+github.com/gethinode/mod-lottie v1.6.1 h1:0wkQ7yMiwFvkhzsBoO/RhfKJ7ru2EzoQfYrwnC6qoxg=
+github.com/gethinode/mod-lottie v1.6.1/go.mod h1:Buaa3A4fBIE4mkyQhnjMlassQQ5j8gRxQ4QnN7I1oGc=
 github.com/gethinode/mod-mermaid v1.1.23 h1:DA5iIdopb7f3wC+bfZ7J5HhcRUuVI/2j1+W/j5L/wwQ=
 github.com/gethinode/mod-mermaid v1.1.23/go.mod h1:rw6vrY9DpdJblwFwLuXCdy2kBHxMf6gGKWeetwfTSfc=
 github.com/gethinode/mod-mermaid/v2 v2.0.1 h1:QcahIFCgmYAGsukQ0d+/L4IJtDwgXgv0WzilZ9poI9o=
 github.com/gethinode/mod-mermaid/v2 v2.0.1/go.mod h1:kp3oUFAjKxuwzFbwxGWPEx5VQOu2ZHzcrwcNhDv08BI=
+github.com/gethinode/mod-mermaid/v2 v2.0.2 h1:uRHS3RyrMBK/hhDbEX39HnYkypSvSeci0kSyQaSdsKU=
+github.com/gethinode/mod-mermaid/v2 v2.0.2/go.mod h1:kp3oUFAjKxuwzFbwxGWPEx5VQOu2ZHzcrwcNhDv08BI=
+github.com/gethinode/mod-mermaid/v2 v2.0.3 h1:vWiAE640GAzkQCj0NFyn1VtnpFwiJ5Bljm2YgoQ3qG4=
+github.com/gethinode/mod-mermaid/v2 v2.0.3/go.mod h1:kp3oUFAjKxuwzFbwxGWPEx5VQOu2ZHzcrwcNhDv08BI=
+github.com/gethinode/mod-mermaid/v3 v3.0.0 h1:pFF2soB3ZQcY4KuMzDprcSv2zdC3yTKywNId4yhcPOA=
+github.com/gethinode/mod-mermaid/v3 v3.0.0/go.mod h1:+8p5KbFjIkB/I77Gpd8LTQgmNrRBfJpmKGnjclzwJFo=
+github.com/gethinode/mod-mermaid/v3 v3.0.1 h1:h4v3QvGpSln9PDbWccSktULq9FbRZ57JN4Lp+gVjvVI=
+github.com/gethinode/mod-mermaid/v3 v3.0.1/go.mod h1:rbI8IKFfKVGqTY/eJnuNJwzB5kSjaEUNX0NRHc4rBfA=
 github.com/gethinode/mod-simple-datatables v1.0.0 h1:Dj4WGw12OkaimwkCpLn5Jhmd49dvNJW9O2P/W9F+HlQ=
 github.com/gethinode/mod-simple-datatables v1.0.0/go.mod h1:K8T7fIdb8pMOB+OSW4A5lz5IW99+HyzcTgx764fvOGw=
 github.com/gethinode/mod-simple-datatables v1.0.2 h1:zhqxHet3iLQWYCBbGROALpOY9zQlptMycFkz1Tto5bA=
@@ -344,6 +378,8 @@ github.com/gethinode/mod-simple-datatables v1.1.7 h1:wCY2bWFUxRHWbWzb/zefCACooCS
 github.com/gethinode/mod-simple-datatables v1.1.7/go.mod h1:FjkIEuxqeLLEqqDcz/nHAGHsRfV7EJP5Uhk4kYD8okY=
 github.com/gethinode/mod-simple-datatables/v2 v2.0.1 h1:ZwdI96n8dM2VLwdM/x+Vj7sa4tfiAUnkDj39jn+vkXc=
 github.com/gethinode/mod-simple-datatables/v2 v2.0.1/go.mod h1:mmf1AOxpHdSRQnW2k7ExVWKTyzbG2hpsDRssmyASNb8=
+github.com/gethinode/mod-simple-datatables/v2 v2.0.2 h1:6HkJkHg754HG2P5FTXiRePEnx/p65yfuqizB+gixV6k=
+github.com/gethinode/mod-simple-datatables/v2 v2.0.2/go.mod h1:bmXZJeTQ+GZJ83vasFBTS3JSm09Oa/jDX9T187stdnA=
 github.com/gethinode/mod-utils v1.0.0 h1:cqHm2xS5uDiJzRm1KfHaNbq6uMVDKLhQa8/BuTZ1nhY=
 github.com/gethinode/mod-utils v1.0.0/go.mod h1:ONJm3pHCq7nvaPNjusLZNCeCbhOhSBH4HVKHwK1FdYE=
 github.com/gethinode/mod-utils v1.0.1 h1:jhZGlGFHHL1f5HXbBMXfiZ2gCz4TVafAzjnRPTIBSEE=
@@ -464,6 +500,26 @@ github.com/gethinode/mod-utils/v4 v4.10.0 h1:CfVa57r52wXd0bUqSJlpux2cloHQNBBe13a
 github.com/gethinode/mod-utils/v4 v4.10.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/gethinode/mod-utils/v4 v4.11.0 h1:24RObT99j/jiQnCyHvXahJHIA8e8uQuBb1pUIRJOxpA=
 github.com/gethinode/mod-utils/v4 v4.11.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.11.1 h1:12CzZjyLOb/FSXbX8mDAWqs8y4OCXOEavKww7T4V9jU=
+github.com/gethinode/mod-utils/v4 v4.11.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.12.0 h1:5sSfYIxZCeQbXLoZdS//rl6thwLwtXuvM0ujaWKyPmc=
+github.com/gethinode/mod-utils/v4 v4.12.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.13.0 h1:VKAA+wKy4saayXfgJuVBRfhNVWQWmxOjO8LSpQCvLfw=
+github.com/gethinode/mod-utils/v4 v4.13.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.14.0 h1:CF5dy+HWg22L306bWVhClWK9b1NVinEqtb4Qr2vcl9A=
+github.com/gethinode/mod-utils/v4 v4.14.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.15.0 h1:Zocy3qEVluYcx9te7bN6Serwp49kjhuH+eIvcCYpeC8=
+github.com/gethinode/mod-utils/v4 v4.15.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.15.1 h1:zsn6pYxMePLqsNaX+V8qND5tAbbp/CiscgZrnFAxc2s=
+github.com/gethinode/mod-utils/v4 v4.15.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.16.0 h1:yroLCeQyE/xU46YIKS81ZtFsOONTmVudrv2qW7IBH5Q=
+github.com/gethinode/mod-utils/v4 v4.16.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.16.1 h1:HjV6TONU7ZbXC2xZIPRupjKOUORddtQH8bb4dnULY1U=
+github.com/gethinode/mod-utils/v4 v4.16.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.17.0 h1:nDyXpZ0mCtf3ZML8G6bjeYJsI7Ne/Ze8rEWEa9zh6CI=
+github.com/gethinode/mod-utils/v4 v4.17.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.18.0 h1:CLxuPCbsQBGVgAM1x5nmh6V0HJoOcltIfKG9sthpsTk=
+github.com/gethinode/mod-utils/v4 v4.18.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3 h1:H/qVR5O4BXjRjD+5PZB+r4ug2BSJ2Of4RtwOntd+OKo=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
 github.com/nextapps-de/flexsearch v0.0.0-20240108021025-afd75f742f22 h1:re7L8FxbXQpnX8BgzkdUnDpsUmloGNyLmiy2ZCln8pg=
@@ -486,6 +542,10 @@ github.com/nextapps-de/flexsearch v0.0.0-20250523180618-1f75f5f9d9b6 h1:vUlZHDX+
 github.com/nextapps-de/flexsearch v0.0.0-20250523180618-1f75f5f9d9b6/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
 github.com/nextapps-de/flexsearch v0.0.0-20250606060143-c28f52c09b7a h1:CF/f62ufhBzNvAgoC6JhuqQxtqz0yDj3IIXYKl+A650=
 github.com/nextapps-de/flexsearch v0.0.0-20250606060143-c28f52c09b7a/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
+github.com/nextapps-de/flexsearch v0.0.0-20250901122457-99cddafcdc64 h1:8gn/7ZfERwknYk63DskhEfkwwpoXubGrzLv5LuSq6hc=
+github.com/nextapps-de/flexsearch v0.0.0-20250901122457-99cddafcdc64/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
+github.com/nextapps-de/flexsearch v0.0.0-20250907103239-defb38b083f0 h1:55phPhe6fDjfjG0jX4+br3nLORKgjgx8abZUdI0YJRA=
+github.com/nextapps-de/flexsearch v0.0.0-20250907103239-defb38b083f0/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
 github.com/twbs/bootstrap v5.3.2+incompatible h1:tuiO5acc6xnZUR77Sbi5aKWXxjYxbmsSbJwYrhAKoQQ=
 github.com/twbs/bootstrap v5.3.2+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
 github.com/twbs/bootstrap v5.3.3+incompatible h1:goFoqinzdHfkeegpFP7pvhbd0g+A3O2hbU3XCjuNrEQ=
@@ -496,3 +556,5 @@ github.com/twbs/bootstrap v5.3.6+incompatible h1:efmXVyq839m5QQ0+JBUdQQ1TrmoBqvQ
 github.com/twbs/bootstrap v5.3.6+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
 github.com/twbs/bootstrap v5.3.7+incompatible h1:ea1W8TOWZFkqSK2M0McpgzLiUQVru3bz8aHb0j/XtuM=
 github.com/twbs/bootstrap v5.3.7+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
+github.com/twbs/bootstrap v5.3.8+incompatible h1:eK1fsXP7R/FWFt+sSNmmvUH9usPocf240nWVw7Dh02o=
+github.com/twbs/bootstrap v5.3.8+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=

hugo_stats.json

@@ -8,6 +8,7 @@
       "footer",
       "form",
       "head",
+      "hr",
       "html",
       "img",
       "input",
@@ -56,6 +57,7 @@
       "col-md-2",
       "col-md-6",
       "col-md-8",
+      "col-md-auto",
       "col-sm-12",
       "collapse",
       "collapsed",
@@ -64,12 +66,14 @@
       "d-flex",
       "d-inline",
       "d-md-block",
+      "d-md-flex",
       "d-md-none",
       "d-none",
       "d-sm-block",
       "d-sm-none",
       "display-1",
       "display-4",
+      "dropdown-divider-bg",
       "emphasis",
       "end-0",
       "fa",
@@ -82,10 +86,12 @@
       "fa-fw",
       "fa-github",
       "fa-linkedin",
+      "fa-magnifying-glass",
       "fa-medium",
       "fa-moon",
       "fa-sun",
       "fab",
+      "fade",
       "fas",
       "fixed-top",
       "flex-column",
@@ -97,6 +103,7 @@
       "fw-30",
       "fw-bold",
       "h-100",
+      "h-50",
       "hero",
       "hero-content",
       "hero-image",
@@ -120,15 +127,21 @@
       "main-nav-toggler",
       "me-auto",
       "middle-bar",
+      "modal",
+      "modal-body",
+      "modal-content",
+      "modal-dialog",
+      "modal-dialog-centered",
+      "modal-dialog-scrollable",
+      "modal-header",
+      "modal-lg",
       "mode-switch",
       "ms-auto",
-      "ms-md-3",
       "mt-3",
-      "mt-4",
       "mt-5",
-      "mt-md-0",
       "mx-auto",
       "mx-md-0",
+      "mx-md-2",
       "my-auto",
       "my-md-auto",
       "nav-item",
@@ -139,8 +152,11 @@
       "navbar-container",
       "navbar-expand-md",
       "navbar-fixed-top",
+      "navbar-fs-6",
+      "navbar-md-fs",
       "navbar-mode-selector",
       "navbar-nav",
+      "navbar-nav-scroll",
       "navbar-toggler",
       "no-js",
       "order-0",
@@ -159,18 +175,21 @@
       "pt-md-0",
       "px-4",
       "px-xxl-0",
+      "py-2",
       "py-3",
       "py-4",
+      "py-md-1",
       "rounded",
       "row",
       "row-cols-1",
       "row-cols-2",
       "row-cols-sm-3",
       "search",
+      "search-background",
       "search-input",
+      "search-modal",
       "search-suggestions",
       "section-cover",
-      "shadow",
       "svg-inline--fa",
       "text-",
       "text-body",
@@ -185,7 +204,9 @@
       "toast-container",
       "toast-header",
       "toggler-icon",
-      "top-bar"
+      "top-bar",
+      "vr",
+      "w-100"
     ],
     "ids": [
       "container",
@@ -196,11 +217,14 @@
       "fas-angle-left",
       "fas-chevron-right",
       "fas-ellipsis",
+      "fas-magnifying-glass",
       "fas-moon",
       "fas-sun",
       "navbar-0-collapse",
       "navbar-mode",
       "navbar-mode-checkbox",
+      "search-input-modal",
+      "search-modal",
       "toast-container",
       "toast-copied-code-message",
       "welcome-to-hinode"

i18n/en.yaml

@@ -101,6 +101,10 @@
   translation: "See also"
 - id: sectionMenu
   translation: "Select a topic"
+- id: tocShowMore
+  translation: "Show {{ . }} more"
+- id: tocShowLess
+  translation: "Show less"
 
 # Sidebar
 - id: toggleSidebar

i18n/nl.yaml

@@ -99,6 +99,10 @@
   translation: "Zie ook"
 - id: sectionMenu
   translation: "Selecteer een onderwerp"
+- id: tocShowMore
+  translation: "Toon {{ . }} meer"
+- id: tocShowLess
+  translation: "Toon minder"
 
 # Sidebar
 - id: toggleSidebar

layouts/_markup/render-codeblock.html

@@ -1,4 +1,4 @@
-<div class="mb-3 syntax-highlight">
+<div class="codeblock syntax-highlight mb-3">
     {{- $result := transform.HighlightCodeBlock . -}}
     {{- $result.Wrapped -}}
 </div>

layouts/_markup/render-heading-new.html

@@ -1,17 +0,0 @@
-{{ $text := chomp .Text }}
-{{ if site.Params.main.titleCase }}{{ $text = title $text }}{{ end }}
-
-{{ if eq page.RelPermalink "/en/privacy/" }}
-    {{ warnf "title: %s" (.Text | safeHTML) }}
-{{ end }}
-
-{{ if and site.Params.navigation.anchor $text }}
-<h{{ .Level }} id="{{ .Anchor | safeURL }}" class="heading">
-    {{- $text | safeHTML -}}
-    <a href="#{{ .Anchor | safeURL }}" aria-labelledby="{{ .Anchor | safeURL }}">
-        {{- partial "assets/icon.html" (dict "icon" "fas link anchor") }}
-    </a>
-</h{{ .Level }}>
-{{ else }}
-<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ $text | safeHTML }}</h{{ .Level }}>
-{{ end }}

layouts/_markup/render-heading.html

@@ -1,13 +1,14 @@
+{{ $class := .Attributes.class }}
 {{ $text := chomp .Text }}
 {{ if site.Params.main.titleCase }}{{ $text = (title ($text | htmlUnescape)) | htmlEscape }}{{ end }}
 
 {{ if and site.Params.navigation.anchor $text }}
-<h{{ .Level }} id="{{ .Anchor | safeURL }}" class="heading">
+<h{{ .Level }} id="{{ .Anchor | safeURL }}" class="heading {{ with $class }}{{ . }}{{ end }}">
     {{- $text | safeHTML -}}
     <a href="#{{ .Anchor | safeURL }}" aria-labelledby="{{ .Anchor | safeURL }}">
         {{- partial "assets/icon.html" (dict "icon" "fas link anchor") }}
     </a>
 </h{{ .Level }}>
 {{ else }}
-<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ $text | safeHTML }}</h{{ .Level }}>
+<h{{ .Level }} id="{{ .Anchor | safeURL }}" {{ with $class }} class="{{ . }}"{{ end }}>{{ $text | safeHTML }}</h{{ .Level }}>
 {{ end }}

layouts/_partials/assets/card-group.html

@@ -84,7 +84,7 @@
         {{- $params := dict -}}
         {{/* regular page */}}
         {{- if and $element.RelPermalink $element.File -}}
-            {{- $params = merge $params (dict "path" $element.File.Path) -}}
+            {{- $params = merge $params (dict "path" $element.Path) -}}
         {{/* headless page */}}
         {{- else -}}
             {{- $thumbnail := "" -}}
@@ -171,7 +171,7 @@
                     {{- $cardWrapper = printf "card-block card-block-%d" (int $size) -}}
                 {{- end -}}
 
-                {{/*add col-$width */}}
+                {{/* add col-$width */}}
                 <div class="{{ with $cardWrapper }}{{ . }}{{ else }}col{{ end }}">
                     {{- if $args.spacer -}}<div class="spacer"></div>{{ end -}}
                     {{- partial $args.hook $params -}}
@@ -197,9 +197,14 @@
                 {{- $href = printf "%s/" $href -}}
             {{- end -}}
             <div class="mt-{{ $padding.y }} w-100">
-                <a class="btn btn-outline-primary" href="{{ $href | safeURL }}" role="button">
-                    {{ $args.hrefTitle }}
-                </a>
+                {{ partial "assets/button.html" (dict 
+                    "href"      $href
+                    "title"     $args.hrefTitle
+                    "color"     "primary"
+                    "outline"   true
+                    "link-type" $args.moreLinkType
+                    "icon"      $args.moreLinkIcon
+                ) }}
             </div>
         {{- end -}}
     {{- end -}}

layouts/_partials/assets/card.html

@@ -6,17 +6,38 @@
 
 {{ $error := false }}
 
+{{- define "_partials/inline/card-icons.html" -}}
+    {{ $links := .links }}
+    
+    <span class="text-body-secondary">
+        {{- range $index, $item := $links -}}
+            {{ partial "assets/button.html" (dict 
+                "href"      $item.url
+                "icon"      (printf "%s fa-fw" $item.icon)
+                "class"     "btn-social p-0"
+                "label"     $item.title
+                "spacing"   false
+            ) }}
+        {{- end -}}
+    </span>
+{{- end -}}
+
 {{/* Inline partial to render the card's body */}}
 {{- define "_partials/inline/card-body.html" -}}
     {{- $title := .title -}}
     {{- $href := .href -}}
     {{- $color := .color -}}
     {{- $description := .description -}}
-    {{- $button := .button -}}
+    {{- $links := .links -}}
     
     {{- if $href -}}
         <a href="{{ $href }}" class="{{ if $color }}link-bg-{{ $color }}{{ else }}card-body-link{{ end }} stretched-link">
-                <p class="card-title fs-lg-5 fs-6">{{ $title }}</p>
+            {{ if or $title $links }}
+                <p class="card-title fs-lg-5 fs-6">
+                    {{- with $title }}{{ . }}{{ end }}
+                    {{ with $links }}{{ partial "inline/card-icons.html" (dict "links" .) }}{{ end -}}
+                </p>
+            {{ end -}}
             {{ with $description }}
                 <div class="card-text {{ if $color }}link-bg-{{ $color }}{{ else }}card-body-link{{ end }}">
                 {{ . | safeHTML }}
@@ -25,7 +46,12 @@
         </a>
     {{- else -}}
         <div>
-            {{ with $title }}<p class="card-title fs-lg-5 fs-6">{{ . }}</p>{{ end -}}
+            {{ if or $title $links }}
+                <p class="card-title fs-lg-5 fs-6">
+                    {{- with $title }}{{ . }}{{ end }}
+                    {{ with $links }}{{ partial "inline/card-icons.html" (dict "links" .) }}{{ end -}}
+                </p>
+            {{ end -}}
             {{ with $description }}<div class="card-text">{{ . | safeHTML }}</div>{{ end -}}
         </div>
     {{- end -}}
@@ -154,8 +180,8 @@
 {{ end }}
 
 {{- if eq $args.orientation "none" }}{{ $thumbnail = "" }}{{ $icon = "" }}{{ end -}}
-{{- if eq $args.body "title" }}{{ $description = "" }}{{ end -}}
-{{- if eq $args.body "none" }}{{ $title = "" }}{{ $description = "" }}{{ end -}}
+{{- if or (eq $args.bodyStyle "title") (eq $args.body "title") }}{{ $description = "" }}{{ end -}}
+{{- if or (eq $args.bodyStyle "none") (eq $args.body "none") }}{{ $title = "" }}{{ $description = "" }}{{ end -}}
 {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
 
 {{- $thumbnailArgs := dict
@@ -168,7 +194,7 @@
 -}}
 
 {{/* Main code */}}
-{{ if or (ne $args.gutter "0") ($args.wrapper) }}<div class="g-{{ $args.gutter }} {{ $args.wrapper }} h-100">{{ end }}
+{{ if or (gt $args.gutter "0") ($args.wrapper) }}<div class="{{ with $args.gutter }}g-{{ . }}{{ end }} {{ $args.wrapper }}">{{ end }}
 
 {{ $stack := "" }}
 
@@ -228,7 +254,7 @@
                             "href"        $href
                             "color"       $args.color
                             "description" $description
-                            "button"      $args.button
+                            "links"       $args.links
                         ) -}}
                         {{ if $page }}<div>{{ partial "inline/card-caption.html" (dict "page" $page "keywords" $args.footerStyle "color" $args.color) }}</div>{{ end }}
                         {{ if and $href $args.button }}
@@ -275,7 +301,13 @@
         <div class="card-body p-0 d-flex flex-column{{ if $thumbnail }} p-{{ $args.padding }}{{ end }}{{ if $overlay }}card-img-overlay card-overlay-gradient p-4{{ end }}" {{ if $overlay }}data-bs-theme="dark"{{ end }}>
             {{ if $args.overlay }}<div class="flex-grow-1"></div>{{ end }}
             {{ if $page }}{{- partial "inline/card-caption.html" (dict "page" $page "keywords" $args.headerStyle "color" $args.color) -}}{{ end }}
-            {{- partial "inline/card-body.html" (dict "title" $title "href" $href "color" $args.color "description" $description) -}}
+            {{- partial "inline/card-body.html" (dict
+                "title"       $title
+                "href"        $href
+                "color"       $args.color
+                "description" $description
+                "links"       $args.links
+            ) -}}
             {{ if $page }}{{- partial "inline/card-caption.html" (dict "page" $page "keywords" $args.footerStyle "color" $args.color) -}}{{ end }}
         </div>
         {{ if $args.button }}
@@ -301,4 +333,4 @@
     </div>
 {{- end -}}
 
-{{ if or (ne $args.gutter "0") ($args.wrapper) }}</div>{{ end }}
+{{ if or (gt $args.gutter "0") ($args.wrapper) }}</div>{{ end }}

layouts/_partials/assets/contact.html

@@ -50,17 +50,18 @@
     {{ end }}
 
     {{ partial "assets/hero.html"  (dict
-        "page"         $args.page
-        "heading"      (merge $heading (dict "size" 6))
-        "background"   $args.background
-        "illustration" $illustration 
-        "order"        $args.order
-        "link-type"    $args.linkType
-        "links"        $args.links
-        "orientation"  $args.orientation
-        "width"        (or $args.width 12)
-        "use-title"    true
-        "size"         6
+        "page"          $args.page
+        "heading"       (merge $heading (dict "size" 6))
+        "background"    $args.background
+        "illustration"  $illustration 
+        "order"         $args.order
+        "link-type"     $args.linkType
+        "links"         $args.links
+        "orientation"   $args.orientation
+        "width"         (or $args.width 12)
+        "use-title"     true
+        "size"          6
+        "content-style" "text-muted fs-5"
         )
     }}
 {{ end }}

layouts/_partials/assets/featured-illustration.html

@@ -7,45 +7,45 @@
 {{ $error := false }}
 
 {{/* Initialize arguments */}}
-{{ $args := partial "utilities/InitArgs.html" (dict "structure" "featured-illustration" "args" . "group" "partial") }}
-{{ if or $args.err $args.warnmsg }}
-    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+{{- $args := partial "utilities/InitArgs.html" (dict "structure" "featured-illustration" "args" . "group" "partial") -}}
+{{- if or $args.err $args.warnmsg -}}
+    {{- partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
         "partial" "assets/featured-illustration.html" 
         "warnid"  "warn-invalid-arguments"
         "msg"     "Invalid arguments"
         "details" ($args.errmsg | append $args.warnmsg)
         "file"    page.File
-    )}}
-    {{ $error = $args.err }}
-{{ end }}
+    ) -}}
+    {{- $error = $args.err -}}
+{{- end -}}
 
 {{/* Initialize local arguments */}}
 
-{{ $icon := partial "utilities/GetTargetPath.html" (dict "path" $args.icon "page" $args.page) }}
-{{ $image := partial "utilities/GetTargetPath.html" (dict "path" $args.image "page" $args.page) }}
+{{- $icon := partial "utilities/GetTargetPath.html" (dict "path" $args.icon "page" $args.page) -}}
+{{- $image := partial "utilities/GetTargetPath.html" (dict "path" $args.image "page" $args.page) -}}
 {{- $wrapper := $args.wrapper -}}
-{{ if $image }}{{ $wrapper = print "img-wrap " (or $wrapper "mx-auto") }}{{ end -}}
+{{- if $image }}{{ $wrapper = printf "img-wrap %s" (or $wrapper "mx-auto") }}{{ end -}}
 {{- $class := $args.class -}}
 
-{{ if $icon }}
-    {{ if eq (lower (path.Ext $icon)) ".json" }}
-        {{ if site.Params.env_bookshop_live }}
+{{- if $icon -}}
+    {{- if eq (lower (path.Ext $icon)) ".json" -}}
+        {{- if site.Params.env_bookshop_live }}
             <i>Animation preview not supported</i>
-        {{ else }}
-            {{ partial "assets/animation.html" (dict
+        {{- else }}
+            {{- partial "assets/animation.html" (dict
                 "data" $icon
                 "mode" $args.mode
                 "loop" false
                 "hover" true
                 "class" "col-6 mx-auto text-center"
-            ) }}
-        {{ end }}
-    {{ else }}
-        {{ partial "assets/icon.html" (dict "icon" $icon "wrapper" $wrapper) }}
-    {{ end }}
-{{ else if $image }}
-    {{ if not (hasSuffix $image "svg") }}{{ $class = printf "%s rounded" $class }}{{ end }}
-    {{ partial "assets/live-image.html" (dict
+            ) -}}
+        {{- end -}}
+    {{- else }}
+        {{ partial "assets/icon.html" (dict "icon" $icon "wrapper" $wrapper) -}}
+    {{- end -}}
+{{- else if $image -}}
+    {{- if not (hasSuffix $image "svg") }}{{ $class = printf "%s rounded" $class }}{{ end -}}
+    {{- partial "assets/live-image.html" (dict
         "src"      $image
         "anchor"   $args.anchor
         "ratio"    $args.ratio
@@ -55,5 +55,5 @@
         "sizes"    $args.sizes
         "priority" "high"
         "mode"     $args.mode
-    ) }}
-{{ end }}
+    ) -}}
+{{- end -}}

layouts/_partials/assets/helpers/navbar-item.html

@@ -35,7 +35,7 @@
 {{- $isActive := or (and (eq $pageURL $menuURL) (ne $menuURL ("/" | relLangURL))) (eq $pageURL $menuURL) -}}
 {{ if not $menu.PageRef }}{{ $isActive = false }}{{ end }}
 {{- $isAlias := $menu.Params.alias -}}
-{{- $isIcon := $menu.Params.icon -}}
+{{- $isIcon := or $menu.Params.icon $menu.Pre -}}
 
 {{- $url := urls.Parse $menuURL -}}
 {{- $baseURL := urls.Parse $.Site.Params.Baseurl -}}
@@ -63,6 +63,9 @@
 {{- $childNav := "" -}}
 
 {{- $button := "" -}}
+{{- if $args.modal -}}
+    {{- $button = printf " role=%q data-bs-toggle=%q data-bs-target=%q" "button" "modal" $args.modal -}}
+{{- end -}}
 {{- if $args.parent -}}
     {{- $mainNav = urlize (lower $args.parent.Name) -}}
     {{- $childNav = urlize (lower $menu.Name) -}}
@@ -92,21 +95,34 @@
             "button-size" "sm"
         )}}
     {{ else }}
-        {{ cond (ne $menuURL "") "<a" "<div" | safeHTML }} class="{{ $anchorClass }}{{ if $isActive }} active{{ end }}{{ with $args.class }} {{ . }}{{ end }}" 
+        {{ cond (ne $menuURL "") "<a" "<div" | safeHTML }} 
+            class="{{ $anchorClass }}{{ if $isActive }} active{{ end }}{{ with $args.class }} {{ . }}{{ end }}" 
             {{ if $isIcon }}aria-label="{{ $title }}"{{ end }}
             data-nav="main" data-nav-main="{{ $mainNav }}"{{ with $childNav }} data-nav-child="{{ . }}"{{ end }} 
-            {{ if $menuURL }} href="{{ $menuURL }}{{ $params | safeHTML }}"{{ with $externalHref }} {{ . | safeHTML }}{{ end }}{{ end }} {{ $button | safeHTML }}>
+            {{ if $menuURL }} href="{{ $menuURL }}{{ $params | safeHTML }}"{{ with $externalHref }} {{ . | safeHTML }}{{ end }}{{ end }}
+            {{ $button | safeHTML }}
+            {{ with $args.id }}id="{{ . }}"{{ end }}
+            >
             
             {{- with $menu.Pre }}
                 {{ if hasPrefix . "<i" }}
                     {{ . | safeHTML }}
                 {{ else }}
-                    {{ partial "assets/icon.html" (dict "icon" (string .) )}}
+                    {{ partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" .) "spacing" false )}}
                 {{ end }}
             {{ end -}}
-            <span {{ if $isActive }} class="active"{{ end }}>{{ if or (not $isIcon) $args.plain }}{{ $title }}{{ end }}</span>
-            {{- with $menu.Post }}{{ . }}{{ end -}}
-            {{- if not $isIcon }}&nbsp;{{ $suffix }}{{ end -}}
+            <span class="{{ if $isActive }}active{{ end }} {{ with $args.breakpoint }}d-{{ . }}-none {{ end }}">
+                {{- if $isIcon }}&nbsp;{{ end }}{{ $title }}
+                {{- with $menu.Post }}{{ . }}{{ end -}}
+                {{- with $suffix }}&nbsp;{{ . }}{{ end -}}
+            </span>
+            {{ if not $isIcon }}
+            <span class="{{ if $isActive }}active{{ end }} {{ with $args.breakpoint }}d-none d-{{ . }}-block{{ end }}">
+                {{- if $isIcon }}&nbsp;{{ end }}{{ $title }}
+                {{- with $menu.Post }}{{ . }}{{ end -}}
+                {{- with $suffix }}&nbsp;{{ . }}{{ end -}}
+            </span>
+            {{ end }}
         {{ cond (ne $menuURL "") "</a>" "</div>" | safeHTML }}
     {{ end }}
 {{ end }}

layouts/_partials/assets/helpers/navbar-languages.html

@@ -0,0 +1,38 @@
+{{- $page := .page -}}
+{{- $baseURL := .baseURL -}}
+{{- $breakpoint := .breakpoint -}}
+{{- $pretty := .pretty -}}
+{{- $icon := .icon | default "fas globe" -}}
+{{- $fs := .fs | default 6 -}}
+
+{{- $lang := $page.Language.Lang -}}
+<li class="nav-item dropdown me-auto">
+    <a class="nav-link dropdown-toggle d-{{ $breakpoint }}-none" role="button" data-bs-toggle="dropdown" 
+        aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
+        {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $icon) "spacing" true) }}{{ T "languageSwitcherLabel" }}
+    </a>
+    <a class="nav-link dropdown-toggle d-none d-{{ $breakpoint }}-block" role="button" data-bs-toggle="dropdown" 
+        aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
+        {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $icon) "spacing" false) }}
+    </a>
+    <ul id="language-selector" class="dropdown-menu dropdown-menu-end navbar-fs-{{ $fs }} navbar-{{ $breakpoint }}-fs" data-translated="{{ $page.IsTranslated }}">
+        {{- if $page.IsTranslated -}}
+            {{- range $page.AllTranslations -}}
+                <li>
+                    {{- $state := cond (eq .Language.Lang $lang) "active" "" }}
+                    <a class="dropdown-item {{ $state }}" hreflang="{{ .Language.Lang }}" href="{{ .RelPermalink }}">
+                        {{- .Language.LanguageName -}}
+                    </a>
+                </li>
+            {{- end -}}
+        {{- else -}}
+            {{- range site.Languages -}}
+                {{ $dest := partial "utilities/URLJoin.html" (dict "base" $baseURL "path" .Lang) }}
+                {{ if and $pretty (not (hasSuffix $dest "/")) }}
+                    {{ $dest = printf "%s/" $dest }}
+                {{ end }}
+                <li><a class="dropdown-item" href="{{ $dest }}" hreflang="{{ .Lang }}">{{ default .Lang .LanguageName }}</a></li>
+            {{- end -}}
+        {{- end -}}
+    </ul>
+</li>

layouts/_partials/assets/helpers/navbar-mode.html

@@ -0,0 +1,26 @@
+{{- $id := .id | default "navbar-mode" -}}
+{{- $toggle := .toggle | default false -}}
+{{- $breakpoint := .breakpoint -}}
+{{- $iconLight := site.Params.main.colorMode.iconLight | default "fas sun" -}}
+{{- $iconDark := site.Params.main.colorMode.iconDark | default "fas moon" -}}
+{{- $fs := .fs | default 6 -}}
+
+<li class="nav-link navbar-fs-{{ $fs }} navbar-{{ $breakpoint }}-fs d-flex mode-{{ cond $toggle "toggle" "switch" }} align-items-center" id="{{ $id }}">
+    <input type="checkbox" class="checkbox navbar-mode-selector" id="{{ $id }}-checkbox" aria-label="{{ T "colorMode" }}" />
+    <label class="label" for="{{ $id }}-checkbox">
+        {{ if $toggle }}
+            <div class="mode-item d-none-dark">
+                {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $iconLight) "spacing" false) }}
+                <span class="d-{{ $breakpoint }}-none">{{ T "colorMode" }}</span>
+            </div>
+            <div class="mode-item d-none-light">
+                {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $iconDark) "spacing" false) }}
+                <span class="d-{{ $breakpoint }}-none">{{ T "colorMode" }}</span>
+            </div>
+        {{ else }}
+            {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $iconLight) "spacing" false) }}
+            {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" $iconDark) "spacing" false) }}
+            <div class="ball"></div>
+        {{ end }}
+    </label>
+</li>

layouts/_partials/assets/helpers/navbar-render-menu.html

@@ -0,0 +1,35 @@
+{{- $page := .page -}}
+{{- $menus := .menus -}}
+{{- $collapsed := .collapsed -}}
+{{- $control := .control | default false -}}
+{{- $horizontal := .horizontal | default false -}}
+{{- $breakpoint := .breakpoint -}}
+{{- $fs := .fs | default 6 -}}
+
+{{- range $menu := $menus -}}
+    {{ if (eq $control ($menu.Params.control | default false)) }}
+        {{ if $menu.Params.spacing }}
+            <li class="nav-item flex-grow-1"></li>
+        {{ else }}
+            <li class="nav-item {{ if .HasChildren }} dropdown me-auto{{ if $horizontal }} dropdown-horizontal-{{ $breakpoint }}{{ end }}{{ end }}">
+                {{- partial "assets/helpers/navbar-item.html" (dict "menu" $menu "page" $page) -}}
+                {{- if .HasChildren -}}
+                    <ul class="dropdown-menu{{ if $control }} dropdown-menu-end{{ end }}">
+                        {{- range .Children -}}
+                            <li>{{- partial "assets/helpers/navbar-item.html" (dict
+                                    "menu"       .
+                                    "parent"     $menu
+                                    "page"       $page
+                                    "breakpoint" $breakpoint
+                                    "modal"      .Params.modal
+                                    "id"         .Params.id
+                                    "class"      (printf "navbar-fs-%d navbar-%s-fs" $fs $breakpoint)
+                                ) -}}
+                            </li>
+                        {{- end -}}
+                    </ul>
+                {{- end -}}
+            </li>
+        {{- end -}}
+    {{- end -}}
+{{- end -}}

layouts/_partials/assets/helpers/navbar-versions.html

@@ -0,0 +1,43 @@
+{{- $breakpoint := .breakpoint -}}
+{{- $collapsed := .collapsed -}}
+{{- $page := .page -}}
+{{- $baseURL := .baseURL -}}
+{{- $list := site.Params.docs.releases -}}
+{{- $id := .id -}}
+{{- $version := partial "utilities/GetVersion.html" (dict "page" $page) -}}
+
+<li class="nav-item dropdown {{ if $collapsed }}d-{{ $breakpoint }}-none{{ else }}d-none d-{{ $breakpoint }}-block{{ end }}">
+    <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="{{ $id }}-version-switch">
+        {{ if $collapsed }}{{ site.Title }} {{ end }}{{ $version }}
+    </a>
+    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="{{ $id }}-version-switch">
+        {{- range $index, $item := $list -}}
+            {{- $active := eq $item.label $version -}}
+            {{- $disabled := false -}}
+            {{- if hugo.IsServer }}
+                {{- $disabled = and $item.redirect (gt (len $item.redirect) 0) -}}
+            {{- end -}}
+            {{ if $item.url }}
+                <li>
+                    {{- $url := partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $item.url) | relLangURL -}}
+                    <a class="pe-5 dropdown-item{{ if $collapsed }} switch-mode-collapsed{{ end }}{{ if $active }} active{{ end }}{{ if $disabled }} disabled{{ end }}" href="{{ $url }}">{{ $item.label }}
+                        {{ if $item.latest }}&nbsp;({{ T "latest" }}){{ end }}
+                        {{ if $active }}
+                            <span class="position-absolute end-0 me-3">{{- partial "assets/icon.html" (dict "icon" "fas check fa-fw") }}</span>
+                        {{ end }}
+                    </a>
+                </li>
+            {{ else }}
+                {{ if gt $index 0}}<li><hr class="dropdown-divider"></li>{{ end }}
+                <li><span class="dropdown-header fs-6">{{ $item.label }}</span></li>
+            {{ end }}
+        {{- end -}}
+        {{- if site.Params.docs.overview -}}
+            {{ if gt (len $list) 0 }}<li><hr class="dropdown-divider"></li>{{ end }}
+            <li>
+                {{- $url := partial "utilities/URLJoin.html" (dict "base" $baseURL "path" site.Params.docs.overview) | relLangURL -}}
+                <a class="dropdown-item{{ if $collapsed }} switch-mode-collapsed{{ end }}" href="{{ $url }}">{{ T "allVersions" }}</a>
+            </li>
+        {{- end -}}
+    </ul>
+</li>

layouts/_partials/assets/hero.html

@@ -75,6 +75,7 @@
     {{ else }}
         {{ $imageJustify = $align }}
     {{ end }}
+    {{ with $args.illustration.justify }}{{ $imageJustify = . }}{{ end }}
 
     {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}
 
@@ -112,13 +113,16 @@
     {{ end }}
 
     {{ $title := partial "assets/section-title.html" (dict
-        "heading"     $heading
-        "use-title"   $args.useTitle
-        "links"       $args.links
-        "link-type"   (or $args.linkType $args.type)
-        "class"       "hero-title"
-        "arrangement" $arrangement
-        "justify"     $args.justify
+        "heading"       $heading
+        "use-title"     $args.useTitle
+        "links"         $args.links
+        "link-type"     (or $args.linkType $args.type)
+        "class"         "hero-title"
+        "arrangement"   $arrangement
+        "justify"       $args.justify
+        "heading-style" $args.headingStyle
+        "content-style" $args.contentStyle
+
     ) }}
 
     {{ if eq $args.orientation "stacked" }}

layouts/_partials/assets/links.html

@@ -99,5 +99,5 @@
 </div>
 
 <div class="d-{{ $breakpoint.current }}-none pt-{{ $padding.y }}">
-    {{ partial "links-content.html" (dict "links" $args.links "justify" $args.justify "type" $args.linkType "li" true) }}
+    {{ partial "links-content.html" (dict "links" $args.links "justify" $args.justify "type" $args.linkType "li" false) }}
 </div>

layouts/_partials/assets/live-pages.html

@@ -34,7 +34,7 @@
         {{/* Retrieve the relevant context page, either current page or page identified by section */}}
         {{ $sectionPage := $args.page | default page }}
         {{ if $args.section }}
-            {{ $sectionPage = site.GetPage "section" $args.section }}
+            {{ $sectionPage = site.GetPage $args.section }}
             {{ if not $sectionPage }}
                 {{ warnf "Cannot find section: %s" $args.section }}
             {{ end }}

layouts/_partials/assets/modals.html

@@ -0,0 +1,5 @@
+{{ with .Site.GetPage "/_modals" }}
+  {{ range .Pages }}
+    {{ .Content }}
+  {{ end }}
+{{ end }}

layouts/_partials/assets/navbar.html

@@ -6,65 +6,12 @@
 
 {{/* TODO: consider to drop style arg */}}
 
-{{/* Inline partial to render the color mode switcher */}}
-{{- define "_partials/inline/navbar-mode.html" -}}
-    {{- $id := .id | default "navbar-mode" -}}
-
-    <li class="d-flex mode-switch align-items-center" id="{{ $id }}">
-        <input type="checkbox" class="checkbox navbar-mode-selector" id="{{ $id }}-checkbox" aria-label="{{ T "colorMode" }}" />
-        <label class="label" for="{{ $id }}-checkbox">
-            {{- partial "assets/icon.html" (dict "icon" "fas sun fa-fw" "spacing" false) }}
-            {{- partial "assets/icon.html" (dict "icon" "fas moon fa-fw" "spacing" false) }}
-            <div class="ball"></div>
-        </label>
-    </li>
-{{- end -}}
-
-{{/* Inline partial to render the version switcher */}}
-{{- define "_partials/inline/navbar-versions.html" -}}
+{{- define "_partials/inline/divider.html" -}}
     {{- $breakpoint := .breakpoint -}}
-    {{- $collapsed := .collapsed -}}
-    {{- $page := .page -}}
-    {{- $baseURL := .baseURL -}}
-    {{- $list := site.Params.docs.releases -}}
-    {{- $id := .id -}}
-    {{- $version := partial "utilities/GetVersion.html" (dict "page" $page) -}}
-
-    <li class="nav-item dropdown {{ if $collapsed }}d-{{ $breakpoint }}-none{{ else }}d-none d-{{ $breakpoint }}-block{{ end }}">
-        <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="{{ $id }}-version-switch">
-            {{ if $collapsed }}{{ site.Title }} {{ end }}{{ $version }}
-        </a>
-        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="{{ $id }}-version-switch">
-            {{- range $index, $item := $list -}}
-                {{- $active := eq $item.label $version -}}
-                {{- $disabled := false -}}
-                {{- if hugo.IsServer }}
-                    {{- $disabled = and $item.redirect (gt (len $item.redirect) 0) -}}
-                {{- end -}}
-                {{ if $item.url }}
-                    <li>
-                        {{- $url := partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $item.url) | relLangURL -}}
-                        <a class="pe-5 dropdown-item{{ if $collapsed }} switch-mode-collapsed{{ end }}{{ if $active }} active{{ end }}{{ if $disabled }} disabled{{ end }}" href="{{ $url }}">{{ $item.label }}
-                            {{ if $item.latest }}&nbsp;({{ T "latest" }}){{ end }}
-                            {{ if $active }}
-                                <span class="position-absolute end-0 me-3">{{- partial "assets/icon.html" (dict "icon" "fas check fa-fw") }}</span>
-                            {{ end }}
-                        </a>
-                    </li>
-                {{ else }}
-                    {{ if gt $index 0}}<li><hr class="dropdown-divider"></li>{{ end }}
-                    <li><span class="dropdown-header fs-6">{{ $item.label }}</span></li>
-                {{ end }}
-            {{- end -}}
-            {{- if site.Params.docs.overview -}}
-                {{ if gt (len $list) 0 }}<li><hr class="dropdown-divider"></li>{{ end }}
-                <li>
-                    {{- $url := partial "utilities/URLJoin.html" (dict "base" $baseURL "path" site.Params.docs.overview) | relLangURL -}}
-                    <a class="dropdown-item{{ if $collapsed }} switch-mode-collapsed{{ end }}" href="{{ $url }}">{{ T "allVersions" }}</a>
-                </li>
-            {{- end -}}
-        </ul>
+    <li class="nav-item py-2 py-md-1 col-12 col-md-auto d-none d-{{ $breakpoint }}-block me-auto">
+        <div class="vr d-none d-md-flex h-100 mx-md-2"></div>
     </li>
+    <li><hr class="dropdown-divider-bg"></li>
 {{- end -}}
 
 {{/* Initialize arguments */}}
@@ -81,6 +28,9 @@
 
 {{/* Initialize global variables */}}
 {{- $padding := partial "utilities/GetPadding.html" (dict "section" "navigation") -}}
+{{- $search := partial "utilities/GetSearchConfig.html" (dict "search" $args.search) -}}
+{{- $fs := site.Params.navigation.fontsizeCollapsed | default 6 -}}
+{{- $langIcon := site.Params.navigation.language.icon | default "fas globe" -}}
 
 {{/* Initialize local arguments */}}
 {{- $absoluteURL := site.Params.main.canonifyAssetsURLs | default false -}}
@@ -103,10 +53,15 @@
 {{- $overlayMode := $args.overlayMode | default "dark" -}}
 {{- if eq $overlayMode "none" }}{{ $overlayMode = "" }}{{ end }}
 {{- $color := $args.color | default "" -}}
-{{- $search := $args.search | default site.Params.navigation.search -}}
-{{- $searchModal := and $search site.Params.navigation.searchModal -}}
-{{- $enableDarkMode := .mode | default site.Params.main.enableDarkMode -}}
+{{- $enableDarkMode := .mode | default (or site.Params.main.enableDarkMode site.Params.main.colorMode.enabled) -}}
 {{- $modes := site.Params.main.modes | default (slice "light" "dark") -}}
+{{ if isset site.Params.main "enabledarkmode" }}
+    {{ warnf "site parameter %q: deprecated in v%s, use %q instead" "main.enableDarkMode" "1.12.0" "main.colorMode.enabled" }}
+{{ end }}
+{{ if isset site.Params.main "modes" }}
+    {{ warnf "site parameter %q: deprecated in v%s, use %q instead" "main.modes" "1.12.0" "main.colorMode.modes" }}
+{{ end }}
+
 
 {{- $enableVersions := false -}}
 {{ $list := site.Params.docs.releases }}
@@ -123,13 +78,31 @@
 {{- end -}}
 
 {{ $logo := "" }}
-{{ with $args.logo | default site.Params.navigation.logo }}
-    {{ $height := index site.Params.navigation "logo-height" | default 30 }}
-    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" $height) }}
+{{ $mode := index site.Params.navigation "logo-mode" | default false }}
+{{ if (not (in $args.default "logo-mode")) }}
+    {{ $mode = $args.logoMode }}
+{{ end }}
+
+{{ $align := index site.Params.navigation "logo-align" | default "center" }}
+{{ if (not (in $args.default "logo-align")) }}
+    {{ $align = $args.logoAlign }}
+{{ end }}
+
+{{ if not $args.title }}
+    {{ with $args.logo | default site.Params.navigation.logo }}
+        {{ $height := index site.Params.navigation "logo-height" | default 30 }}
+        {{ $class := cond (eq $align "start") "my-auto" "m-auto" }}
+        {{ $logo = partial "assets/image.html" (dict 
+            "src"          .
+            "loading"      "eager"
+            "title"        $title
+            "image-height" $height
+            "mode"         $mode
+            "class"        $class
+        ) }}
+    {{ end }}
 {{ end }}
 
-{{- $pre := $args.pre -}}
-{{- $post := $args.post -}}
 {{- $class := $args.class -}}
 
 {{- $contrast := false -}}
@@ -143,7 +116,7 @@
 {{/* Main code */}}
 <div class="container-fluid {{ if $args.fixed }}fixed-top{{ else if $overlay }}navbar-overlay{{ end }} p-0{{ with $class }} {{ . }}{{ end }}">
     {{- partial "assets/page-alert.html" (dict "page" $page) -}}
-    <nav class="navbar px-{{ $padding.x }} py-{{ $padding.y }}
+    <nav class="navbar px-{{ $padding.x }} py-{{ $padding.y }} navbar-fs-{{ $fs }} navbar-{{ $args.breakpoint }}-fs
         {{- if not $overlay }}{{ with $color }} bg-{{ . }}{{ end }}{{ end -}}
         {{ if $args.fixed }} navbar-fixed-top{{ end }} navbar-expand-{{ $args.breakpoint -}}
         {{ if $contrast }} navbar-contrast{{ end }}"
@@ -154,31 +127,36 @@
         {{ end }}        
         >
         <div class="container-xxl p-0">
-            <div class="d-flex navbar-container justify-content-center">
-                {{/* Insert sidebar toggler when applicable */}}
-                <div class="d-flex align-items-center">
-                    {{- if $page.Scratch.Get "sidebar" -}}
-                        <button class="navbar-toggler collapsed p-0 mx-auto fw-30" 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 fa-fw" "spacing" false) -}}
-                        </button>
-                    {{- else -}}
-                        {{/* Insert invisible sidebar toggler to center logo correctly on smaller screens */}}
-                        <button class="navbar-toggler collapsed p-0 mx-auto invisible fw-30" type="button">
-                            {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
-                        </button>
-                    {{- end -}}
-                </div>
+            <div class="d-flex navbar-container">
+                {{/* Insert sidebar toggler or placeholder when applicable */}}
+                {{ $sidebar := $page.Scratch.Get "sidebar" }}
+                {{- if or $sidebar (eq $align "center") -}}
+                    <div class="d-flex align-items-center">
+                        {{- if $sidebar -}}
+                            <button class="navbar-toggler collapsed p-0 mx-auto fw-30" 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 fa-fw" "spacing" false) -}}
+                            </button>
+                        {{- else if eq $align "center" -}}
+                            {{/* Insert invisible sidebar toggler to center logo correctly on smaller screens */}}
+                            <button class="navbar-toggler collapsed p-0 mx-auto invisible fw-30" type="button">
+                                {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
+                            </button>
+                        {{- end -}}
+                    </div>
+                {{ end }}
         
                 {{/* Insert the brand logo or name */}}
-                <div class="{{ if $logo }}mx-auto{{ else }}flex-grow-1 flex-{{ $args.breakpoint }}-grow-0{{ end }}">
-                    <a class="navbar-brand" href="{{ site.Home.RelPermalink }}" aria-label="{{ T "home" }}">
-                        {{- with $logo -}}{{ . }}{{- else -}}<div class="navbar-title fw-bold h-100">{{ $title }}</div>{{- end -}}
+                <div class="width-100 d-flex align-items-center width-{{ $args.breakpoint }}-auto">
+                    <a class="navbar-brand{{ if eq $align "center" }} mx-auto{{ end }}" href="{{ site.Home.RelPermalink }}" aria-label="{{ T "home" }}">
+                        {{- with $logo -}}{{ . }}{{- else -}}<div class="p-0 navbar-title-{{ $align }} fw-bold h-100">{{ $title }}</div>{{- end -}}
                     </a>
                 </div>
         
                 {{/* Insert main navigation toggler */}}
                 <div class="d-flex align-items-center">
-                    <button class="navbar-toggler main-nav-toggler collapsed p-0" type="button" data-bs-toggle="collapse" data-bs-target="#{{ $id }}-collapse"
+                    <button class="navbar-toggler main-nav-toggler collapsed p-0" type="button" data-bs-toggle="collapse"
+                        data-bs-target="#{{ $id }}-collapse"
                         aria-controls="{{ $id }}" aria-expanded="false" aria-label="{{ T "toggleMainNav" }}">
                         <span class="toggler-icon top-bar emphasis"></span>
                         <span class="toggler-icon middle-bar emphasis"></span>
@@ -189,117 +167,94 @@
     
             <div class="navbar-collapse collapse" id="{{ $id }}-collapse">
                 {{/* Insert search input */}}
-                {{- if and $search (not $searchModal) }}
-                    {{ partial "assets/search-input.html" (dict "class" (printf "mt-4 mt-%s-0" $args.breakpoint)) }}
+                {{- if and $search.enabled (not $search.modal) }}
+                    {{ partial "assets/search-input.html" (dict "class" (printf "mt-4 mt-%s-0 me-%s-3" $args.breakpoint $args.breakpoint)) }}
                 {{ end -}}
                 
-                {{/* Render top-menu items (maximum depth of 2) */}}
-                <ul class="navbar-nav {{ if $flex }}d-flex w-100{{ else }}ms-auto{{ end }}">
-                    {{- range $menu := $menus -}}
-                        {{ if $menu.Params.spacing }}
-                            <li class="nav-item flex-grow-1"></li>
-                        {{ else }}
-                            <li class="nav-item {{ if .HasChildren }} dropdown{{ if $horizontal }} dropdown-horizontal-{{ $args.breakpoint }}{{ end }}{{ end }}">
-                                {{- partial "assets/navbar-item.html" (dict "menu" $menu "page" $page) -}}
-                                {{- if .HasChildren -}}
-                                    <ul class="dropdown-menu">
-                                        {{- range .Children -}}
-                                            <li>{{- partial "assets/navbar-item.html" (dict "menu" . "parent" $menu "page" $page) -}}</li>
-                                        {{- end -}}
-                                    </ul>
-                                {{- end -}}
-                            </li>
-                        {{- end -}}
-                    {{- end -}}
+                <ul class="navbar-nav navbar-nav-scroll {{ if $flex }}d-flex w-100{{ else }}ms-auto{{ end }}">
+                    {{/* Render top-menu items (maximum depth of 2) */}}
+                    {{- partial "assets/helpers/navbar-render-menu.html" (dict
+                        "page"       $page
+                        "menus"      $menus
+                        "collapsed"  $args.collapsed
+                        "horizontal" $horizontal
+                        "breakpoint" $args.breakpoint
+                        "control"    false
+                        "fs"         $fs
+                    ) }}
     
                     {{/* Insert divider if applicable */}}
                     {{- if and $menus (or $enableLanguage $enableVersions) -}}
-                        <li class="nav-item py-2 py-md-1 col-12 col-md-auto d-none d-{{ $args.breakpoint }}-block me-auto">
-                            <div class="vr d-none d-md-flex h-100 mx-md-2"></div>
-                        </li>
-                        <li><hr class="dropdown-divider-bg"></li>
+                        {{ partial "inline/divider.html" (dict "breakpoint" $args.breakpoint) }}
                     {{- end -}}
     
                     {{/* Insert version switcher */}}
                     {{- if $enableVersions -}}
-                        {{- partial "inline/navbar-versions.html" (dict "page" $page "breakpoint" $args.breakpoint "collapsed" true "id" .id "baseURL" $baseURL) -}}
-                        {{- partial "inline/navbar-versions.html" (dict "page" $page "breakpoint" $args.breakpoint "collapsed" false "id" .id "baseURL" $baseURL) -}}
+                        {{- partial "assets/helpers/navbar-versions.html" (dict 
+                            "page"       $page
+                            "breakpoint" $args.breakpoint
+                            "collapsed"  true
+                            "id"         .id
+                            "baseURL"    $baseURL
+                            "fs"         $fs
+                        ) -}}
+                        {{- partial "assets/helpers/navbar-versions.html" (dict
+                            "page"       $page
+                            "breakpoint" $args.breakpoint
+                            "collapsed"  false
+                            "id"         .id
+                            "baseURL"    $baseURL
+                            "fs"         $fs
+                    ) -}}
                     {{- end -}}
 
                     {{/* Insert language switcher if applicable */}}
                     {{- if $enableLanguage -}}
-                        {{- $currentLang := $page.Language.Lang -}}
-                        <li class="nav-item dropdown me-auto">
-                            <a class="nav-link dropdown-toggle d-{{ $args.breakpoint }}-none" role="button" data-bs-toggle="dropdown" aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
-                                {{- partial "assets/icon.html" (dict "icon" "fas globe fa-fw" "spacing" false) }}&nbsp;{{ T "languageSwitcherLabel" }}
-                            </a>
-                            <a class="nav-link dropdown-toggle d-none d-{{ $args.breakpoint }}-block" role="button" data-bs-toggle="dropdown" aria-label="{{ T "languageSwitcherLabel" }}" aria-expanded="false">
-                                {{- partial "assets/icon.html" (dict "icon" "fas globe fa-fw" "spacing" false) }}
-                            </a>
-                            <ul class="dropdown-menu dropdown-menu-end " id="language-selector" data-translated="{{ $page.IsTranslated }}">
-                                {{- if $page.IsTranslated -}}
-                                    {{- range $page.AllTranslations -}}
-                                        <li><a class="dropdown-item {{ if eq .Language.Lang $currentLang }}active{{ end }}" hreflang="{{ .Language.Lang }}" href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a></li>
-                                    {{- end -}}
-                                {{- else -}}
-                                    {{- range site.Languages -}}
-                                        {{ $dest := partial "utilities/URLJoin.html" (dict "base" $baseURL "path" .Lang) }}
-                                        {{ if and $pretty (not (hasSuffix $dest "/")) }}
-                                            {{ $dest = printf "%s/" $dest }}
-                                        {{ end }}
-                                        <li><a class="dropdown-item" href="{{ $dest }}" hreflang="{{ .Lang }}">{{ default .Lang .LanguageName }}</a></li>
-                                    {{- end -}}
-                                {{- end -}}
-                            </ul>
-                        </li>
+                        {{ partial "assets/helpers/navbar-languages.html" (dict
+                            "page"       $page
+                            "baseURL"    $baseURL
+                            "breakpoint" $breakpoint
+                            "pretty"     $pretty                        
+                            "fs"         $fs
+                            "icon"       $langIcon
+                        )}}
                     {{- end -}}
+
+                    {{/* Insert divider if applicable */}}
+                    {{ $hasControls := gt (len (where $menus "Params.control" true)) 0 }}
+                    {{ if and (or $menus $enableLanguage $enableVersions) (or $enableDarkMode $search.modal $hasControls) }}
+                        {{ partial "inline/divider.html" (dict "breakpoint" $args.breakpoint) }}
+                    {{ end }}
                                     
                     {{/* Insert color mode switcher */}}
                     {{- if $enableDarkMode -}}
-                        {{- partial "inline/navbar-mode.html" (dict "size" $args.breakpoint "collapsed" true "id" .id) -}}
+                        {{- partial "assets/helpers/navbar-mode.html" (dict
+                            "breakpoint" $args.breakpoint
+                            "collapsed"  true
+                            "id"         .id
+                            "toggle"     (site.Params.main.colorMode.toggle)
+                            "fs"         $fs
+                        ) -}}
                     {{- end -}}
 
                     {{/* Insert modal search button */}}
-                    {{- if $searchModal }}
-                        <li class="nav-item py-2 py-md-1 col-12 col-md-auto d-none d-{{ $args.breakpoint }}-block me-auto">
-                            <div class="vr d-none d-md-flex h-100 mx-md-2"></div>
-                        </li>
-                        <li><hr class="dropdown-divider-bg"></li>
-    
-                        <li class="d-{{ $args.breakpoint }}-none">
-                            <a class="nav-link" role="button" data-bs-toggle="modal" data-bs-target="#search-modal" aria-label="{{ T "ui_search" }}" aria-expanded="false">
-                            {{ partial "assets/icon.html" (dict "icon" "fas magnifying-glass fa-fw") }}&nbsp;{{ T "ui_search" }}
-                            </a>
-                        </li>
-                        <li class="d-none d-{{ $args.breakpoint }}-block">
-                            <a class="nav-link" role="button" data-bs-toggle="modal" data-bs-target="#search-modal" aria-label="{{ T "ui_search" }}" aria-expanded="false">
-                            {{ partial "assets/icon.html" (dict "icon" "fas magnifying-glass fa-fw") }}
-                            </a>
-                        </li>
+                    {{- if $search.modal }}
+                        {{ $searchItem := dict "Name" (T "ui_search") "Menu" "Main" "Pre" $search.icon "Params" (dict "icon" true) }}
+                        {{- partial "assets/helpers/navbar-item.html" (dict "menu" $searchItem "page" $page "modal" "#search-modal" "fs" $fs) -}}
                     {{ end -}}
+
+                    {{/* Render custom controls */}}
+                    {{- partial "assets/helpers/navbar-render-menu.html" (dict
+                        "page"       $page
+                        "menus"      $menus
+                        "collapsed"  $args.collapsed
+                        "horizontal" $horizontal
+                        "breakpoint" $args.breakpoint
+                        "control"    true
+                        "fs"         $fs
+                    ) }}
                 </ul>
             </div>
         </div>
     </nav>
 </div>
-
-{{/* Insert modal search element */}}
-{{- if $searchModal }}
-    <div class="modal fade search-modal" tabindex="-1" id="search-modal" aria-labelledby="searchModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
-            <div class="modal-content h-50">
-                <div class="modal-header">
-                    <div class="w-100">
-                        <form class="search position-relative me-auto">
-                            <input id="search-input-modal" class="search-input form-control is-search" tabindex="1" type="search" placeholder="{{ T "ui_search" }}..." aria-label="{{ T "ui_search" }}" autocomplete="off">
-                        </form>
-                    </div>
-                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ T "close" }}"></button>
-                </div>
-                <div class="modal-body p-2 search-background">
-                    <div class="search-suggestions" data-no-results="{{ T "ui_no_results" }}"></div>
-                </div>
-            </div>
-        </div>
-    </div> 
-{{ end -}}

layouts/_partials/assets/section-title.html

@@ -19,10 +19,10 @@
 {{- $padding := partial "utilities/GetPadding.html" -}}
 
 {{/* Initialize local arguments */}}
-{{- $size := (or $args.heading.size site.Params.modules.bookshop.title.size) | default 4 -}}
-{{- $arrangement := (or $args.arrangement site.Params.modules.bookshop.title.arrangement) | default "above" -}}
-{{- $headingStyle := (or $args.headingStyle site.Params.modules.bookshop.title.headingStyle) | default "display" -}}
-{{- $contentStyle := (or $args.contentStyle site.Params.modules.bookshop.title.contentStyle) | default "lead text-muted" -}}
+{{- $size := (or $args.heading.size site.Params.style.title.size) | default 4 -}}
+{{- $arrangement := (or $args.arrangement site.Params.style.title.arrangement) | default "above" -}}
+{{- $headingStyle := (or $args.headingStyle site.Params.style.title.headingStyle) | default "display" -}}
+{{- $contentStyle := (or $args.contentStyle site.Params.style.title.contentStyle) | default "lead text-muted" -}}
 {{- $preheading := $args.heading.preheading }}
 {{- $title := $args.heading.title }}
 {{- $width := $args.heading.width | default 12 -}}
@@ -85,8 +85,8 @@
     "mode"    $args.mode
 }}
 
-<!-- Main code -->
-<div class="text-{{ $args.heading.align }}{{ with $justify }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}{{ with $width }} {{ . }}{{ end }} pb-{{ $padding.y }}">
+{{/* Main code */}}
+<div class="text-{{ $args.heading.align }}{{ with $justify }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}{{ with $width }} {{ . }}{{ end }}">
     {{ if and $preheading (eq $arrangement "first") }}
         <div class="container-fluid">
             <div class="row">

layouts/_partials/assets/sharing.html

@@ -45,7 +45,7 @@
         {{- end -}}
         
         <div class="py-3 text-body-secondary hstack gap-1">
-            {{ T "shareLink" " " }}
+            {{ if $args.showLabel }}{{ T "shareLink" " " }}{{ end }}
             {{- range $index, $item := $list -}}
                 {{- $url := $item.url -}}
                 {{- $url = replace $url "{url}" $page.Permalink -}}
@@ -71,9 +71,10 @@
             {{- end -}}
             {{ if $page.Site.Params.sharing.webshare }}
                 {{ $attr := dict "data-sharing-title" $page.Title "data-sharing-description" $page.Description "data-sharing-url" $page.Permalink }}
+                {{ $icon := index $page.Site.Params.sharing "webshare-icon" | default "fas share-nodes"}}
                 {{ partial "assets/button.html" (dict
                     "href"       ""
-                    "icon"       "fas share-nodes fa-fw"
+                    "icon"       (printf "%s fa-fw" $icon)
                     "class"      "btn-social p-0"
                     "attributes" $attr
                     "label"      (T "shareLink" (T "shareSystem"))

layouts/_partials/assets/stack.html

@@ -24,26 +24,27 @@
 		{{ $params := dict
 			"page"         $args.page
 			"list"         $args.list
-			"max"          $args.max
+			"limit"        (or $args.limit $args.max)
 			"class"        "border-0 card-zoom"
 			"header-style" "none"
 			"body-style"   "title"
 			"footer-style" "none"
-			"href" $args.href
-			"href-title" $args.hrefTitle
-			"link-type" (or $args.linkType $args.buttonType)
+			"href"         $args.href
+			"href-force"   $args.hrefForce
+			"href-title"   $args.hrefTitle
+			"link-type"    (or $args.linkType $args.buttonType)
 		}}
 
 		{{- partial "assets/card-group.html" (merge $params
 			(dict 
 			"cols"        $args.cols
 			"gutter"      $args.gutter
-			"padding"     3
+			"padding"     $args.padding
 			"orientation" "stacked"
 			"scroll"      true
 			"bento"       true
 			"spacer"      $args.animated
-			"portrait"    true
+			"portrait"    false
 			"valign"      (cond $args.animated "" "end")
 			"styles"      $args.styles
 			"wrapper"     "card-stack p-0 my-3 d-none d-md-block"