Merge pull request #1498 from gethinode/develop

Develop

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())
+    }
+  })
+})

component-library/bookshop.scss

@@ -5,6 +5,7 @@
 @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/articles/articles.hugo.html

@@ -62,6 +62,7 @@
 
 <!-- Main code -->
 {{ if not $error }}
+	{{ if or (gt (len $pages) 0) (not $args.hideEmpty) }}
 		{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
 
 		{{ $partial := "assets/card-group.html" }}
@@ -103,5 +104,11 @@
 				"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 }}
 {{ end }}

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/helpers/component.html

@@ -36,6 +36,7 @@
     {{- $style := index $component_props "wrapper" -}}
     {{- $width := index $component_props "width" -}}
     {{- $justify := index $component_props "justify" | default "start" -}}
+    {{- $paddingOuter := cond (ne $component_name "separator") (printf "px-xxl-0 px-%d py-0" $padding.x) "" -}}
     {{- $padding := cond (ne $component_name "separator") (printf "px-%d %spy-%d" $padding.x (cond $fluid "px-xxl-0 " "") $padding.y) "" -}}
     {{- $wrapper := $style }}
     {{ with $background }}
@@ -44,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-{{ cond $fluid "fluid" "xxl" }} {{ $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 -}}
@@ -62,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 }}
@@ -75,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

@@ -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

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

@@ -22,6 +22,8 @@ arguments:
     release: v1.0.0
   class:
   pane:
+  responsive:
+    release: v1.4.0
   width:
     default: 12
     group: partial

exampleSite/config/_default/params.toml

@@ -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/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/hugo_stats.json

@@ -233,6 +233,9 @@
       "fa-activity",
       "fa-address-card",
       "fa-angle-left",
+      "fa-angle-right",
+      "fa-angles-left",
+      "fa-angles-right",
       "fa-arrow-left",
       "fa-arrow-right",
       "fa-bootstrap",
@@ -248,6 +251,7 @@
       "fa-face-frown",
       "fa-facebook",
       "fa-fluid",
+      "fa-folder",
       "fa-fw",
       "fa-github",
       "fa-globe",
@@ -382,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",
@@ -410,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",
@@ -486,6 +499,7 @@
       "table-border-bottom-wrap",
       "table-responsive-md",
       "table-wrap",
+      "tabs-dropdown",
       "tag-link",
       "text-",
       "text-bg-body-tertiary",
@@ -585,6 +599,7 @@
       "button",
       "button-group",
       "c4-diagram",
+      "callout",
       "card",
       "card-group",
       "carousel",
@@ -606,12 +621,40 @@
       "data-tables",
       "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",
+      "examples",
       "exemple",
       "fa-address-card",
       "fa-face-frown",
+      "fa-folder",
       "fa-square-check",
       "fab-bootstrap",
       "fab-docker",
@@ -621,16 +664,39 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-9ef13ff2bd73b0e328491bd048c7a1ef",
-      "faq-9ef13ff2bd73b0e328491bd048c7a1ef-heading-faq-9ef13ff2bd73b0e328491bd048c7a1ef",
-      "faq-9ef13ff2bd73b0e328491bd048c7a1ef-item-0",
-      "faq-9ef13ff2bd73b0e328491bd048c7a1ef-item-1",
-      "faq-9ef13ff2bd73b0e328491bd048c7a1ef-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-chevron-right",
@@ -659,6 +725,7 @@
       "fichier",
       "fil-dariane",
       "file",
+      "first-panel",
       "flowchart",
       "footer-docs-collapse-15",
       "footer-docs-collapse-16",
@@ -711,6 +778,31 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
+      "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",
@@ -719,8 +811,159 @@
       "navigation",
       "notification",
       "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",
+      "pills",
       "projecten",
       "projects",
       "projets",
@@ -730,6 +973,7 @@
       "release",
       "requirement-chart",
       "réduire",
+      "second-panel",
       "security",
       "sequence-diagram",
       "spinner",
@@ -738,6 +982,8 @@
       "sup",
       "sécurité",
       "table",
+      "tabs",
+      "third-panel",
       "third-party-links--use-of-your-information",
       "timeline",
       "title",
@@ -751,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.9.2 // 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

@@ -458,6 +458,10 @@ github.com/gethinode/mod-utils/v4 v4.9.1 h1:9D2AJcrlS5r2moHEoo70GrNBmq1pJHd9oT4G
 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=

layouts/_partials/assets/contact.html

@@ -51,7 +51,7 @@
 
     {{ partial "assets/hero.html"  (dict
         "page"         $args.page
-        "heading"      $heading
+        "heading"      (merge $heading (dict "size" 6))
         "background"   $args.background
         "illustration" $illustration 
         "order"        $args.order

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 }}

layouts/_partials/assets/hero.html

@@ -114,7 +114,6 @@
     {{ $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"

layouts/_partials/assets/nav-item.html

@@ -72,7 +72,7 @@
                 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 -}}
@@ -82,9 +82,9 @@
             role="tabpanel"
             aria-labelledby="{{ $parentID }}-btn-{{ $args.id }}"
             tabindex="0"
-            data-has-content="{{ gt (len $args.body) 0 }}"
+            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 -}}

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,46 +42,38 @@
     {{- $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"     $item.disabled
-                        "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 -}}
@@ -84,49 +99,9 @@
             </li>
         {{ end -}}
     </ul>
-
-    <div class="tab-content {{ if eq $type "tabs" }}border 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 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,7 +19,7 @@
 {{- $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" -}}

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 }}

package.json

@@ -90,7 +90,7 @@
     "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",
@@ -98,7 +98,7 @@
     "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": {