Merge pull request #1498 from gethinode/develop

Develop

.github/workflows/lint-build.yml

@@ -14,6 +14,10 @@ env:
   CACHE_PATH_WIN: '~\AppData\Local\hugo_cache'
   CACHE_PATH_MAC: '/Users/runner/Library/Caches/hugo_cache'
 
+permissions:
+  pull-requests: read
+  contents: read
+
 jobs:
   lint:
     runs-on: ubuntu-latest

.github/workflows/npm-publish.yml

@@ -1,41 +0,0 @@
-# This workflow will run tests using node and then publish a package to npmjs.org when a release is created
-# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
-name: Publish package to npmjs
-
-on:
-  workflow_dispatch:
-  release:
-    types: [published]
-
-env:
-  REGISTRY_URL: 'https://registry.npmjs.org/'
-
-jobs:
-  build:
-    strategy:
-      matrix:
-        os: [ubuntu-latest]
-        node-version: [20.x]
-
-    runs-on: ${{ matrix.os }}
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Setup .npmrc file to publish to npm
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node-version }}
-          registry-url: ${{ env.REGISTRY_URL }}
-          cache: 'npm'
-          cache-dependency-path: '**/package-lock.json'
-  
-      # [27/AUG/23] Adjusted from npm ci to prevent EBADPLATFORM error due to fsevents
-      - name: Install npm
-        run: npm i
-
-      - name: Publish package to npm
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release.yml

@@ -0,0 +1,44 @@
+name: Release
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+
+env:
+  HUSKY: 0
+
+permissions:
+  contents: read # for checkout
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write # to be able to publish a GitHub release
+      issues: write # to be able to comment on released issues
+      pull-requests: write # to be able to comment on released pull requests
+      id-token: write # to enable use of OIDC for npm provenance
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "lts/*"
+
+      - name: Install dependencies
+        run: npm clean-install
+
+      - name: Verify the integrity of provenance attestations and registry signatures for installed dependencies
+        run: npm audit signatures
+
+      - name: Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npx semantic-release

.gitignore

@@ -1,5 +1,6 @@
 _vendor/
 prebuild/
+prebuild-headers/
 public/
 resources/
 node_modules/

.husky/commit-msg

@@ -0,0 +1 @@
+npx --no -- commitlint --edit $1

.husky/install.mjs

@@ -0,0 +1,6 @@
+// Skip Husky install in production and CI
+if (process.env.NODE_ENV === 'production' || process.env.CI === 'true') {
+    process.exit(0)
+}
+const husky = (await import('husky')).default
+console.log(husky())

.husky/pre-commit

@@ -0,0 +1 @@
+npm test

assets/js/nav.js

@@ -0,0 +1,45 @@
+function updateDropdown (element, id, label) {
+  const dropdown = document.getElementById(element)
+  if (dropdown != null) {
+    dropdown.querySelector('.dropdown-toggle').textContent = label
+    dropdown.querySelectorAll('.panel-dropdown .dropdown-item').forEach(item => {
+      item.classList.remove('active')
+      let target = item.getAttribute('data-link')
+      if (target != null) {
+        target = target.replace(/^#+/, '')
+        if (target === id) {
+          item.classList.add('active')
+        }
+      }
+    })
+  }
+}
+
+document.querySelectorAll('.panel-dropdown').forEach(trigger => {
+  trigger.addEventListener('hide.bs.dropdown', event => {
+    if (event.clickEvent != null) {
+      let target = event.clickEvent.srcElement.getAttribute('data-link')
+      if (target != null) {
+        trigger.querySelectorAll('.panel-dropdown .dropdown-item').forEach(item => {
+          item.classList.remove('active')
+        })
+        target = target.replace(/^#+/, '')
+        const btn = document.getElementById(target)
+        if (btn != null) {
+          event.clickEvent.srcElement.classList.add('active')
+          trigger.querySelector('.dropdown-toggle').textContent = event.clickEvent.srcElement.textContent
+          btn.click()
+        }
+      }
+    }
+  })
+})
+
+document.querySelectorAll('.nav-panel .nav-link').forEach(trigger => {
+  trigger.addEventListener('click', event => {
+    const companion = event.srcElement.parentElement.parentElement.getAttribute('data-companion')
+    if (companion != null) {
+      updateDropdown(companion, trigger.getAttribute('id'), trigger.textContent.trim())
+    }
+  })
+})

assets/scss/components/_nav.scss

@@ -1,14 +1,8 @@
-.nav-tabs .nav-tabs {
-    border: none;
+.nav-tabs {
+    border: none !important;
 }
 
-.nav-tabs .nav-link.active {
-    border-bottom-color: var(--bs-body-bg) !important;
-    border-bottom-style: solid !important;
-    z-index: 1;
-}
-
-.nav-callout {
+.nav-callout, .tab-content {
     --#{$prefix}nav-callout-bg: var(--#{$prefix}light);
     --#{$prefix}nav-callout-active-bg: var(--bs-primary-bg-subtle);
     --#{$prefix}nav-callout-gap: #{$nav-underline-gap};
@@ -92,7 +86,7 @@
 
 @if $enable-dark-mode {
     @include color-mode(dark) {
-        .nav-callout {
+        .nav-callout, .tab-content {
             --#{$prefix}nav-callout-bg: var(--#{$prefix}tertiary-bg);
         }
 

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = {extends: ['@commitlint/config-conventional']}

component-library/bookshop.scss

@@ -2,8 +2,10 @@
 @import "modules/bookshop/components/about/about";
 @import "modules/bookshop/components/articles/articles";
 @import "modules/bookshop/components/cards/cards";
+@import "modules/bookshop/components/cta/cta";
 @import "modules/bookshop/components/faq/faq";
 @import "modules/bookshop/components/hero/hero";
+@import "modules/bookshop/components/panels/panels";
 @import "modules/bookshop/components/releases/releases";
 @import "modules/bookshop/components/separator/separator";
 @import "modules/bookshop/components/video-message/video-message";

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

@@ -19,9 +19,10 @@
 {{/* Main code */}}
 {{ if not $args.error }}
     {{ partial "assets/hero.html"  (dict 
+        "page"         page
         "heading"      $args.heading
         "background"   $args.background
-        "illustration" (merge (dict "ratio" "1x1") $args.illustration)
+        "illustration" (merge (dict "ratio" "auto") $args.illustration)
         "order"        $args.order
         "link-type"    $args.linkType
         "links"        $args.links

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

@@ -29,7 +29,7 @@ blueprint:
     link:
   cols:
   padding:
-  max:
+  limit:
   pagination:
   paginate:
   background:

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

@@ -62,46 +62,53 @@
 
 <!-- Main code -->
 {{ if not $error }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
+	{{ if or (gt (len $pages) 0) (not $args.hideEmpty) }}
+		{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
 
-	{{ $partial := "assets/card-group.html" }}
-	{{ $params := dict }}
-	{{- $params = merge $params (dict
-		"page"         page
-		"list"         $pages
-		"max"          $args.max
-		"cols"         $args.cols
-		"icon-rounded" $args.iconRounded
-		"href"         (cond $moreButton $moreLink "")
-		"href-title"   (cond $moreButton $moreTitle "")
-		"href-force"   (gt $result.total (len $result.pages))
-	)}}
+		{{ $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
+			"href"         (cond $moreButton $moreLink "")
+			"href-title"   (cond $moreButton $moreTitle "")
+			"href-force"   (gt $result.total (len $result.pages))
+		)}}
 
-	{{ if $args.scroll }}
-		{{ $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")
-			"icon-style"   "fa-2x"
-			"align"        "start"
-			"orientation"  $args.orientation
-			"hook"         "assets/live-card.html"
-			"pagination"   $args.pagination
-			"paginate"     $paginate
-		) -}}
+		{{ if $args.scroll }}
+			{{ $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")
+				"icon-style"   "fa-2x"
+				"align"        "start"
+				"orientation"  $args.orientation
+				"hook"         "assets/live-card.html"
+				"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 }}
-	{{ partial $partial $params }}
 {{ end }}

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

@@ -35,7 +35,7 @@
 {{ end}}
 
 {{ if not $error }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
 
 	{{- partial "assets/card-group.html" (dict 
 		"page"         page

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

@@ -0,0 +1,43 @@
+# Metadata about this component, to be used in the CMS
+spec:
+  structures:
+    - content_blocks
+  label: CTA
+  description: Call to action
+  icon: contact_page
+  tags: []
+
+# Defines the structure of this component, as well as the default values
+blueprint:
+  heading:
+    preheading:
+    title:
+    content:
+    align:
+    arrangement:
+    width:
+    size:
+  contact:
+  caption-url:
+  illustration:
+    image:
+    icon:
+    ratio:
+    class:
+    anchor:
+    mode:
+  background:
+    backdrop:
+    color:
+    subtle:
+  links:
+    -
+      title:
+      url:
+      icon:
+      force:
+  align:
+  fluid:
+  padding:
+  order:
+  width:

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

@@ -0,0 +1,43 @@
+{{/* 
+    Copyright © 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.
+*/}}
+
+{{/* Initialize arguments */}}
+{{ $args := partial "utilities/InitArgs.html" (dict "bookshop" "cta" "args" .) }}
+{{ if or $args.err $args.warnmsg }}
+    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+        "partial" "component-library/components/cta/cta.hugo.html" 
+        "warnid"  "warn-invalid-arguments"
+        "msg"     "Invalid arguments"
+        "details" ($args.errmsg | append $args.warnmsg)
+        "file"    page.File
+    )}}
+{{- end -}}
+
+{{/* Main code */}}
+{{ if not $args.error }}
+	{{ $links := slice }}
+	{{ if and (reflect.IsSlice .links) (gt (len .links) 0) }}
+		{{ $links = .links }}
+	{{ else }}
+		{{ with site.Params.modules.bookshop.cta.defaultURL }}
+			{{ $links = $links | append (dict "title" (T "contactAction") "url" . "icon" "fas chevron-right") }}
+		{{ end }}
+	{{ end }}
+
+	{{ partial "assets/contact.html" (dict 
+		"page"         page
+		"orientation"  "horizontal"
+		"heading"      $args.heading
+		"contact"      $args.contact
+		"caption-url"  $args.captionUrl
+		"illustration" $args.illustration
+		"class"        "contact-img"
+		"links"        $links
+		"align"        $args.align
+		"order"        $args.order
+		"data"         site.Params.modules.bookshop.cta.section 
+	) }}
+{{ end }}

component-library/components/cta/cta.scss

@@ -0,0 +1,8 @@
+.cta {
+    background-color: var(--#{$prefix}primary-bg-subtle);
+}
+
+.cta .contact-img {
+    background-color: var(--#{$prefix}body-bg);
+    border-radius: var(--bs-border-radius);
+}

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

@@ -19,7 +19,7 @@
 {{ if not $args.err }}
 	{{ $color := "" }}
 	{{ if $args.contrast }}{{ $color = "white" }}{{ end }}
-	{{- partial "assets/section-title.html" (dict  "heading" $args.heading "color" $color) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading "color" $color "justify" $args.justify) -}}
 
 	{{ $class := "" }}
 	{{ $id := printf "faq-%s" (md5 (delimit (slice . now) "-")) }}

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

@@ -18,6 +18,7 @@
 
 {{ if not $args.err }}
 	{{ partial "assets/hero.html"  (dict 
+        "page"         page
 		"breadcrumb"   $args.breadcrumb
 		"heading"      $args.heading
 		"background"   $args.background

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

@@ -0,0 +1,35 @@
+# Metadata about this component, to be used in the CMS
+spec:
+  structures:
+    - content_blocks
+  label: Panels
+  description: Introduction section
+  icon: check
+  tags: []
+
+# Defines the structure of this component, as well as the default values
+blueprint:
+  heading:
+    preheading:
+    heading:
+    content:
+    align:
+    width:
+  cols:
+  icon-rounded:
+  padding:
+  background:
+    backdrop:
+    color:
+    subtle:
+  elements:
+    - title:
+      icon:
+      image:
+      mode:
+      content:
+  tab-type:
+  ratio:
+  class:
+  width:
+  justify:

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

@@ -0,0 +1,81 @@
+{{/* 
+    Copyright © 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.
+*/}}
+
+{{ $error := false }}
+
+{{/* Initialize arguments */}}
+{{ $args := partial "utilities/InitArgs.html" (dict "bookshop" "panels" "args" .)}}
+{{ if or $args.err $args.warnmsg }}
+    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+        "partial" "component-library/components/panels/panels.hugo.html" 
+        "warnid"  "warn-invalid-arguments"
+        "msg"     "Invalid arguments"
+        "details" ($args.errmsg | append $args.warnmsg)
+        "file"    page.File
+    )}}
+    {{ $error = $args.err }}
+{{ end }}
+
+{{/* Initialize global arguments */}}
+{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+
+{{/* Initialize local variables */}}
+{{ $list := slice }}
+{{ $titles := slice }}
+{{ $toc := slice }}
+{{ $parentID := printf "panel-%v" (cond (isset . "_ordinal") (index . "_ordinal") (md5 (delimit (slice . now) "-"))) }}
+{{ $inner := "" }}
+{{ range $i, $element := $args.elements }}
+	{{ $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
+        )
+    }}
+
+	{{- $output := partial "assets/nav-item.html" (dict 
+        "page"      page
+        "id"        $i
+        "parent-id" $parentID
+        "fade"      false
+        "title"     $element.title
+		"show"      (eq $i 0)
+        "raw"       $hero
+        )
+    -}}
+
+	{{ $inner = printf "%s\n%s" $inner $output }}
+	{{ $titles = $titles | append $element.title }}
+{{ end}}
+
+{{ if not $error }}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
+
+	{{- partial "assets/nav.html" (dict 
+        "id"           (or $args.id $parentID)
+        "page"         page
+		"nav-items"    $inner
+        "nav-titles"   $titles
+        "tab-type"     $args.tabType
+        "vertical"     $args.vertical
+        "word-wrap"    $args.wordWrap
+        "class"        $args.class
+        "pane"         $args.pane
+        "width"        $args.width
+		"responsive"   $args.responsive
+        ) 
+    -}}
+{{ end }}
+

component-library/components/panels/panels.scss

@@ -0,0 +1,3 @@
+.panels .dropdown-toggle {
+    text-decoration: none !important;
+}

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

@@ -96,7 +96,7 @@
 		) }}
 	{{ end}}
 
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
 
 	{{ if eq $args.orientation "stacked" }}
 		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto pb-{{ $padding.y }}">

component-library/helpers/component.html

@@ -16,6 +16,7 @@
 {{- $class := index . 2 | default "p-0" -}}
 {{- $bgclass := index . 3 | default "" -}}
 {{- $padding := partial "utilities/GetPadding.html" -}}
+{{- with index $component_props "padding" }}{{ $padding = dict "x" . "y" . }}{{ end -}}
 {{- $component_path := partial "_bookshop/helpers/component_key" $component_name -}}
 {{- $flat_component_path := partial "_bookshop/helpers/flat_component_key" $component_name -}}
 
@@ -31,10 +32,12 @@
     {{- $cover := index $component_props "cover" -}}
     {{- $background := index $component_props "background" -}}
     {{- $backdrop := "" -}}
+    {{- $fluid := index $component_props "fluid" | default true -}}
     {{- $style := index $component_props "wrapper" -}}
     {{- $width := index $component_props "width" -}}
     {{- $justify := index $component_props "justify" | default "start" -}}
-    {{- $padding := cond (ne $component_name "separator") (printf "px-%d px-xxl-0 py-%d" $padding.x $padding.y) "" -}}
+    {{- $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) }}
@@ -42,14 +45,16 @@
             {{ with $background.backdrop }}{{ $wrapper = "" }}{{ $backdrop = . }}{{ end }}
         {{ end }}
     {{ end }}
-    {{/* warnf "wrapper: '%s'" $wrapper */}}
     {{- $theme := index $component_props "theme" -}}
     {{- $overlayMode := (or (index $component_props "overlay-mode") page.Params.overlayMode) | default "dark" -}}
     {{ if not $backdrop }}{{ $overlayMode = page.Params.overlayMode }}{{ end }}
     {{ if eq $overlayMode "none" }}{{ $overlayMode = "" }}{{ end }}
     
     {{ (printf "<!--bookshop-live name(%s)-->" $component_name) | safeHTML }}
-    <section {{ with $id }}id="{{ . }}" {{ end }}class="{{ $component_name }} container-fluid {{ $class }} {{ with $wrapper }}{{ . }}{{ end -}}
+    {{ if not $fluid }}<div class="container-xxl {{ $paddingOuter }}">{{ end }}
+    <section {{ with $id }}id="{{ . }}" {{ end }}class="{{ $component_name }}
+        container-fluid {{ $class }}
+        {{ with $wrapper }}{{ . }}{{ end -}}
         {{- if and $backdrop $overlayMode }} background-container{{ end -}}
         {{- if $cover }} section-cover d-flex align-items-center{{ end }}" 
         {{ with $overlayMode -}}
@@ -60,12 +65,16 @@
         {{- end -}}
         >
         {{- if $backdrop -}}
-            {{ partial "assets/live-image.html" (dict "src" $backdrop "class" (printf "background-img-fluid %s" $bgclass) "title" (T "backgroundImage")) }}
+            {{ partial "assets/live-image.html" (dict
+                "src" $backdrop
+                "class" (printf "background-img-fluid %s" $bgclass)
+                "title" (T "backgroundImage"))
+            }}
         {{- end -}}
 
         {{ $col := cond (and $width (lt $width 12)) (printf "col-12 col-md-%d" $width) "" }}
 
-        <div class="container-xxl {{ $padding }} d-flex flex-column align-items-{{ $justify }}">
+        <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 }}
@@ -73,6 +82,7 @@
             {{ end}}
         </div>
     </section>
+    {{ if not $fluid }}</div>{{ end }}
     {{ "<!--bookshop-live end-->" | safeHTML }}
 {{- else -}}
     {{- $file_loc := slicestr $component_path 9 -}}

config/_default/params.toml

@@ -10,10 +10,10 @@
     footerBelowFold = false
     loading = "lazy"
     breakpoint = "md"
+    titleCase = false
     [main.padding]
         x = 4
         y = 4
-    titleCase = false
     [main.internalLinks]
         validate = true
         pretty = false
@@ -84,6 +84,7 @@
 [navigation]
     anchor = true
     logo = "/img/logo_icon.svg"
+    logo-height = 30
     color = "body"
     fixed = true
     overlay = false
@@ -96,6 +97,9 @@
     toc = true
     sidebar = true
     size = "md"
+    [navigation.padding]
+        x = 4
+        y = 4
 # toml-docs-end navigation
 
 # toml-docs-start messages

content/_index.md

@@ -7,18 +7,18 @@ content_blocks:
       title: Welcome to Hinode!
       content: |-
         A clean documentation and blog theme for your Hugo site based on Bootstrap 5.
-      align: start
+      width: 6
     background:
       color: primary
       subtle: true
     illustration:
       image: /img/sunrise.jpg
       ratio: 16x9
-      width: 8
-    width: 6
+    width: 8
     links:
-      - title: Get started
+      - title: Getting started
         url: https://gethinode.com/docs
-        icon: fas book-open
+        icon: fas chevron-right
     orientation: horizontal
+    justify: center
 ---

data/netlify.toml

@@ -4,12 +4,12 @@
     command = "npm run build:example"
 
 [build.environment]
-    DART_SASS_VERSION = "1.83.1"
-    HUGO_VERSION = "0.140.2"
+    DART_SASS_VERSION = "1.89.2"
+    HUGO_VERSION = "0.147.9"
     HUGO_ENV = "production"
     HUGO_ENABLEGITINFO = "true"
-    NODE_VERSION = "22.12.0"
-    NPM_VERSION = "10.9.0"
+    NODE_VERSION = "22.13.0"
+    NPM_VERSION = "10.9.2"
 # toml-docs-end netlify
 
 [context.deploy-preview]

data/structures/card-group.yml

@@ -22,7 +22,8 @@ arguments:
     release: 1.0.0
   list:
   cards:
-  max:
+  limit:
+    release: v1.0.0
   cols:
     release: v0.19.0
   paginate:
@@ -158,3 +159,12 @@ arguments:
     group: partial
     deprecated: v1.0.0
     alternative: href-title
+  max:
+    type: int
+    optional: true
+    comment: Maximum number of elements to display.
+    group: partial
+    options:
+      min: 1
+    deprecated: v1.0.0
+    alternative: limit

data/structures/contact.yml

@@ -0,0 +1,36 @@
+comment: >-
+  Displays a contact banner, typically placed at the bottom or right-hand side of the page.
+arguments:
+  page:
+  data:
+  heading:
+  contact:
+    type: string
+    optional: false
+    comment: >-
+      The full name of the contact to retrieve.
+  caption-url:
+    type:
+      - string
+      - template.URL
+    optional: true
+    comment: >-
+      Address of the contact's page, either a local reference or an external
+      address. Include the `scheme` when referencing an external address, such
+      as `https://google.com`. Local references may include an optional anchor
+      link such as `blog/bootstrap-elements/#docs`.
+  illustration:
+  background:
+  link-type:
+  links:
+  align:
+  order:
+    default: first
+  orientation:
+  width:
+  justify:
+  class:
+  width:
+    default: 12
+  hook:
+    default: assets/hero-image.html

data/structures/file.yml

@@ -11,8 +11,8 @@ arguments:
   full:
   id: 
   class:
-  options:
-    release: v0.27.6
+  highlight-options:
+    release: v1.0.0
   # deprecated arguments
   path:
     type: string
@@ -22,3 +22,11 @@ arguments:
       the path of the repository is used as base path instead.
     deprecated: v1.0.0
     alternative: file
+  options:
+    type: string
+    optional: true
+    comment: >-
+        Hugo highlighting options, see https://gohugo.io/shortcodes/highlight/#options-1.
+    release: v0.27.6
+    deprecated: v1.0.0
+    alternative: highlight-options

data/structures/hero.yml

@@ -3,6 +3,7 @@ comment: >-
   supports a heading, featured illustration, and navigation links. You can
   can also add a background image with an overlay to improve contrast.
 arguments:
+  page:
   breadcrumb:
   heading:
   background:
@@ -18,6 +19,7 @@ arguments:
   justify:
   use-section:
   use-title:
+  size:
   class:
   padding:
     default: px-4 px-xxl-0 py-4

data/structures/nav-item.yml

@@ -15,6 +15,9 @@ arguments:
   class:
   body:
     group: partial
+  raw:
+    group: partial
+    release: v1.3.0
   navitem-type:
     release: v1.0.0
   illustration:

data/structures/nav.yml

@@ -7,8 +7,12 @@ arguments:
     group: partial
   list:
     group: partial
+  nav-disabled:
+    release: v1.0.0
   nav-items:
     release: v1.0.0
+  nav-show:
+    release: v1.0.0
   nav-titles:
     release: v1.0.0
   tab-type:
@@ -18,6 +22,8 @@ arguments:
     release: v1.0.0
   class:
   pane:
+  responsive:
+    release: v1.4.0
   width:
     default: 12
     group: partial

data/structures/timeline.yml

@@ -9,3 +9,4 @@ arguments:
     optional: false
   background:
   class:
+  justify:

data/structures/video.yml

@@ -31,6 +31,11 @@ arguments:
     deprecated: v1.0.0
     alternative: media-id
   options:
+    type: string
+    optional: true
+    comment: >-
+      Optional query parameters to append to video asset's url. The query string
+      is prepended with a `?` symbol. Only applicable to Cloudinary.
     release: v0.28.2
     deprecated: v1.0.0
     alternative: query-args

exampleSite/config/_default/params.toml

@@ -8,10 +8,10 @@
     footerBelowFold = false
     loading = "lazy"
     breakpoint = "md"
+    titleCase = true
     [main.padding]
         x = 4
         y = 4
-    titleCase = true
     [main.internalLinks]
         validate = true
         pretty = true
@@ -37,6 +37,7 @@
 [navigation]
     anchor = true
     logo = "/img/logo_icon.svg"
+    logo-height = 30
     color = "body"
     fixed = true
     overlay = false
@@ -50,6 +51,9 @@
     toc = true
     sidebar = true
     size = "md"
+    [navigation.padding]
+        x = 4
+        y = 4
 
 [messages]
     placement = "bottom-right"
@@ -125,7 +129,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 = true
+    purge = false
 # toml-docs-end theme-colors
 
 [schema]

exampleSite/content/en/_index.md

@@ -37,7 +37,7 @@ content_blocks:
     more:
       title: More Posts
     padding: 0
-    max: 3
+    limit: 3
     class: border-0 card-zoom card-body-margin
 
   - _bookshop_name: articles
@@ -55,7 +55,7 @@ content_blocks:
       title: More articles
     cols: 1
     padding: 4
-    max: 2
+    limit: 2
     header-style: none
     footer-style: tags
     orientation: horizontal-sm

exampleSite/content/en/blocks/_index.md

@@ -6,18 +6,17 @@ content_blocks:
   - _bookshop_name: hero
     heading:
       title: Content blocks
-      align: start
-    breadcrumb: true
-
-  - _bookshop_name: articles
-    heading:
       content: >-
         Hinode uses [Bookshop](https://github.com/CloudCannon/bookshop) to
         support so-called content blocks. Content blocks are reusable page
         elements, such as a hero, about panel, or an FAQ. Hinode includes
         several ready-to-use blocks. Click on a card for more details about
         a content block, including its frontmatter configuration.
+      align: start
       width: 8
+    breadcrumb: true
+
+  - _bookshop_name: articles
     hide-empty: false
     input:
       section: blocks
@@ -27,7 +26,7 @@ content_blocks:
       title: More Posts
     cols: 3
     padding: 0
-    max: 9
+    limit: 9
     paginate: true
     cover: false
     header-style: none

exampleSite/content/en/blocks/about.md

@@ -25,6 +25,7 @@ The `about` content block renders a short message next to an illustration. You c
     subtle: true
   illustration:
     image: /assets/img/nat-9l98kFByiao-unsplash.jpg
+    ratio: 1x1
   link-type: link
   links:
     - title: First link

exampleSite/content/en/blocks/articles.md

@@ -26,12 +26,12 @@ The `articles` content block renders a group of article cards.
   more:
     title: More Blogs
   padding: 0
-  max: 3
+  limit: 3
   background:
     color: primary
     subtle: true
   class: border-0 card-zoom card-body-margin
-  justify: center
+  justify: start
 ```
 
 {{< /example-bookshop >}}

exampleSite/content/en/blocks/cta.md

@@ -0,0 +1,36 @@
+---
+_schema: default
+title: CTA
+description: Use the CTA content block to display an action link with an optional contact.
+icon: fas address-card
+---
+
+## Overview
+
+The `cta` content block renders a call to action link or button. You can include an optional contact or provide your own illustration. By default, the `cta` uses a generic title and message. Set the `heading` attribute to override these values.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: cta
+  contact: Betty White
+  caption-url: /en/blocks/cta/
+  background:
+    color: primary
+    subtle: true
+  order: first
+  links:
+    - title: Get in touch
+      url: '#!'
+      icon: fas chevron-right
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+## Arguments
+
+The content block supports the following arguments:
+
+{{< args bookshop-cta >}}

exampleSite/content/en/blocks/panels.md

@@ -0,0 +1,189 @@
+---
+_schema: default
+title: Panels
+description: Use the panels content block to display multiple toggable panels.
+icon: fa folder
+---
+
+## Overview
+
+The `panels` content block displays multiple panels that are toggled by a tab control.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: panels
+  heading:
+    preheading: Preheading
+    title: Heading
+    content: Panels content. It supports multiple lines.
+    align: start
+  background:
+    color: primary
+    subtle: true
+  width: 12
+  tab-type: underline
+  ratio: 1x1
+  elements:
+    - title: First Panel
+      image: /img/sunrise.jpg
+      content: content 1
+    - title: Second Panel
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: content 2
+    - title: Third Panel
+      image: /img/pj-accetturo-XpD6Dkui-yg-unsplash.jpg
+      content: content 3
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+## Arguments
+
+The content block supports the following arguments:
+
+{{< args bookshop-panels >}}
+
+## Examples
+
+### Tabs
+
+Set `tab-type` to `tabs` to adjust the panel controls.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: panels
+  heading:
+    preheading: Preheading
+    title: Heading
+    content: Panels content. It supports multiple lines.
+    align: start
+  background:
+    color: primary
+    subtle: true
+  width: 12
+  tab-type: tabs
+  ratio: 1x1
+  elements:
+    - title: First Panel
+      image: /img/sunrise.jpg
+      content: content 1
+    - title: Second Panel
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: content 2
+    - title: Third Panel
+      image: /img/pj-accetturo-XpD6Dkui-yg-unsplash.jpg
+      content: content 3
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+### Pills
+
+Set `tab-type` to `pills` to adjust the panel controls.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: panels
+  heading:
+    preheading: Preheading
+    title: Heading
+    content: Panels content. It supports multiple lines.
+    align: start
+  background:
+    color: primary
+    subtle: true
+  width: 12
+  tab-type: pills
+  ratio: 1x1
+  elements:
+    - title: First Panel
+      image: /img/sunrise.jpg
+      content: content 1
+    - title: Second Panel
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: content 2
+    - title: Third Panel
+      image: /img/pj-accetturo-XpD6Dkui-yg-unsplash.jpg
+      content: content 3
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+### Underline
+
+Set `tab-type` to `underline` to adjust the panel controls.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: panels
+  heading:
+    preheading: Preheading
+    title: Heading
+    content: Panels content. It supports multiple lines.
+    align: start
+  background:
+    color: primary
+    subtle: true
+  width: 12
+  tab-type: underline
+  ratio: 1x1
+  elements:
+    - title: First Panel
+      image: /img/sunrise.jpg
+      content: content 1
+    - title: Second Panel
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: content 2
+    - title: Third Panel
+      image: /img/pj-accetturo-XpD6Dkui-yg-unsplash.jpg
+      content: content 3
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+### Callout
+
+Set `tab-type` to `callout` to adjust the panel controls.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: panels
+  heading:
+    preheading: Preheading
+    title: Heading
+    content: Panels content. It supports multiple lines.
+    align: start
+  background:
+    color: primary
+    subtle: true
+  width: 12
+  tab-type: callout
+  ratio: 1x1
+  elements:
+    - title: First Panel
+      image: /img/sunrise.jpg
+      content: content 1
+    - title: Second Panel
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: content 2
+    - title: Third Panel
+      image: /img/pj-accetturo-XpD6Dkui-yg-unsplash.jpg
+      content: content 3
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->

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

@@ -252,8 +252,6 @@ Use the `file` shortcode to print and highlight the full content of a given inpu
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 
-{{< file full="false" file="./config/_default/languages.toml" id="file-collapse-5" >}}
-
 ## Icon
 
 As an example, the following shortcodes show a square check, a brand logo, a circle check, and a custom icon.
@@ -364,14 +362,14 @@ As an example, the following shortcode displays a tab group with vertically alig
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
   {{</* nav tab-type="pills" vertical="true" */>}}
-    {{</* nav-item title="Nav Item #1" show="true" */>}}
+    {{</* nav-item title="Nav Item #1" */>}}
       This is the first item's nav body. It supports Markdown content.
       The item is shown by adding the value `show` to the `class` argument.
     {{</* /nav-item */>}}
-    {{</* nav-item title="Nav Item #2" */>}}
+    {{</* nav-item title="Nav Item #2" show="true" */>}}
       This is the second item's nav body.
     {{</* /nav-item */>}}
-    {{</* nav-item title="Nav Item #3" */>}}
+    {{</* nav-item title="Nav Item #3" disabled="true" */>}}
       This is the third item's nav body.
     {{</* /nav-item */>}}
   {{</* /nav */>}}

exampleSite/data/contacts.en.yml

@@ -0,0 +1,45 @@
+- name: Alex Smith
+  preferred: Alex
+  image: /assets/img/joseph-gonzalez-iFgRcqHznqg-unsplash.png
+  function: Digital Strategy Lead
+  linkedin: https://www.linkedin.com
+  keywords:
+    - transformation
+  biography: >-
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut accumsan
+    venenatis dapibus. Proin placerat mauris ac interdum gravida. Proin
+    consequat feugiat sagittis. Sed vel augue nec est auctor semper. Curabitur
+    mauris ante, euismod eu sem in, sagittis porttitor urna. Mauris sodales at
+    quam condimentum malesuada. Vivamus erat augue, euismod nec ligula quis,
+    molestie lobortis ante. Proin venenatis non diam ac interdum.
+
+- name: Betty White
+  preferred: Betty
+  image: /assets/img/jake-nackos-IF9TK5Uy-KI-unsplash.png
+  function: UX Expert
+  linkedin: https://www.linkedin.com
+  keywords:
+    - experience
+  biography: >-
+    Duis rutrum, justo eleifend sagittis facilisis, leo orci hendrerit elit, ac
+    tristique nisl justo non neque. Mauris semper egestas massa, nec dapibus ex
+    tincidunt nec. Quisque lectus quam, finibus sed hendrerit id, accumsan eget
+    sapien. Nam facilisis diam eu felis tempus euismod. Nullam id neque
+    fringilla purus vestibulum mattis elementum vitae lectus. Fusce vel libero
+    consectetur urna egestas molestie eget sit amet elit.
+
+- name: Charles Green
+  preferred: Charles
+  image: /assets/img/foto-sushi-6anudmpILw4-unsplash-1x1.png
+  function: UX Expert
+  linkedin: https://www.linkedin.com
+  keywords:
+    - technology
+    - transformation
+    - experience
+  biography: >-
+    Suspendisse potenti. Aenean elit nisl, viverra eu volutpat at, sodales a sem.
+    Aliquam blandit nunc non mi posuere, quis laoreet ex congue. Donec fringilla
+    porttitor lacus accumsan porttitor. Integer vel sagittis diam. Nullam vehicula
+    fermentum risus nec facilisis. Fusce eleifend gravida orci, in efficitur enim
+    fermentum nec. Sed quis malesuada lorem. Ut vitae sodales sapien.

exampleSite/hugo_stats.json

@@ -14,6 +14,7 @@
       "figure",
       "footer",
       "form",
+      "h1",
       "h2",
       "h3",
       "head",
@@ -119,27 +120,15 @@
       "breadcrumb-item",
       "btn",
       "btn-close",
-      "btn-danger",
-      "btn-dark",
       "btn-group",
-      "btn-info",
-      "btn-lg",
       "btn-light",
       "btn-link",
-      "btn-outline-danger",
-      "btn-outline-dark",
-      "btn-outline-info",
-      "btn-outline-light",
       "btn-outline-primary",
       "btn-outline-secondary",
-      "btn-outline-success",
-      "btn-outline-warning",
       "btn-primary",
       "btn-secondary",
       "btn-sm",
       "btn-social",
-      "btn-success",
-      "btn-warning",
       "btn-xs",
       "card",
       "card-block-2",
@@ -147,6 +136,7 @@
       "card-body-link",
       "card-body-margin",
       "card-button",
+      "card-button-link",
       "card-container",
       "card-container-wrapper",
       "card-emphasize",
@@ -197,12 +187,13 @@
       "col-sm-12",
       "col-sm-3",
       "col-sm-6",
-      "col-sm-8",
       "collapse",
       "collapsed",
+      "contact-img",
       "container",
       "container-fluid",
       "container-xxl",
+      "cta",
       "custom",
       "d-block",
       "d-flex",
@@ -222,6 +213,7 @@
       "disabled",
       "display-1",
       "display-4",
+      "display-6",
       "dropdown",
       "dropdown-divider-bg",
       "dropdown-item",
@@ -241,31 +233,30 @@
       "fa-activity",
       "fa-address-card",
       "fa-angle-left",
+      "fa-angle-right",
+      "fa-angles-left",
+      "fa-angles-right",
       "fa-arrow-left",
       "fa-arrow-right",
-      "fa-book-open",
       "fa-bootstrap",
-      "fa-check",
       "fa-chevron-right",
       "fa-circle",
       "fa-circle-check",
       "fa-circle-play",
       "fa-circle-question",
       "fa-code",
-      "fa-display",
       "fa-divide",
       "fa-docker",
       "fa-ellipsis",
       "fa-face-frown",
       "fa-facebook",
       "fa-fluid",
-      "fa-font-awesome",
+      "fa-folder",
       "fa-fw",
       "fa-github",
       "fa-globe",
       "fa-grip",
       "fa-h",
-      "fa-hand-pointer",
       "fa-heart",
       "fa-house",
       "fa-info",
@@ -273,14 +264,11 @@
       "fa-link",
       "fa-linkedin",
       "fa-magnifying-glass",
-      "fa-markdown",
       "fa-medium",
       "fa-moon",
-      "fa-robot",
       "fa-rocket",
       "fa-rotate-90",
       "fa-share-nodes",
-      "fa-sitemap",
       "fa-sort",
       "fa-square-check",
       "fa-stack",
@@ -288,7 +276,6 @@
       "fa-stack-2x",
       "fa-sun",
       "fa-timeline",
-      "fa-trash-can",
       "fa-up-right-from-square",
       "fa-whatsapp",
       "fa-wrapper",
@@ -345,12 +332,9 @@
       "img-wrap",
       "invisible",
       "is-search",
-      "justify-content-around",
       "justify-content-between",
       "justify-content-center",
       "justify-content-end",
-      "justify-content-evenly",
-      "justify-content-md-end",
       "justify-content-md-start",
       "justify-content-start",
       "katex",
@@ -391,10 +375,8 @@
       "mt-auto",
       "mt-md-0",
       "multi-docs-collapse-15",
-      "multi-docs-collapse-19",
-      "multi-docs-collapse-20",
+      "multi-docs-collapse-16",
       "multi-file-collapse-1",
-      "multi-file-collapse-5",
       "mx-auto",
       "mx-md-0",
       "mx-md-2",
@@ -404,10 +386,13 @@
       "my-md-0",
       "my-md-auto",
       "nav",
+      "nav-callout",
       "nav-item",
       "nav-link",
+      "nav-panel",
       "nav-pills",
       "nav-tabs",
+      "nav-underline",
       "navbar",
       "navbar-brand",
       "navbar-collapse",
@@ -421,8 +406,6 @@
       "navbar-toggler",
       "next",
       "no-js",
-      "offset-md-4",
-      "offset-sm-2",
       "order-0",
       "order-1",
       "order-first",
@@ -434,6 +417,12 @@
       "p-3",
       "p-4",
       "p-md-4",
+      "page-item",
+      "page-link",
+      "pagination",
+      "pagination-terse",
+      "panel-dropdown",
+      "panels",
       "pb-3",
       "pb-4",
       "pb-5",
@@ -458,9 +447,11 @@
       "ptw-5",
       "ptw-lg-5",
       "ptw-sm-4",
+      "px-%!d(string=0)",
       "px-2",
       "px-4",
       "px-xxl-0",
+      "py-%!d(string=0)",
       "py-1",
       "py-2",
       "py-3",
@@ -508,6 +499,7 @@
       "table-border-bottom-wrap",
       "table-responsive-md",
       "table-wrap",
+      "tabs-dropdown",
       "tag-link",
       "text-",
       "text-bg-body-tertiary",
@@ -523,7 +515,6 @@
       "text-decoration-none",
       "text-end",
       "text-info",
-      "text-md-end",
       "text-muted",
       "text-nowrap",
       "text-primary",
@@ -601,20 +592,14 @@
       "block-diagram",
       "blog",
       "body-docs-collapse-15",
-      "body-docs-collapse-19",
-      "body-docs-collapse-20",
+      "body-docs-collapse-16",
       "body-file-collapse-1",
-      "body-file-collapse-5",
       "bouton",
       "breadcrumb",
-      "build-a-static-website-fast-and-flexible",
       "button",
       "button-group",
-      "buttons-with-a-badge",
-      "buttons-with-a-collapsible-panel",
-      "buttons-with-a-tooltip",
-      "buttons-with-an-icon",
       "c4-diagram",
+      "callout",
       "card",
       "card-group",
       "carousel",
@@ -626,7 +611,6 @@
       "cloudinary",
       "collapse",
       "collapse-1",
-      "colored-buttons",
       "command-prompt",
       "comment-nous-partageons-vos-informations",
       "comment-utilisons-nous-les-cookies-",
@@ -635,9 +619,34 @@
       "cookies-etc",
       "custom-activity",
       "data-tables",
-      "developer-friendly-and-secure",
       "docs",
       "documentation",
+      "dropdown-nav-0",
+      "dropdown-panel-0e0741083af0c65ef332f91371a57c01",
+      "dropdown-panel-1ca24b9525732cedb2e7fb6b41545377",
+      "dropdown-panel-1fd473ce0dd8d518109ef702f3d78713",
+      "dropdown-panel-31b9d95702838f6cbbda858ad9f6ba2e",
+      "dropdown-panel-35018593ec3963b5e148e48c515719fb",
+      "dropdown-panel-45da15f058066cdbff2ee0d6276f36af",
+      "dropdown-panel-46260aa3bbe18226eec7bd180ff7a8fd",
+      "dropdown-panel-4c313e6c3a590e9ffc7c7907b87a6f4a",
+      "dropdown-panel-4dacdda3398d0f5a5fca6da2ee6aa310",
+      "dropdown-panel-56b4f5ddb81578bf60b888133d30251b",
+      "dropdown-panel-6a77cde1b88e6f65cb262176eef16c5a",
+      "dropdown-panel-6d0a418325c1d5cd91857155a01d370c",
+      "dropdown-panel-6d165e878416680616e8a5fd86546d2f",
+      "dropdown-panel-71248ab7e1e690fe9f5846e508d13993",
+      "dropdown-panel-71cb85ac8b2d6e1dea6e1035488bea9b",
+      "dropdown-panel-779a3ff6dff27d4b45c6a0f043355f42",
+      "dropdown-panel-78211bf104b3498ae4df8f991635482c",
+      "dropdown-panel-7a569211080751aa0157016cf1b308ae",
+      "dropdown-panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd",
+      "dropdown-panel-94953eb3c453547d39d3e7b2c56e5e4c",
+      "dropdown-panel-9e56096b4451a03394df6e63f2747fec",
+      "dropdown-panel-ab41f8f957872be455ceeb5a8feec0d8",
+      "dropdown-panel-af3f96310ac7de48b702970d488c897f",
+      "dropdown-panel-d6cc20413100ecf644f977d027eda180",
+      "dropdown-panel-ee0ebf6f3e4c470794b302e984a19b7a",
       "elements-type",
       "entity-relationship-diagram",
       "example",
@@ -645,68 +654,57 @@
       "exemple",
       "fa-address-card",
       "fa-face-frown",
-      "fa-font-awesome",
-      "fa-hand-pointer",
+      "fa-folder",
       "fa-square-check",
       "fab-bootstrap",
       "fab-docker",
       "fab-facebook",
       "fab-github",
       "fab-linkedin",
-      "fab-markdown",
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-03262a038417e1bab3887f63db7d440f",
-      "faq-03262a038417e1bab3887f63db7d440f-heading-faq-03262a038417e1bab3887f63db7d440f",
-      "faq-03262a038417e1bab3887f63db7d440f-item-0",
-      "faq-03262a038417e1bab3887f63db7d440f-item-1",
-      "faq-03262a038417e1bab3887f63db7d440f-item-2",
-      "faq-516ddc5b7dd16bc24b857082a9aab4ed",
-      "faq-516ddc5b7dd16bc24b857082a9aab4ed-heading-faq-516ddc5b7dd16bc24b857082a9aab4ed",
-      "faq-516ddc5b7dd16bc24b857082a9aab4ed-item-0",
-      "faq-516ddc5b7dd16bc24b857082a9aab4ed-item-1",
-      "faq-516ddc5b7dd16bc24b857082a9aab4ed-item-2",
-      "faq-56ff67870957c4eb63627fad0245b8b7",
-      "faq-56ff67870957c4eb63627fad0245b8b7-heading-faq-56ff67870957c4eb63627fad0245b8b7",
-      "faq-56ff67870957c4eb63627fad0245b8b7-item-0",
-      "faq-56ff67870957c4eb63627fad0245b8b7-item-1",
-      "faq-56ff67870957c4eb63627fad0245b8b7-item-2",
-      "faq-a65942a4e80d8b9331232f2839b0b404",
-      "faq-a65942a4e80d8b9331232f2839b0b404-heading-faq-a65942a4e80d8b9331232f2839b0b404",
-      "faq-a65942a4e80d8b9331232f2839b0b404-item-0",
-      "faq-a65942a4e80d8b9331232f2839b0b404-item-1",
-      "faq-a65942a4e80d8b9331232f2839b0b404-item-2",
-      "faq-b7d43cad454395dd12765b2970e95cbc",
-      "faq-b7d43cad454395dd12765b2970e95cbc-heading-faq-b7d43cad454395dd12765b2970e95cbc",
-      "faq-b7d43cad454395dd12765b2970e95cbc-item-0",
-      "faq-b7d43cad454395dd12765b2970e95cbc-item-1",
-      "faq-b7d43cad454395dd12765b2970e95cbc-item-2",
-      "faq-c411b9f9b15c4b7a1a0d1de458f85fc9",
-      "faq-c411b9f9b15c4b7a1a0d1de458f85fc9-heading-faq-c411b9f9b15c4b7a1a0d1de458f85fc9",
-      "faq-c411b9f9b15c4b7a1a0d1de458f85fc9-item-0",
-      "faq-c411b9f9b15c4b7a1a0d1de458f85fc9-item-1",
-      "faq-c411b9f9b15c4b7a1a0d1de458f85fc9-item-2",
-      "faq-e6bc2b3599e2d94773085876d5822076",
-      "faq-e6bc2b3599e2d94773085876d5822076-heading-faq-e6bc2b3599e2d94773085876d5822076",
-      "faq-e6bc2b3599e2d94773085876d5822076-item-0",
-      "faq-e6bc2b3599e2d94773085876d5822076-item-1",
-      "faq-e6bc2b3599e2d94773085876d5822076-item-2",
+      "faq-0072bc769a56f23fe630bd68d7549cf2",
+      "faq-0072bc769a56f23fe630bd68d7549cf2-heading-faq-0072bc769a56f23fe630bd68d7549cf2",
+      "faq-0072bc769a56f23fe630bd68d7549cf2-item-0",
+      "faq-0072bc769a56f23fe630bd68d7549cf2-item-1",
+      "faq-0072bc769a56f23fe630bd68d7549cf2-item-2",
+      "faq-439455d6452b0071684c8457c50b834f",
+      "faq-439455d6452b0071684c8457c50b834f-heading-faq-439455d6452b0071684c8457c50b834f",
+      "faq-439455d6452b0071684c8457c50b834f-item-0",
+      "faq-439455d6452b0071684c8457c50b834f-item-1",
+      "faq-439455d6452b0071684c8457c50b834f-item-2",
+      "faq-4999be575a6eafb016b6498f1bbb5e77",
+      "faq-4999be575a6eafb016b6498f1bbb5e77-heading-faq-4999be575a6eafb016b6498f1bbb5e77",
+      "faq-4999be575a6eafb016b6498f1bbb5e77-item-0",
+      "faq-4999be575a6eafb016b6498f1bbb5e77-item-1",
+      "faq-4999be575a6eafb016b6498f1bbb5e77-item-2",
+      "faq-6fba0ce4e8a86121e9e590f38dfb88d8",
+      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-heading-faq-6fba0ce4e8a86121e9e590f38dfb88d8",
+      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-item-0",
+      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-item-1",
+      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-item-2",
+      "faq-c9843454e2fe61630b6c2a1d452eb749",
+      "faq-c9843454e2fe61630b6c2a1d452eb749-heading-faq-c9843454e2fe61630b6c2a1d452eb749",
+      "faq-c9843454e2fe61630b6c2a1d452eb749-item-0",
+      "faq-c9843454e2fe61630b6c2a1d452eb749-item-1",
+      "faq-c9843454e2fe61630b6c2a1d452eb749-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
+      "fas-address-card",
       "fas-angle-left",
+      "fas-angle-right",
+      "fas-angles-left",
+      "fas-angles-right",
       "fas-arrow-left",
       "fas-arrow-right",
-      "fas-book-open",
-      "fas-check",
       "fas-chevron-right",
       "fas-circle",
       "fas-circle-check",
       "fas-circle-play",
       "fas-circle-question",
       "fas-code",
-      "fas-display",
       "fas-divide",
       "fas-ellipsis",
       "fas-globe",
@@ -718,25 +716,20 @@
       "fas-link",
       "fas-magnifying-glass",
       "fas-moon",
-      "fas-robot",
       "fas-rocket",
       "fas-share-nodes",
-      "fas-sitemap",
       "fas-sort",
       "fas-sun",
       "fas-timeline",
-      "fas-trash-can",
       "fas-up-right-from-square",
       "fichier",
       "fil-dariane",
       "file",
-      "flexible--ready-to-use",
+      "first-panel",
       "flowchart",
       "footer-docs-collapse-15",
-      "footer-docs-collapse-19",
-      "footer-docs-collapse-20",
+      "footer-docs-collapse-16",
       "footer-file-collapse-1",
-      "footer-file-collapse-5",
       "formula-katex",
       "formule-katex",
       "gantt-diagram",
@@ -758,6 +751,7 @@
       "infobulle",
       "input-type",
       "ins",
+      "interested-in-this-topic",
       "invite-de-commandes",
       "items-type",
       "kaart",
@@ -780,10 +774,35 @@
       "nav-0-0",
       "nav-0-1",
       "nav-0-2",
+      "nav-0-btn-0",
+      "nav-0-btn-1",
+      "nav-0-btn-2",
       "nav-nav-0",
-      "nav-nav-0-btn-0",
-      "nav-nav-0-btn-1",
-      "nav-nav-0-btn-2",
+      "nav-panel-0e0741083af0c65ef332f91371a57c01",
+      "nav-panel-1ca24b9525732cedb2e7fb6b41545377",
+      "nav-panel-1fd473ce0dd8d518109ef702f3d78713",
+      "nav-panel-31b9d95702838f6cbbda858ad9f6ba2e",
+      "nav-panel-35018593ec3963b5e148e48c515719fb",
+      "nav-panel-45da15f058066cdbff2ee0d6276f36af",
+      "nav-panel-46260aa3bbe18226eec7bd180ff7a8fd",
+      "nav-panel-4c313e6c3a590e9ffc7c7907b87a6f4a",
+      "nav-panel-4dacdda3398d0f5a5fca6da2ee6aa310",
+      "nav-panel-56b4f5ddb81578bf60b888133d30251b",
+      "nav-panel-6a77cde1b88e6f65cb262176eef16c5a",
+      "nav-panel-6d0a418325c1d5cd91857155a01d370c",
+      "nav-panel-6d165e878416680616e8a5fd86546d2f",
+      "nav-panel-71248ab7e1e690fe9f5846e508d13993",
+      "nav-panel-71cb85ac8b2d6e1dea6e1035488bea9b",
+      "nav-panel-779a3ff6dff27d4b45c6a0f043355f42",
+      "nav-panel-78211bf104b3498ae4df8f991635482c",
+      "nav-panel-7a569211080751aa0157016cf1b308ae",
+      "nav-panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd",
+      "nav-panel-94953eb3c453547d39d3e7b2c56e5e4c",
+      "nav-panel-9e56096b4451a03394df6e63f2747fec",
+      "nav-panel-ab41f8f957872be455ceeb5a8feec0d8",
+      "nav-panel-af3f96310ac7de48b702970d488c897f",
+      "nav-panel-d6cc20413100ecf644f977d027eda180",
+      "nav-panel-ee0ebf6f3e4c470794b302e984a19b7a",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -791,11 +810,160 @@
       "navbar-sample-collapse",
       "navigation",
       "notification",
-      "outlined-buttons",
       "overview",
+      "panel-0e0741083af0c65ef332f91371a57c01-0",
+      "panel-0e0741083af0c65ef332f91371a57c01-1",
+      "panel-0e0741083af0c65ef332f91371a57c01-2",
+      "panel-0e0741083af0c65ef332f91371a57c01-btn-0",
+      "panel-0e0741083af0c65ef332f91371a57c01-btn-1",
+      "panel-0e0741083af0c65ef332f91371a57c01-btn-2",
+      "panel-1ca24b9525732cedb2e7fb6b41545377-0",
+      "panel-1ca24b9525732cedb2e7fb6b41545377-1",
+      "panel-1ca24b9525732cedb2e7fb6b41545377-2",
+      "panel-1ca24b9525732cedb2e7fb6b41545377-btn-0",
+      "panel-1ca24b9525732cedb2e7fb6b41545377-btn-1",
+      "panel-1ca24b9525732cedb2e7fb6b41545377-btn-2",
+      "panel-1fd473ce0dd8d518109ef702f3d78713-0",
+      "panel-1fd473ce0dd8d518109ef702f3d78713-1",
+      "panel-1fd473ce0dd8d518109ef702f3d78713-2",
+      "panel-1fd473ce0dd8d518109ef702f3d78713-btn-0",
+      "panel-1fd473ce0dd8d518109ef702f3d78713-btn-1",
+      "panel-1fd473ce0dd8d518109ef702f3d78713-btn-2",
+      "panel-31b9d95702838f6cbbda858ad9f6ba2e-0",
+      "panel-31b9d95702838f6cbbda858ad9f6ba2e-1",
+      "panel-31b9d95702838f6cbbda858ad9f6ba2e-2",
+      "panel-31b9d95702838f6cbbda858ad9f6ba2e-btn-0",
+      "panel-31b9d95702838f6cbbda858ad9f6ba2e-btn-1",
+      "panel-31b9d95702838f6cbbda858ad9f6ba2e-btn-2",
+      "panel-35018593ec3963b5e148e48c515719fb-0",
+      "panel-35018593ec3963b5e148e48c515719fb-1",
+      "panel-35018593ec3963b5e148e48c515719fb-2",
+      "panel-35018593ec3963b5e148e48c515719fb-btn-0",
+      "panel-35018593ec3963b5e148e48c515719fb-btn-1",
+      "panel-35018593ec3963b5e148e48c515719fb-btn-2",
+      "panel-45da15f058066cdbff2ee0d6276f36af-0",
+      "panel-45da15f058066cdbff2ee0d6276f36af-1",
+      "panel-45da15f058066cdbff2ee0d6276f36af-2",
+      "panel-45da15f058066cdbff2ee0d6276f36af-btn-0",
+      "panel-45da15f058066cdbff2ee0d6276f36af-btn-1",
+      "panel-45da15f058066cdbff2ee0d6276f36af-btn-2",
+      "panel-46260aa3bbe18226eec7bd180ff7a8fd-0",
+      "panel-46260aa3bbe18226eec7bd180ff7a8fd-1",
+      "panel-46260aa3bbe18226eec7bd180ff7a8fd-2",
+      "panel-46260aa3bbe18226eec7bd180ff7a8fd-btn-0",
+      "panel-46260aa3bbe18226eec7bd180ff7a8fd-btn-1",
+      "panel-46260aa3bbe18226eec7bd180ff7a8fd-btn-2",
+      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-0",
+      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-1",
+      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-2",
+      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-btn-0",
+      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-btn-1",
+      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-btn-2",
+      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-0",
+      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-1",
+      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-2",
+      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-btn-0",
+      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-btn-1",
+      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-btn-2",
+      "panel-56b4f5ddb81578bf60b888133d30251b-0",
+      "panel-56b4f5ddb81578bf60b888133d30251b-1",
+      "panel-56b4f5ddb81578bf60b888133d30251b-2",
+      "panel-56b4f5ddb81578bf60b888133d30251b-btn-0",
+      "panel-56b4f5ddb81578bf60b888133d30251b-btn-1",
+      "panel-56b4f5ddb81578bf60b888133d30251b-btn-2",
+      "panel-6a77cde1b88e6f65cb262176eef16c5a-0",
+      "panel-6a77cde1b88e6f65cb262176eef16c5a-1",
+      "panel-6a77cde1b88e6f65cb262176eef16c5a-2",
+      "panel-6a77cde1b88e6f65cb262176eef16c5a-btn-0",
+      "panel-6a77cde1b88e6f65cb262176eef16c5a-btn-1",
+      "panel-6a77cde1b88e6f65cb262176eef16c5a-btn-2",
+      "panel-6d0a418325c1d5cd91857155a01d370c-0",
+      "panel-6d0a418325c1d5cd91857155a01d370c-1",
+      "panel-6d0a418325c1d5cd91857155a01d370c-2",
+      "panel-6d0a418325c1d5cd91857155a01d370c-btn-0",
+      "panel-6d0a418325c1d5cd91857155a01d370c-btn-1",
+      "panel-6d0a418325c1d5cd91857155a01d370c-btn-2",
+      "panel-6d165e878416680616e8a5fd86546d2f-0",
+      "panel-6d165e878416680616e8a5fd86546d2f-1",
+      "panel-6d165e878416680616e8a5fd86546d2f-2",
+      "panel-6d165e878416680616e8a5fd86546d2f-btn-0",
+      "panel-6d165e878416680616e8a5fd86546d2f-btn-1",
+      "panel-6d165e878416680616e8a5fd86546d2f-btn-2",
+      "panel-71248ab7e1e690fe9f5846e508d13993-0",
+      "panel-71248ab7e1e690fe9f5846e508d13993-1",
+      "panel-71248ab7e1e690fe9f5846e508d13993-2",
+      "panel-71248ab7e1e690fe9f5846e508d13993-btn-0",
+      "panel-71248ab7e1e690fe9f5846e508d13993-btn-1",
+      "panel-71248ab7e1e690fe9f5846e508d13993-btn-2",
+      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-0",
+      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-1",
+      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-2",
+      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-btn-0",
+      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-btn-1",
+      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-btn-2",
+      "panel-779a3ff6dff27d4b45c6a0f043355f42-0",
+      "panel-779a3ff6dff27d4b45c6a0f043355f42-1",
+      "panel-779a3ff6dff27d4b45c6a0f043355f42-2",
+      "panel-779a3ff6dff27d4b45c6a0f043355f42-btn-0",
+      "panel-779a3ff6dff27d4b45c6a0f043355f42-btn-1",
+      "panel-779a3ff6dff27d4b45c6a0f043355f42-btn-2",
+      "panel-78211bf104b3498ae4df8f991635482c-0",
+      "panel-78211bf104b3498ae4df8f991635482c-1",
+      "panel-78211bf104b3498ae4df8f991635482c-2",
+      "panel-78211bf104b3498ae4df8f991635482c-btn-0",
+      "panel-78211bf104b3498ae4df8f991635482c-btn-1",
+      "panel-78211bf104b3498ae4df8f991635482c-btn-2",
+      "panel-7a569211080751aa0157016cf1b308ae-0",
+      "panel-7a569211080751aa0157016cf1b308ae-1",
+      "panel-7a569211080751aa0157016cf1b308ae-2",
+      "panel-7a569211080751aa0157016cf1b308ae-btn-0",
+      "panel-7a569211080751aa0157016cf1b308ae-btn-1",
+      "panel-7a569211080751aa0157016cf1b308ae-btn-2",
+      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-0",
+      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-1",
+      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-2",
+      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-btn-0",
+      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-btn-1",
+      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-btn-2",
+      "panel-94953eb3c453547d39d3e7b2c56e5e4c-0",
+      "panel-94953eb3c453547d39d3e7b2c56e5e4c-1",
+      "panel-94953eb3c453547d39d3e7b2c56e5e4c-2",
+      "panel-94953eb3c453547d39d3e7b2c56e5e4c-btn-0",
+      "panel-94953eb3c453547d39d3e7b2c56e5e4c-btn-1",
+      "panel-94953eb3c453547d39d3e7b2c56e5e4c-btn-2",
+      "panel-9e56096b4451a03394df6e63f2747fec-0",
+      "panel-9e56096b4451a03394df6e63f2747fec-1",
+      "panel-9e56096b4451a03394df6e63f2747fec-2",
+      "panel-9e56096b4451a03394df6e63f2747fec-btn-0",
+      "panel-9e56096b4451a03394df6e63f2747fec-btn-1",
+      "panel-9e56096b4451a03394df6e63f2747fec-btn-2",
+      "panel-ab41f8f957872be455ceeb5a8feec0d8-0",
+      "panel-ab41f8f957872be455ceeb5a8feec0d8-1",
+      "panel-ab41f8f957872be455ceeb5a8feec0d8-2",
+      "panel-ab41f8f957872be455ceeb5a8feec0d8-btn-0",
+      "panel-ab41f8f957872be455ceeb5a8feec0d8-btn-1",
+      "panel-ab41f8f957872be455ceeb5a8feec0d8-btn-2",
+      "panel-af3f96310ac7de48b702970d488c897f-0",
+      "panel-af3f96310ac7de48b702970d488c897f-1",
+      "panel-af3f96310ac7de48b702970d488c897f-2",
+      "panel-af3f96310ac7de48b702970d488c897f-btn-0",
+      "panel-af3f96310ac7de48b702970d488c897f-btn-1",
+      "panel-af3f96310ac7de48b702970d488c897f-btn-2",
+      "panel-d6cc20413100ecf644f977d027eda180-0",
+      "panel-d6cc20413100ecf644f977d027eda180-1",
+      "panel-d6cc20413100ecf644f977d027eda180-2",
+      "panel-d6cc20413100ecf644f977d027eda180-btn-0",
+      "panel-d6cc20413100ecf644f977d027eda180-btn-1",
+      "panel-d6cc20413100ecf644f977d027eda180-btn-2",
+      "panel-ee0ebf6f3e4c470794b302e984a19b7a-0",
+      "panel-ee0ebf6f3e4c470794b302e984a19b7a-1",
+      "panel-ee0ebf6f3e4c470794b302e984a19b7a-2",
+      "panel-ee0ebf6f3e4c470794b302e984a19b7a-btn-0",
+      "panel-ee0ebf6f3e4c470794b302e984a19b7a-btn-1",
+      "panel-ee0ebf6f3e4c470794b302e984a19b7a-btn-2",
       "persona",
       "pie-chart",
-      "powered-by-open-source",
+      "pills",
       "projecten",
       "projects",
       "projets",
@@ -805,16 +973,17 @@
       "release",
       "requirement-chart",
       "réduire",
+      "second-panel",
       "security",
       "sequence-diagram",
-      "sized-buttons",
       "spinner",
       "state-diagram",
-      "stateful-buttons",
       "sub",
       "sup",
       "sécurité",
       "table",
+      "tabs",
+      "third-panel",
       "third-party-links--use-of-your-information",
       "timeline",
       "title",
@@ -828,6 +997,7 @@
       "tooltip",
       "types-de-cookies-que-nous-utilisons",
       "types-of-cookies-we-use",
+      "underline",
       "user-journey",
       "video",
       "video-type",

go.mod

@@ -18,7 +18,7 @@ require (
 	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.6.0 // 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
 )

go.sum

@@ -440,6 +440,28 @@ github.com/gethinode/mod-utils/v4 v4.5.1 h1:VKmqi6+oC93noHUJ6HvFlelglHT/9+kXQjpJ
 github.com/gethinode/mod-utils/v4 v4.5.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/gethinode/mod-utils/v4 v4.6.0 h1:XQ7hiCrn15SzgkcD0j53XVZPQYeQKUxg/UUkr80pJ2w=
 github.com/gethinode/mod-utils/v4 v4.6.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.7.0 h1:JaL/+APOwdEzAi6y174ZdwoguCdALyGiGX8qBVXXBdU=
+github.com/gethinode/mod-utils/v4 v4.7.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.0 h1:/+M3EHqA8IzgBWXX1GLmT/xKbk2FVhUwmUfMnk/goF4=
+github.com/gethinode/mod-utils/v4 v4.8.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.1 h1:XJULrx5VWO4wR69EsvfPp9bQoRvx8Y7GwnknpDbrDpg=
+github.com/gethinode/mod-utils/v4 v4.8.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.2 h1:mhPmqdeCar2sOdVwKIyJl5la0RVBPtw4d29ncRKN3ek=
+github.com/gethinode/mod-utils/v4 v4.8.2/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.3 h1:CSaFR/c1cGrSPpH5ZfrNOoMhAbNb8sw0SCRh9ZxCJTU=
+github.com/gethinode/mod-utils/v4 v4.8.3/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.4 h1:ExD2zZCGonAmbIxC9wBU2dp+V4ZfvG46NWaz+LaV3iQ=
+github.com/gethinode/mod-utils/v4 v4.8.4/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.9.0 h1:v7+prGZPETqgI6t/LN0UhrtRKU4mqpJUQu6jEUU5MYg=
+github.com/gethinode/mod-utils/v4 v4.9.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.9.1 h1:9D2AJcrlS5r2moHEoo70GrNBmq1pJHd9oT4G14DsZRs=
+github.com/gethinode/mod-utils/v4 v4.9.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.9.2 h1:lzcihwAsm8R2k2v+tWu5nfWvXMA8uRKi0nGIzZCygZ8=
+github.com/gethinode/mod-utils/v4 v4.9.2/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.10.0 h1:CfVa57r52wXd0bUqSJlpux2cloHQNBBe13aeqLJ8FXE=
+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/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=

hugo_stats.json

@@ -31,9 +31,9 @@
       "use"
     ],
     "classes": [
+      "%!s(<nil>)",
       "active",
       "align-items-center",
-      "align-items-start",
       "align-self-center",
       "align-self-end",
       "ball",
@@ -53,8 +53,6 @@
       "col-12",
       "col-6",
       "col-8",
-      "col-md-1",
-      "col-md-11",
       "col-md-2",
       "col-md-6",
       "col-md-8",
@@ -78,7 +76,7 @@
       "fa-10x",
       "fa-2x",
       "fa-angle-left",
-      "fa-book-open",
+      "fa-chevron-right",
       "fa-ellipsis",
       "fa-face-frown",
       "fa-fw",
@@ -174,10 +172,10 @@
       "section-cover",
       "shadow",
       "svg-inline--fa",
+      "text-",
       "text-body",
       "text-center",
       "text-decoration-none",
-      "text-md-start",
       "text-muted",
       "text-secondary",
       "text-sm-start",
@@ -196,7 +194,7 @@
       "fab-linkedin",
       "fab-medium",
       "fas-angle-left",
-      "fas-book-open",
+      "fas-chevron-right",
       "fas-ellipsis",
       "fas-moon",
       "fas-sun",

i18n/en.yaml

@@ -177,3 +177,11 @@
 # Nav & Tab
 - id: clickToExpand
   translation: "Click to expand"
+
+# Contact information
+- id: contactHeaderTopic
+  translation: "Interested in this topic?"
+- id: contactBody
+  translation: "Please leave your contact details so we can get in touch."
+- id: contactAction
+  translation: "Get in touch"

i18n/nl.yaml

@@ -174,3 +174,11 @@
 # Nav & Tab
 - id: clickToExpand
   translation: "Klik om open te klappen"
+
+# Contact information
+- id: contactHeaderTopic
+  translation: "Wil je meer weten over dit onderwerp?"
+- id: contactBody
+  translation: "Laat je gegevens achter en dan neem ik contact met je op."
+- id: contactAction
+  translation: "Neem contact op"

layouts/_partials/assets/args.html

@@ -125,7 +125,9 @@
     {{ if in (slice "types" "both") $args.renderType }}
         {{ $prefix := strings.Repeat $args.headerLevel "#" }}
         {{ range $k, $v := $types.udt }}
-            {{ printf "%s %s %s" $prefix $k (T "type") | $args.page.RenderString }}
+            {{ $title := $k }}
+            {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
+            {{ printf "%s %s %s" $prefix $title (T "type") | $args.page.RenderString }}
             {{ partial "inline/args-table.html" (merge $params (dict "args" $v)) }}
         {{ end }}
     {{ end }}

layouts/_partials/assets/card-group.html

@@ -113,7 +113,7 @@
 {{/* Limit list to max elements */}}
 {{- $count := len $elements -}}
 {{- $max := $count -}}
-{{- $max = math.Min ($args.max | default $count) $count -}}
+{{- $max = math.Min ((or $args.limit $args.max) | default $count) $count -}}
 {{- if not $args.paginate -}}
     {{- $elements = first $max $elements -}}
 {{- end -}}

layouts/_partials/assets/card.html

@@ -179,7 +179,7 @@
                     {{ if eq (lower (path.Ext $thumbnail)) ".svg" }}{{ $fullHeight = "" }}{{ $rounding = "" }}{{ end }}
                     {{- partial $args.hook (dict 
                         "src"      $thumbnail
-                        "ratio"    (or $ratio "1x1")
+                        "ratio"    (or $ratio "auto")
                         "portrait" $args.portrait
                         "sizes"    $args.sizes
                         "anchor"   $anchor
@@ -203,9 +203,22 @@
             {{- end -}}
             <div class="{{ $col2 }}">
                 <div class="card-body d-flex p-{{ $args.padding }} flex-column h-100 flex-fill">
-                    {{ if $page }}<div>{{ partial "inline/card-caption.html" (dict "page" $page "keywords" $args.headerStyle "color" $args.color) }}</div>{{ end }}
+                    {{ if $page }}
+                        <div>{{ partial "inline/card-caption.html" (dict
+                            "page"     $page
+                            "keywords" $args.headerStyle
+                            "color"    $args.color
+                            ) }}
+                        </div>
+                    {{ end }}
                     <div class="flex-fill">
-                        {{- partial "inline/card-body.html" (dict "title" $title "href" $href "color" $args.color "description" $description "button" $args.button) -}}
+                        {{- partial "inline/card-body.html" (dict
+                            "title"       $title
+                            "href"        $href
+                            "color"       $args.color
+                            "description" $description
+                            "button"      $args.button
+                        ) -}}
                     </div>
                     {{ if $page }}<div>{{ partial "inline/card-caption.html" (dict "page" $page "keywords" $args.footerStyle "color" $args.color) }}</div>{{ end }}
                     {{ if and $href $args.button }}

layouts/_partials/assets/contact.html

@@ -0,0 +1,66 @@
+{{/* 
+    Copyright © 2024 - 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.
+*/}}
+
+{{/* Initialize arguments */}}
+{{ $args := partial "utilities/InitArgs.html" (dict "structure" "contact" "args" . "group" "partial") }}
+{{ if or $args.err $args.warnmsg }}
+    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+        "partial" "assets/contact.html" 
+        "warnid"  "warn-invalid-arguments"
+        "msg"     "Invalid arguments"
+        "details" ($args.errmsg | append $args.warnmsg)
+        "file"    page.File
+    )}}
+{{ end }}
+
+{{/* Main code */}}
+{{ if not $args.err }}
+    {{ $contact := partial "utilities/GetContact" (dict
+        "contact"      $args.contact
+        "data"         $args.data
+        "language-tag" site.Language.Lang
+    ) }}
+
+    {{ $illustration := dict }}
+    {{ if and $contact $contact.image }}
+        {{ $illustration = dict
+            "image"       $contact.image
+            "ratio"       "1x1"
+            "class"       $args.class
+            "caption"     $contact.name 
+            "caption-url" $args.captionUrl
+        }}
+    {{ else if $args.illustration }}
+        {{ $illustration = $args.illustration }}
+    {{ end }}
+
+    {{ $heading := "" }}
+    {{ if and (not $args.heading.title) (not $args.heading.content) }}
+        {{ $heading = dict
+            "title"     (T "contactHeaderTopic")
+            "content"   (T "contactBody")
+            "align"     "start"
+            "width"     (cond $illustration.image 10 12)
+        }}
+    {{ else }}
+        {{ $heading = $args.heading }}
+    {{ 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
+        )
+    }}
+{{ end }}

layouts/_partials/assets/helpers/image-definition.html

@@ -77,10 +77,10 @@
         {{- with $wrapper }}<div class="{{ . }}">{{ end }}
     {{- end -}}
     {{- if $data -}}
-        {{- if site.Params.debugging.includeSVGOrigin -}}
+        {{- if and site.Params.debugging.includeSVGOrigin $.url -}}
             {{- printf "{{/* <svg src=\"%s\"> */}}" $.url | safeHTML -}}
         {{- end -}}
-        {{- $data = replace $data "<svg" (printf "<svg class=\"%s\"" $args.class) -}}
+        {{- with $args.class }}{{ $data = replace $data "<svg" (printf "<svg class=\"%s\"" .) }}{{ end -}}
         {{- $data | safeHTML -}}
     {{- else if not $fileAnchor -}}
         <img class="img-fluid {{ $args.class }}"

layouts/_partials/assets/helpers/image-dimension.html

@@ -67,7 +67,9 @@
 {{- if hasSuffix $src "svg" -}}
     {{- $res = partial "utilities/GetResource.html" (dict "url" $src "page" $args.page) -}}
     {{ if not $res }}
-        {{- $targetURL := partial "utilities/GetStaticURL" (dict "url" (strings.TrimPrefix "/static" $src)) -}}
+        {{- $targetURL := strings.TrimPrefix "/static" $src -}}
+        {{- $u := urls.Parse site.BaseURL }}
+        {{- $targetURL = strings.TrimPrefix $u.Path $src -}}
         {{- if not (fileExists (path.Join "/static" $targetURL)) -}}
             {{ warnf "Cannot find vector image resource: %q" $src -}}
         {{ else }}
@@ -83,7 +85,7 @@
     {{ else }}
         {{ warnf "Unsupported media type '%s': %q" (string $res.MediaType) $src -}}
     {{ end }}
-{{ else if $args.ratio }}
+{{ else if and $args.ratio (ne $args.ratio "auto") }}
     {{ $transform = "fill" }}
     {{ $dims = partial "assets/helpers/GetDimension.html" (dict "ratio" $args.ratio) }}
     {{ if not $dims }}{{ errorf "partial [assets/image.html] - Cannot find dimension data: %s" $args.ratio }}{{ end }}
@@ -148,12 +150,13 @@
     )}}
     {{ if $args.imageset }}
         {{- $set = partial "assets/helpers/image-set.html" (dict 
-            "src"       $src
-            "img"       $img
-            "dims"      $dims
-            "anchor"    $args.anchor
-            "transform" $transform
-            "hook"      $hook
+            "src"           $src
+            "img"           $img
+            "dims"          $dims
+            "anchor"        $args.anchor
+            "transform"     $transform
+            "hook"          $hook
+            "include-width" true
         ) -}}
     {{ end }}
 {{ end }}

layouts/_partials/assets/hero.html

@@ -78,35 +78,54 @@
 
     {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}
 
-    {{ $illustration := partial $args.hook (dict
-        "page"          $args.page
-        "image"         $args.illustration.image
-        "icon"          $args.illustration.icon
-        "anchor"        $args.illustration.anchor
-        "mode"          $args.illustration.mode
-        "ratio"         $args.illustration.ratio
-        "sizes"         $sizes
-        "title"         (T "heroImage")
-        "wrapper"       $imageWrapper
-        "class"         "hero-image"
-        "image-overlay" $args.imageOverlay
-        "justify"       $imageJustify
-    ) }}
+    {{ $caption := "" }}
+    {{ if $args.illustration.caption }}
+        {{ if index $args.illustration "caption-url" }}
+            {{ $caption = partial "assets/link.html" (dict
+                "href"  (index $args.illustration "caption-url")
+                "text"  $args.illustration.caption
+                "page"  $args.page
+                "class" "text-center"
+            ) }}
+        {{ else }}
+            {{ $caption = $args.illustration.caption }}
+        {{ end }}
+        {{ $caption = printf `<div class="text-center">%s</div>` $caption }}
+    {{ end }}
+
+    {{ $illustration := "" }}
+    {{ if or $args.illustration.image  $args.illustration.icon }}
+        {{ $illustration = partial $args.hook (dict
+            "page"          $args.page
+            "image"         $args.illustration.image
+            "icon"          $args.illustration.icon
+            "anchor"        $args.illustration.anchor
+            "mode"          $args.illustration.mode
+            "ratio"         $args.illustration.ratio
+            "sizes"         $sizes
+            "title"         (T "heroImage")
+            "wrapper"       $imageWrapper
+            "class"         (printf "hero-image %s" $args.illustration.class)
+            "image-overlay" $args.imageOverlay
+            "justify"       $imageJustify
+        ) }}
+    {{ end }}
 
     {{ $title := partial "assets/section-title.html" (dict
         "heading"     $heading
         "use-title"   $args.useTitle
-        "size"        $args.size
         "links"       $args.links
         "link-type"   (or $args.linkType $args.type)
         "class"       "hero-title"
         "arrangement" $arrangement
+        "justify"     $args.justify
     ) }}
 
     {{ if eq $args.orientation "stacked" }}
         {{/* Render stacked component */}}
 
         {{ $illustration | safeHTML }}
+        {{ $caption | safeHTML }}
         {{ $title | safeHTML }}
     {{ else }}
         {{/* Render horizontal component */}}
@@ -121,12 +140,15 @@
             {{ $imgWidth := sub 12 (or $args.heading.width 12) }}
             {{ if lt $imgWidth 1 }}{{ $imgWidth = 1 }}{{ end }}
 
-            <div class="col col-12 col-md-{{sub 12 $imgWidth }} {{ $order1 }} my-md-auto pt-{{ $padding.y }} pt-md-0 hero-content">
+            <div class="col col-12 {{ if $illustration }} col-md-{{sub 12 $imgWidth }}{{ end }} {{ $order1 }} my-md-auto pt-{{ $padding.y }} pt-md-0 hero-content">
                 {{ $title | safeHTML }}
             </div>
+            {{ if $illustration }}
             <div class="col col-8 col-md-{{ $imgWidth }} {{ $order2 }} m-auto my-md-auto align-self-end">
                 {{ $illustration | safeHTML }}
+                {{ $caption | safeHTML }}
             </div>
+            {{ end }}
         </div>
     {{ end }}
 {{ end }}

layouts/_partials/assets/nav-item.html

@@ -6,16 +6,16 @@
 */}}
 
 {{/* Initialize arguments */}}
-{{ $args := partial "utilities/InitArgs.html" (dict "structure" "nav-item" "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" "nav-item" "args" . "group" "partial") -}}
+{{- if or $args.err $args.warnmsg -}}
+    {{- partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
         "partial" "assets/nav-item.html" 
         "warnid"  "warn-invalid-arguments"
         "msg"     "Invalid arguments"
         "details" ($args.errmsg | append $args.warnmsg)
         "file"    page.File
-    )}}
-{{ end }}
+    ) -}}
+{{- end -}}
 
 {{/* Initialize local arguments */}}
 {{- $parentID := or $args.parentId $args.parentID -}}
@@ -36,16 +36,16 @@
         "class"        "hero-image"
         "image-overlay" $args.imageOverlay
     ) }}
-{{ else }}
-    {{ $illustration = partial $args.hook (dict "page" $args.page "image" $args.illustration) }}
-{{ end }}
+{{- else -}}
+    {{- $illustration = partial $args.hook (dict "page" $args.page "image" $args.illustration) -}}
+{{- end -}}
 
 {{/* Main code */}}
-{{ if not $args.err }}
-    {{ if eq $type "accordion" }}
+{{- if not $args.err -}}
+    {{- if eq $type "accordion" -}}
         <div class="accordion-item{{ if $args.show }} show{{ end }}{{ with $args.class }} {{ . }}{{ end }}">
             {{- with $title -}}
-                <h2 id="accordion-{{ $parentID }}-heading-{{ $args.id }}" class="accordion-header m-0" >
+                <h2 id="accordion-{{ $parentID }}-heading-{{ $args.id }}" class="accordion-header m-0">
                     <button
                         class="accordion-button collapsed {{ if $args.disabled }} text-secondary{{ end }}"
                         type="button"
@@ -55,14 +55,14 @@
                         aria-controls="accordion-{{ $parentID }}-item-{{ $args.id }}"
                         {{ if $args.disabled }} disabled{{ end }}
                     >
-                        {{ if $illustration }}
+                        {{- if $illustration -}}
                             <div class="row">
                                 <div class="col-3 col-sm-2 my-auto">{{ $illustration | safeHTML }}</div>
                                 <div class="col-9 col-sm-10 fs-6 fs-sm-5 my-auto">{{ . }}</div>
                             </div>
-                        {{ else }}
+                        {{- else }}
                             {{ . }}
-                        {{ end }}
+                        {{ end -}}
                     </button>
                 </h2>
             {{- end -}}
@@ -72,22 +72,19 @@
                 aria-labelledby="{{ $parentID }}-heading-{{ $args.id }}"
                 data-bs-parent="#accordion-{{ $parentID }}"
             >
-                <div class="accordion-body">{{ $args.body | $args.page.RenderString | safeHTML }}</div>
+                <div class="accordion-body">{{ or $args.raw ($args.body | $args.page.RenderString) | safeHTML }}</div>
             </div>
         </div>
-    {{ else }}
+    {{- else -}}
         <div
             id="{{ $parentID }}-{{ $args.id }}" 
-            class="tab-pane{{ if $args.show }} active {{ if $args.fade }}show{{ end }}{{ end }} {{ if $args.fade }}fade{{ end }}{{ with $args.class }} {{ . }}{{ end }}"
+            class="tab-pane{{ if $args.show }} active{{ if $args.fade }} show{{ end }}{{ end }}{{ if $args.fade }} fade{{ end }}{{ with $args.class }} {{ . }}{{ end }}"
             role="tabpanel"
             aria-labelledby="{{ $parentID }}-btn-{{ $args.id }}"
             tabindex="0"
-            data-header="{{ $title }}"
-            {{ if $args.show }}data-show-id="{{ $args.id }}"{{ end }} 
-            data-has-content="{{ gt (len $args.body) 0 }}"
-            {{ if $args.disabled }} data-disabled-id="{{ $args.id }}"{{ end }}
+            data-has-content="{{ or (gt (len (or $args.raw "")) 0) (gt (len $args.body) 0 ) }}"
         >
-            {{ $args.body | $args.page.RenderString | safeHTML }}
+            {{ or $args.raw ($args.body | $args.page.RenderString) | safeHTML }}
         </div>
-    {{ end }}
-{{ end }}
+    {{- end -}}
+{{- end -}}

layouts/_partials/assets/nav.html

@@ -6,6 +6,29 @@
 
 {{- $error := false -}}
 
+{{- define "_partials/inline/nav-dropdown.html" -}}
+    {{ $id := .id }}
+    {{ $class := .class }}
+    {{ $titles := .titles }}
+    {{ $wrap := .wrap }}
+
+    <div id="dropdown-{{ $id }}" class="dropdown panel-dropdown {{ $class }}">
+    <a class="link-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+        {{ cond (gt (len $titles) 0) (index $titles 0) (T "sectionMenu") }}
+    </a>
+        <ul class="dropdown-menu">
+            {{- range $index, $item := $titles -}}
+                {{ $itemID := printf "%s-btn-%d" $id $index -}}
+                {{- $show := eq $index 0 -}}
+                <li>
+                    <a class="dropdown-item {{ if not $wrap }} text-nowrap{{ end }}{{ if $show }} active{{ end }}"
+                    data-link="#{{ $id }}-btn-{{ $index }}" type="button">{{ $item }}</a>
+                </li>
+            {{ end }}
+        </ul>
+    </div>
+{{- end -}}
+
 {{/* Initialize arguments */}}
 {{- $args := partial "utilities/InitArgs.html" (dict "structure" "nav" "args" . "group" "partial") -}}
 {{- if or $args.err $args.warnmsg -}}
@@ -19,58 +42,53 @@
     {{- $error = $args.err -}}
 {{- end -}}
 
+{{/* Initialize global arguments */}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+
 {{/* Initialize local arguments */}}
 {{- $page := $args.page -}}
 {{- $id := $args.id | default "0" -}}
 {{- $type := or $args.tabType $args.type -}}
 {{- $wrap := or $args.wordWrap $args.wrap -}}
-{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $titles := slice -}}
+{{- range $args.list }}{{ $titles = $titles | append .Title }} {{ end -}}
+{{- if reflect.IsSlice $args.navTitles }}{{ $titles = $titles | append $args.navTitles }}{{ end -}}
 
 {{/* Main code */}}
 <div class="col col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto">
     {{ if $args.vertical }}<div class="d-flex align-items-start">{{ end }}
-    {{ if eq $type "callout" }}
-        <div class="d-lg-none">
-            <div id="accordion-{{ $id }}" class="accordion mb-3{{ with $args.class }} {{ . }}{{ end }} nav-callout">
-                {{- range $index, $item := $args.list -}}
-                    {{ partial "assets/nav-item.html" (dict
-                        "page"         $args.page
-                        "id"           $index
-                        "parentID"     $id
-                        "fade"         false
-                        "header"       $item.Title
-                        "class"        $args.class
-                        "body"         (or $item.Description $item.Content)
-                        "show"         false
-                        "disabled"     false
-                        "item_type"    "accordion"
-                        "illustration" (partial "utilities/GetIllustration.html" (dict "item" $item "size" "col-12"))
-                        )
-                    }}
-                {{ end -}}
-                {{- $args.navItems | safeHTML -}}
-            </div>
-        </div>
-        <div class="d-none d-lg-block">
+    {{ if $args.responsive }}
+        {{ partial "inline/nav-dropdown.html" (dict
+            "id"     $id
+            "class"  (printf "d-%s-none py-%d" $breakpoint.current $padding.y)
+            "titles" $titles
+            "wrap"   $wrap
+        ) }}
     {{ end }}
-
+    
+    <div class="{{ if $args.responsive }}d-none d-{{ $breakpoint.current }}-block{{ end }}">
     <ul
-        class="nav{{ with $type }} nav-{{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}{{ if $args.vertical }} flex-column{{ end }}" 
+        class="nav nav-panel{{ with $type }} nav-{{ . }}{{ end -}}{{ with $args.class }} {{ . }}{{ end }}{{ if $args.vertical }} flex-column{{ end }} tabs-dropdown" 
         id="nav-{{ $id }}" 
-        role="tablist"{{ if $args.vertical }}
-        aria-orientation="vertical"{{ end }}
+        role="tablist"
+        {{ if $args.vertical }}aria-orientation="vertical"{{ end }}
+        data-companion="dropdown-{{ $id }}"
     >
         {{- $titles := slice -}}
         {{- range $args.list }}{{ $titles = $titles | append .Title }} {{ end -}}
         {{- if reflect.IsSlice $args.navTitles }}{{ $titles = $titles | append $args.navTitles }}{{ end -}}
         {{- range $index, $item := $titles -}}
-            {{ $show := eq $index 0}}
+            {{ $itemID := printf "%s-btn-%d" $args.id $index -}}
+            {{- $show := eq $index 0 -}}
+            {{- if $args.navShow }}{{ $show = eq $args.navShow $itemID }}{{ end -}}
+            {{- $disabled := in $args.navDisabled $itemID -}}
             <li class="nav-item" role="presentation">
                 <button
-                    class="nav-link {{ if not $wrap }} text-nowrap{{ end }}{{ if $show }} active{{ end }}"
-                    id="nav-{{ $id }}-btn-{{ $index }}"
+                    class="nav-link{{ if not $wrap }} text-nowrap{{ end }}{{ if $show }} active{{ end }}{{ if $disabled }} disabled{{ end }}"
+                    id="{{ $itemID }}"
                     data-bs-toggle="pill"
-                    data-bs-target="#{{ $id }}-{{ $index }}" 
+                    data-bs-target="#{{ $id }}-{{ $index }}"
                     type="button"
                     role="tab"
                     aria-controls="{{ $id }}-{{ $index }}"
@@ -81,49 +99,9 @@
             </li>
         {{ end -}}
     </ul>
-
-    <div class="tab-content {{ if eq $type "tabs" }}border border-bottom-0  p-3{{ else if $args.vertical }}ms-3{{ else }}mt-3{{ end }}">
-        {{- range $index, $item := $args.list -}}
-            {{- $header := $item.Title -}}
-            {-{ $body := $item.Content -}}
-            {{- $show := eq $index 0 -}}
-            {{- $thumbnail := "" -}}
-            {{- if reflect.IsMap $item.Params.Thumbnail -}}
-                {{- $thumbnail = $item.Params.Thumbnail.url -}}
-            {{- else -}}
-                {{- $thumbnail = $item.Params.Thumbnail -}}
-            {{- end -}}
-            <div
-                class="tab-pane{{ if $show }} active{{ end }}"
-                id="nav-{{ $id }}-{{ $index }}"
-                role="tabpanel"
-                aria-labelledby="{{ $id }}-btn-{{ $index }}"
-                tabindex="0"
-            >
-                {{- if eq $args.pane "persona" -}}
-                    {{- partial "assets/persona.html" (dict  
-                        "title"     $item.Title
-                        "class"     $args.class
-                        "color"     $args.color
-                        "href"      $item.Params.href
-                        "content"   (partial "utilities/GetDescription.html" (dict "page" $item))
-                        "thumbnail" $thumbnail
-                    ) -}}
-                {{- else -}}
-                    {{- $illustration := (partial "utilities/GetIllustration.html" (dict "item" $item)) -}}
-                    {{- if $illustration -}}
-                        <div class="row">
-                            <div class="col-12 col-lg-10 order-1 order-lg-0">{{- (or $item.Description $item.Content) -}}</div>
-                            <div class="col-12 col-lg-2 order-0 order-lg-1">{{ $illustration | safeHTML }}</div>
-                        </div>
-                    {{- else -}}
-                        {{- (or $item.Description $item.Content) -}}
-                    {{ end }}
-                {{- end -}}
-            </div>    
-        {{ end }}
+    </div>
+    <div class="tab-content {{ if in (slice "tabs" "callout") $type }}border p-3 bg-body {{ else if $args.vertical }}ms-3{{ else }}mt-3{{ end }}">
         {{- $args.navItems | safeHTML -}}
     </div>
-    {{- if eq $type "callout" }}</div>{{ end -}}
     {{- if $args.vertical }}</div>{{ end -}}
 </div>

layouts/_partials/assets/navbar.html

@@ -80,7 +80,7 @@
 {{ end }}
 
 {{/* Initialize global variables */}}
-{{- $padding := partial "utilities/GetPadding.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" (dict "section" "navigation") -}}
 
 {{/* Initialize local arguments */}}
 {{- $absoluteURL := site.Params.main.canonifyAssetsURLs | default false -}}
@@ -124,7 +124,8 @@
 
 {{ $logo := "" }}
 {{ with $args.logo | default site.Params.navigation.logo }}
-    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" 30) }}
+    {{ $height := index site.Params.navigation "logo-height" | default 30 }}
+    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" $height) }}
 {{ end }}
 
 {{- $pre := $args.pre -}}

layouts/_partials/assets/section-title.html

@@ -19,15 +19,16 @@
 {{- $padding := partial "utilities/GetPadding.html" -}}
 
 {{/* Initialize local arguments */}}
-{{- $size := (or $args.size site.Params.modules.bookshop.title.size) | default 4 -}}
+{{- $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" -}}
 {{- $preheading := $args.heading.preheading }}
 {{- $title := $args.heading.title }}
 {{- $width := $args.heading.width | default 12 -}}
-
-{{ if and (not $preheading) $args.useSection }}{{ $preheading = page.CurrentSection.Name }}{{ end }}
+{{- $width = cond (lt $width 12) (printf "col-12 col-%s-%d" $breakpoint.current $width) "" }}
+{{- if and (not $preheading) $args.useSection }}{{ $preheading = page.CurrentSection.Name }}{{ end -}}
+{{- $justify := cond (eq $args.justify "start") "" (cond (eq $args.justify "end") "me-0" "mx-auto") -}}
 
 {{ if site.Params.main.titleCase }}
     {{ $preheading = title $preheading }}
@@ -85,7 +86,7 @@
 }}
 
 <!-- Main code -->
-<div class="text-{{ $args.heading.align }}{{ with $args.class }} {{ . }}{{ end }}{{ if lt $width 12 }} col-12 col-{{ $breakpoint.current }}-{{ $width }}{{ end }} py-{{ $padding.y }}">
+<div class="text-{{ $args.heading.align }}{{ with $justify }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}{{ with $width }} {{ . }}{{ end }} py-{{ $padding.y }}">
     {{ 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" "" }}
+            {{ T "shareLink" " " }}
             {{- range $index, $item := $list -}}
                 {{- $url := $item.url -}}
                 {{- $url = replace $url "{url}" $page.Permalink -}}

layouts/_partials/assets/timeline.html

@@ -104,6 +104,7 @@
             "links"       $args.links
             "link-type"   (or $args.linkType $args.type)
             "arrangement" $arrangement
+            "justify"     $args.justify
         ) }}
     {{ end }}
 

layouts/_partials/assets/toc-dropdown.html

@@ -7,7 +7,7 @@
 {{ $error := false }}
 
 {{/* Initialize arguments */}}
-{{ $args := partial "utilities/InitArgs.html" (dict "structure" "toc" "args" . "group" "partial")}}
+{{ $args := partial "utilities/InitArgs.html" (dict "structure" "toc" "args" . "group" "partial") }}
 {{ if or $args.err $args.warnmsg }}
     {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
         "partial" "assets/toc.html" 
@@ -31,8 +31,8 @@
         {{- if and (not $error) (ge (len .) $minNumHeadings) }}
         <div class="d-grid gap-2 mx-auto">
             {{ partial "assets/button.html" (dict 
-                "title" (T "toc") 
-                "color"        "secondary" 
+                "title"       (T "toc") 
+                "color"       "secondary" 
                 "outline"     "true" 
                 "class"       "toc-button" 
                 "icon"        "fas sort"

layouts/_partials/page/thumbnail.html

@@ -33,10 +33,6 @@
     {{ end }}
 {{ else }}
     {{- $thumbnail = $page.Params.Thumbnail -}}
-    {{ if or $page.Params.photoCredits $page.Params.photoSource }}
-        {{ warnf "DEPRECATED: frontmatter variables `photoCredits` and `photoSource` have been deprecated in release v0.18: %s" $page.RelPermalink }}
-    {{ end }}
-    {{- if and $page.Params.photoCredits $page.Params.PhotoSource }}{{ $credits = printf (T "photoFull") $page.Params.photoCredits $page.Params.PhotoSource }}{{ end -}}
 {{- end -}}
 
 {{ if $thumbnail -}}

layouts/_partials/utilities/RenderContentBlocks.html

@@ -17,7 +17,9 @@
 
 {{/* Insert a default hero and article block (for list pages) when no content blocks are available */}}
 {{ if and .blocks (gt (len .blocks) 0 )}}
-    {{ $blocks = .blocks }}
+    {{ range $i, $b := .blocks }}
+        {{ $blocks = $blocks | append (merge (dict "_ordinal" $i) $b) }}
+    {{ end }}
 {{ else if $default }}
     {{ $err := (hasPrefix $page.LinkTitle "404") }}    
     {{ $pageTitle := $page.LinkTitle }}
@@ -35,21 +37,23 @@
 
     {{ $blocks = $blocks | append (dict 
         "_bookshop_name" "hero"
-        "heading" (dict "title" $pageTitle "align" $page.Site.Params.modules.bookshop.hero.align)
-        "breadcrumb" $breadcrumb
-        "background" (dict "backdrop" $page.Site.Params.modules.bookshop.hero.backdrop)
-        "overlay-mode" $page.Site.Params.modules.bookshop.hero.overlayMode
+        "heading"        (dict "title" $pageTitle "align" $page.Site.Params.modules.bookshop.hero.align)
+        "breadcrumb"     $breadcrumb
+        "background"     (dict "backdrop" $page.Site.Params.modules.bookshop.hero.backdrop)
+        "overlay-mode"   $page.Site.Params.modules.bookshop.hero.overlayMode
+        "justify"        "start"
     )}}
 
     {{ if eq $page.Kind "section" }}
         {{ $blocks = $blocks | append (dict 
             "_bookshop_name" "articles"
-            "hide-empty" false
-            "input" (dict "section" $page.Section "reverse" true "sort" "date" "nested" true)
-            "cols" 3
-            "padding" "0"
-            "paginate" true
-            "scroll" false
+            "hide-empty"     false
+            "input"          (dict "section" $page.Section "reverse" true "sort" "date" "nested" true)
+            "cols"           3
+            "padding"        "0"
+            "paginate"       true
+            "scroll"         false
+            "justify"        "start"
         )}}
     {{ end }}
 

layouts/_shortcodes/card.html

@@ -26,27 +26,27 @@
 {{- $class := partial "utilities/GetArgParent" (dict "page" . "arg" "class" "merge" true) -}}
 {{- $color := partial "utilities/GetArgParent" (dict "page" . "arg" "color") -}}
 {{- $description := trim .Inner " \r\n" | .Page.RenderString | safeHTML -}}
-{{- $footer := partial "utilities/GetArgParent" (dict "page" . "arg" "footer-style") | partial "utilities/GetArgParent" (dict "page" . "arg" "footer") | default "none" -}}
-{{- $gutter := partial "utilities/GetArgParent" (dict "page" . "arg" "gutter") | default "0" -}}
-{{- $header := partial "utilities/GetArgParent" (dict "page" . "arg" "header-style") | partial "utilities/GetArgParent" (dict "page" . "arg" "header") | default "full" -}}
+{{- $footer := or (partial "utilities/GetArgParent" (dict "page" . "arg" "footer-style")) (partial "utilities/GetArgParent" (dict "page" . "arg" "footer")) -}}
+{{- $gutter := partial "utilities/GetArgParent" (dict "page" . "arg" "gutter") -}}
+{{- $header := or (partial "utilities/GetArgParent" (dict "page" . "arg" "header-style")) (partial "utilities/GetArgParent" (dict "page" . "arg" "header"))  -}}
 {{- $icon := .Get "icon" -}}
-{{- $iconRounded := partial "utilities/GetArgParent" (dict "page" . "arg" "icon-rounded") | partial "utilities/GetArgParent" (dict "page" . "arg" "iconRounded") | default false -}}
-{{- $align := partial "utilities/GetArgParent" (dict "page" . "arg" "align") | default "start" -}}
-{{- $style := partial "utilities/GetArgParent" (dict "page" . "arg" "icon-style") | partial "utilities/GetArgParent" (dict "page" . "arg" "style") | default "" -}}
-{{- $subtle := partial "utilities/GetArgParent" (dict "page" . "arg" "subtle") | default false -}}
+{{- $iconRounded := or (partial "utilities/GetArgParent" (dict "page" . "arg" "icon-rounded")) (partial "utilities/GetArgParent" (dict "page" . "arg" "iconRounded")) -}}
+{{- $align := partial "utilities/GetArgParent" (dict "page" . "arg" "align") -}}
+{{- $style := or (partial "utilities/GetArgParent" (dict "page" . "arg" "icon-style")) (partial "utilities/GetArgParent" (dict "page" . "arg" "style")) -}}
+{{- $subtle := partial "utilities/GetArgParent" (dict "page" . "arg" "subtle") -}}
 {{- $loading := .Get "loading" -}}
-{{- $orientation := partial "utilities/GetArgParent" (dict "page" . "arg" "orientation") | default "stacked" -}}
-{{- $padding := partial "utilities/GetArgParent" (dict "page" . "arg" "padding") | default 3 -}}
-{{- $ratio := partial "utilities/GetArgParent" (dict "page" . "arg" "ratio") | default "" -}}
+{{- $orientation := partial "utilities/GetArgParent" (dict "page" . "arg" "orientation") -}}
+{{- $padding := partial "utilities/GetArgParent" (dict "page" . "arg" "padding") -}}
+{{- $ratio := partial "utilities/GetArgParent" (dict "page" . "arg" "ratio") -}}
 {{- $page := .Page -}}
 {{- $path := .Get "path" -}}
 {{- $thumbnail := .Get "thumbnail" -}}
 {{- $anchor := .Get "anchor" -}}
 {{- $title := .Get "title" -}}
-{{- $button := partial "utilities/GetArgParent" (dict "page" . "arg" "button") | default false -}}
-{{- $linkType := partial "utilities/GetArgParent" (dict "page" . "arg" "link-type") | partial "utilities/GetArgParent" (dict "page" . "arg" "buttonType") | default "" -}}
-{{- $cols := partial "utilities/GetArgParent" (dict "page" . "arg" "cols") | default 3 -}}
-{{- $scroll := partial "utilities/GetArgParent" (dict "page" . "arg" "scroll") | default false -}}
+{{- $button := partial "utilities/GetArgParent" (dict "page" . "arg" "button") -}}
+{{- $linkType := or (partial "utilities/GetArgParent" (dict "page" . "arg" "link-type")) (partial "utilities/GetArgParent" (dict "page" . "arg" "buttonType")) -}}
+{{- $cols := partial "utilities/GetArgParent" (dict "page" . "arg" "cols") -}}
+{{- $scroll := partial "utilities/GetArgParent" (dict "page" . "arg" "scroll") -}}
 {{- $wrapper := "" -}}
 
 {{/* Override arguments */}}
@@ -66,7 +66,6 @@
     {{ $wrapper = printf "card-block-%d p-0" $cols }}
 {{ end }}
 
-
 {{/* Main code */}}
 {{ if not $error -}}
     {{/* Render card */}}

layouts/_shortcodes/file.html

@@ -73,7 +73,7 @@
     </ul>
     <div class="border-start border-end border-bottom mb-3">
         <div class="collapse multi-{{ $id }}{{ if $args.show }} show{{ end }} syntax-highlight" id="body-{{ $id }}">
-            {{- highlight (trim $content "\r\n") $lang $args.options -}}
+            {{- highlight (trim $content "\r\n") $lang (or $args.highlightOptions $args.options) -}}
         </div>
         <div class="collapse multi-{{ $id }}{{ if not $args.show }} show{{ end }} p-3" id="footer-{{ $id }}">
             <a class="nav-link active" 

layouts/_shortcodes/kbd.html

@@ -21,7 +21,7 @@
 {{- end -}}
 
 {{/* Initialize local arguments */}}
-{{- $text := or $args.text $args.title }}
+{{- $text := trim (or $args.text $args.title) " \n\r" }}
 {{- if not $text -}}
     {{- partial "utilities/LogErr.html" (dict 
         "partial"  "shortcodes/kbd.html" 
@@ -36,6 +36,6 @@
 {{/* Main code */}}
 {{- if not $error }}
     <kbd {{ if or $args.color $args.class }}class="{{ with $args.color }}text-bg-{{ . }} {{ end }}{{ $args.class }}"{{ end }}>
-        {{ $text | plainify }}
+        {{- $text -}}
     </kbd>
 {{ end -}}

layouts/_shortcodes/nav-item.html

@@ -30,6 +30,8 @@
     {{- if isset .Parent.Params "fade" }}{{ $parentFade = partial "utilities/CastBool.html" (.Parent.Get "fade") }}{{ end -}}
     {{- $fade = or $fade $parentFade -}}
     {{- $title := or $args.title $args.header -}}
+    {{- $itemID := printf "%s-btn-%d" $parent $id }}
+    {{- $disabledID := cond $args.disabled $itemID "" }}
     {{- $body := trim .Inner " \r\n" -}}
     {{- $current := "" -}}
 
@@ -49,15 +51,19 @@
 
     {{- $current := .Parent.Scratch.Get "inner" -}}
     {{- $titles := .Parent.Scratch.Get "inner-title" -}}
+    {{- $disabled := .Parent.Scratch.Get "inner-disabled" -}}
+    {{- if $args.show }}{{ .Parent.Scratch.Set "inner-show" $itemID }}{{ end -}}
     {{- if $current -}}
         {{- .Parent.Scratch.Set "inner" (print $current $output) -}}
         {{- .Parent.Scratch.Set "inner-title" ($titles | append $title) -}}
+        {{- .Parent.Scratch.Set "inner-disabled" ($disabled | append $disabledID) -}}
     {{- else -}}
         {{- .Parent.Scratch.Set "inner" $output -}}
         {{- .Parent.Scratch.Set "inner-title" (slice $title) -}}
+        {{- .Parent.Scratch.Set "inner-disabled" (slice $disabledID) -}}
     {{- end }}
 
-    {{- $alternative := partial "assets/nav-item" (dict 
+    {{- $alternative := partial "assets/nav-item.html" (dict 
         "page"         .Page
         "id"           $id
         "parent-id"    $parent

layouts/_shortcodes/nav.html

@@ -19,6 +19,8 @@
 
 {{- $inner := .Scratch.Get "inner" -}}
 {{- $innerTitles := .Scratch.Get "inner-title" -}}
+{{- $innerDisabled := .Scratch.Get "inner-disabled" -}}
+{{- $innerShow := .Scratch.Get "inner-show" -}}
 {{- $input := trim .Inner " \r\n" -}}
 {{- if $input -}}
     {{- $input = replace $input "\n" "\n  " -}}
@@ -28,17 +30,19 @@
 {{/* Main code */}}
 {{- if not $args.err -}}
     {{- partial "assets/nav.html" (dict 
-        "id"         (or $args.id (printf "nav-%d" .Ordinal))
-        "page"       .Page
-        "list"       $args.list
-        "nav-items"  $inner
-        "nav-titles" $innerTitles
-        "tab-type"   (or $args.tabType $args.type)
-        "vertical"   $args.vertical
-        "word-wrap"  $args.wordWrap
-        "class"      $args.class
-        "pane"       $args.pane
-        "width"      $args.width
+        "id"           (or $args.id (printf "nav-%d" .Ordinal))
+        "page"         .Page
+        "list"         $args.list
+        "nav-items"    $inner
+        "nav-titles"   $innerTitles
+        "nav-disabled" $innerDisabled
+        "nav-show"     $innerShow
+        "tab-type"     (or $args.tabType $args.type)
+        "vertical"     $args.vertical
+        "word-wrap"    $args.wordWrap
+        "class"        $args.class
+        "pane"         $args.pane
+        "width"        $args.width
         ) 
     -}}
 {{- end -}}

layouts/body.html

@@ -1,3 +1,3 @@
-{{- partial "single/thumbnail.html" (dict "page" . "wrapper" "mb-5") -}}
+{{- partial "page/thumbnail.html" (dict "page" . "wrapper" "mb-5") -}}
 
 {{ partial "utilities/ProcessContent" (dict "page" .Page "raw" .RawContent) }}

layouts/header.html

@@ -27,9 +27,10 @@
         {{ if .Date }}
             {{ $lastmodstr := (partial "utilities/date.html" (dict "date" .Lastmod "format" "long")) -}}
             {{ $datestr := (partial "utilities/date.html" (dict "date" .Date "format" "long")) -}}
-            {{ $datestr | i18n "postedOnDate" -}}
-            {{ if eq $metadata "full" }}
-                {{ if ne $datestr $lastmodstr -}} ({{ $lastmodstr | i18n "lastModified" }}){{ end }}
+            {{ if gt .Lastmod .Date }}
+                {{ $lastmodstr | i18n "lastModified" }}
+            {{ else }}
+                {{ $datestr | i18n "postedOnDate" -}}
             {{ end }}
             •
         {{ end }}

layouts/single.html

@@ -1,7 +1,7 @@
 {{ define "main" -}}
     {{- $breakpoint := $.Scratch.Get "breakpoint" -}}
-    {{- $sidebar := partial "body/sidebar" . -}}
-    {{- $toc := partial "body/panel-toc" . -}}
+    {{- $sidebar := partial "page/sidebar" . -}}
+    {{- $toc := partial "page/panel-toc" . -}}
 
     {{ with $sidebar }}
         <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvass-sidebar" aria-labelledby="offcanvas-label">

netlify.toml

@@ -4,12 +4,12 @@
   publish = 'exampleSite/public'
 
   [build.environment]
-    DART_SASS_VERSION = '1.78.0'
+    DART_SASS_VERSION = '1.89.2'
     HUGO_ENABLEGITINFO = 'true'
     HUGO_ENV = 'production'
-    HUGO_VERSION = '0.134.1'
-    NODE_VERSION = '20.17.0'
-    NPM_VERSION = '10.8.2'
+    HUGO_VERSION = '0.147.9'
+    NODE_VERSION = '22.13.0'
+    NPM_VERSION = '10.9.2'
 
 [context]
   [context.branch-deploy]
@@ -39,17 +39,17 @@
     Access-Control-Allow-Origin = '*'
     Content-Security-Policy = """
         base-uri 'self'; \
-        connect-src 'self' *.cookieyes.com cdn-cookieyes.com *.google-analytics.com *.analytics.google.com *.googletagmanager.com; \
+        connect-src 'self' *.analytics.google.com *.google.com *.google-analytics.com *.googletagmanager.com; \
         default-src 'none'; \
-        font-src 'self' fonts.gstatic.com; \
+        font-src 'self' fonts.gstatic.com data:; \
         form-action 'self'; \
-        frame-src player.cloudinary.com www.youtube-nocookie.com www.youtube.com player.vimeo.com; \
-        img-src 'self' cdn-cookieyes.com *.google-analytics.com *.googletagmanager.com data: *.imgix.net *.imagekit.io *.cloudinary.com i.ytimg.com tile.openstreetmap.org i.vimeocdn.com; \
+        frame-src *.googletagmanager.com player.cloudinary.com www.youtube-nocookie.com www.youtube.com player.vimeo.com; \
+        img-src 'self' *.google-analytics.com *.googletagmanager.com googletagmanager.com ssl.gstatic.com www.gstatic.com data: *.imgix.net *.imagekit.io *.cloudinary.com i.ytimg.com tile.openstreetmap.org i.vimeocdn.com; \
         manifest-src 'self'; \
         media-src 'self'; \
         object-src 'none'; \
-        script-src 'self' cdn-cookieyes.com *.google-analytics.com *.googletagmanager.com player.vimeo.com; \
-        style-src 'self' 'unsafe-inline' www.youtube.com; \
+        script-src 'self' *.google-analytics.com *.googletagmanager.com *.analytics.google.com googletagmanager.com tagmanager.google.com player.vimeo.com; \
+        style-src 'self' googletagmanager.com tagmanager.google.com fonts.googleapis.com www.youtube.com; \
         """
     Permissions-Policy = 'geolocation=(), midi=(), sync-xhr=(), microphone=(), camera=(), magnetometer=(), gyroscope=(), fullscreen=(), payment=() '
     Referrer-Policy = 'strict-origin'
@@ -59,23 +59,3 @@
     X-XSS-Protection = '1; mode=block'
     cache-control = 'max-age=0, no-cache, no-store, must-revalidate '
 
-[[redirects]]
-  from = '/fr/*'
-  status = 404
-  to = '/fr/404.html'
-
-[[redirects]]
-  from = '/nl/*'
-  status = 404
-  to = '/nl/404.html'
-
-[[redirects]]
-  from = '/en/*'
-  status = 404
-  to = '/en/404.html'
-
-[[redirects]]
-  from = '/*'
-  status = 404
-  to = '/en/404.html'
-

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gethinode/hinode",
-  "version": "1.0.0-beta2",
+  "version": "0.0.0-semantically-released",
   "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
   "keywords": [
     "hugo",
@@ -12,6 +12,7 @@
     "documentation"
   ],
   "main": "index.js",
+  "private": true,
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +29,7 @@
     "build:example": "npm run -s prebuild && hugo --gc --minify -s exampleSite",
     "build:example:ci": "npm run -s prebuild && hugo --gc --minify -s exampleSite -e ci",
     "build:debug": "hugo -e debug --debug",
-    "build:headers": "hugo --renderSegments headers -d prebuild && cpy prebuild/server.toml config/_default/ --flat",
+    "build:headers": "hugo --renderSegments headers -d prebuild-headers -e headers && cpy prebuild-headers/netlify.toml ./ --flat && cpy prebuild-headers/server.toml config/_default/ --flat",
     "build:example:headers": "hugo -s exampleSite --renderSegments headers -d prebuild && cpy exampleSite/prebuild/netlify.toml ./ --flat && cpy exampleSite/prebuild/server.toml exampleSite/config/_default/ --flat",
     "build:preview": "npm run build -D -F",
     "clean:public": "rimraf public exampleSite/public",
@@ -44,6 +45,7 @@
     "test": "npm run -s lint",
     "env": "hugo env",
     "precheck": "npm version",
+    "prepare": "node .husky/install.mjs",
     "check": "hugo version",
     "create:syntax": "npm-run-all update:syntax:**",
     "update:syntax:light1": "hugo gen chromastyles --style=github > ./assets/scss/components/_syntax-light.scss",
@@ -73,22 +75,30 @@
     "autoprefixer": "^10.4.21",
     "cssnano": "^7.0.7",
     "cssnano-preset-advanced": "^7.0.7",
-    "hugo-bin": "0.144.8",
+    "hugo-bin": "0.144.9",
     "purgecss-whitelister": "^2.4.0"
   },
   "devDependencies": {
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
     "@gethinode/netlify-plugin-dartsass": "^0.3.0",
+    "@semantic-release/exec": "^7.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "commitizen": "^4.3.1",
     "cpy-cli": "^5.0.0",
-    "eslint": "^9.29.0",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^9.30.1",
+    "husky": "^9.1.7",
     "markdownlint-cli2": "^0.18.1",
-    "neostandard": "^0.12.1",
+    "neostandard": "^0.12.2",
     "netlify-plugin-hugo-cache-resources": "^0.2.1",
     "npm-run-all": "^4.1.5",
     "postcss-cli": "^11.0.1",
     "replace-in-files-cli": "^3.0.0",
     "rimraf": "^6.0.1",
+    "semantic-release": "^24.2.6",
     "shx": "^0.4.0",
-    "stylelint": "^16.21.0",
+    "stylelint": "^16.21.1",
     "stylelint-config-standard-scss": "^15.0.1"
   },
   "optionalDependencies": {
@@ -98,5 +108,35 @@
   },
   "hugo-bin": {
     "buildTags": "extended"
+  },
+  "release": {
+    "branches": "main",
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/github",
+      [
+        "@semantic-release/exec",
+        {
+          "prepare": "npm install"
+        }
+      ],
+      [
+        "@semantic-release/git",
+        {
+          "assets": [
+            "dist",
+            "package.json",
+            "package-lock.json"
+          ],
+          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
+        }
+      ]
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   }
 }