Merge pull request #1593 from gethinode/develop

fix: improve layout of bitmap logos in navbar

.github/codeql/codeql-config.yml

@@ -4,5 +4,6 @@ paths-ignore:
   - '**/vendor'
   - '**/critical/languageSelector.js'
   - '**/critical/color.js'
+  - '**/clipboard.js'
   - '**/navbar.js'
   - '**/sharing.js'

assets/scss/common/_styles.scss

@@ -151,3 +151,17 @@ $utilities: map-merge(
         )
     )
 );
+
+.width-100 {
+    width: 100%;
+}
+
+$utilities: (
+  "width": (
+    property: width,
+    responsive: true,
+    values: (
+      auto: auto
+    )
+  )
+);

assets/scss/components/_navbar.scss

@@ -104,20 +104,27 @@
     margin: 0 .15rem;
 }
 
-.navbar-title {
+.navbar-title, .navbar-title-center, .navbar-title-start {
     display: inline-block;
     white-space: normal;
-    text-align: center !important;
     vertical-align: middle;
     padding: 0 $spacer;
     width: 100% !important;
 }
 
+.navbar-title, .navbar-title-center {
+    text-align: center !important;
+}
+
 .navbar-contrast .nav-link.active, .navbar-contrast .nav-link.show, .navbar-contrast .nav-link:hover {
     border-bottom: solid 1px var(--bs-navbar-hover-color);
     margin-bottom: -1px;
 }
 
+.navbar-brand {
+    margin-right: 0;
+}
+
 .navbar-contrast {
     --bs-navbar-color: white !important;
     --bs-navbar-hover-color: white !important;
@@ -125,7 +132,7 @@
     --bs-navbar-active-color: white !important;
     --bs-navbar-toggler-color: white;
 
-    .navbar-title, .mode-switch {
+    .navbar-title, .navbar-brand, .mode-switch {
         --#{$prefix}border-color: white;
 
         color: white !important;
@@ -177,6 +184,7 @@
 .navbar .nav-item {
     display: flex;
     align-items: center;
+    white-space: nowrap;
 }
 
 .navbar-collapse .dropdown {
@@ -287,13 +295,10 @@
 }
 
 .navbar-container {
+    min-height: calc(2rem + 10px);
     width: 100% !important;
 }
 
-.navbar-brand {
-    margin-right: 0;
-}
-
 @include media-breakpoint-up(#{$navbar-size}) {
     :root {
         --navbar-offset: #{$navbar-offset};

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

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

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

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

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

@@ -49,9 +49,13 @@
 {{ $moreButton := site.Params.modules.bookshop.articles.moreButton | default false }}
 {{ $moreTitle := T "more" (pluralize $args.input.section) }}
 {{ $moreLink := $args.input.section }}
+{{ $moreType := "button" }}
+{{ $moreIcon := "" }}
 {{ with $args.more }}
 	{{ if .title }}{{ $moreTitle = .title }}{{ end }}
 	{{ if .link }}{{ $moreLink = .link }}{{ end }}
+	{{ if index . "link-type" }}{{ $moreType = index . "link-type" }}{{ end }}
+	{{ if .icon }}{{ $moreIcon = .icon }}{{ end }}
 {{ end }}
 
 {{ $paginate := $args.paginate }}
@@ -76,15 +80,13 @@
 		{{ $partial := "assets/card-group.html" }}
 		{{ $params := dict }}
 		{{- $params = merge $params (dict
-			"page"         page
+			"page"           page
-			"list"         $pages
+			"list"           $pages
-			"limit"        $args.limit
+			"cols"           $args.cols
-			"cols"         $args.cols
+			"limit"          $args.limit
-			"icon-rounded" $args.iconRounded
+			"padding"        $args.padding
-			"icon-style"   $args.iconStyle
+			"href"           (cond $moreButton $moreLink "")
-			"href"         (cond $moreButton $moreLink "")
+			"href-force"     (gt $result.total (len $result.pages))
-			"href-title"   (cond $moreButton $moreTitle "")
-			"href-force"   (gt $result.total (len $result.pages))
 		)}}
 
 		{{ if $args.scroll }}
@@ -94,22 +96,26 @@
 				"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
+				"header-style"   $args.headerStyle
-				"footer-style" $args.footerStyle
+				"body-style"     $args.bodyStyle
-				"padding"      $args.padding
+				"footer-style"   $args.footerStyle
-				"class"        (or $args.class "border-0")
+				"class"          (or $args.class "border-0")
-				"align"        "start"
+				"align"          "start"
-				"orientation"  $args.orientation
+				"orientation"    $args.orientation
-				"hook"         "assets/live-card.html"
+				"href-title"     (cond $moreButton $moreTitle "")
-				"pagination"   $args.pagination
+				"icon-rounded"   $args.iconRounded
-				"paginate"     $paginate
+				"icon-style"     $args.iconStyle
+				"hook"           "assets/live-card.html"
+				"more-link-type" $moreType
+				"more-link-icon" $moreIcon
+				"pagination"     $args.pagination
+				"paginate"       $paginate
 			) -}}
 		{{ end }}
 		{{ if gt (len $pages) 0 }}

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

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

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

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

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

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

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

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

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

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

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

@@ -36,7 +36,7 @@
         "page"          page
         "heading"       (dict "content" $element.content "width" 8)
         "background"    $args.background
-        "illustration"  (dict "ratio" $args.ratio "icon" $element.icon "image" $element.image "mode" $element.mode)
+        "illustration"  (dict "ratio" $args.ratio "icon" $element.icon "image" $element.image "mode" $element.mode "justify" "end")
 		"order"         $args.order
         "link-type"     $args.linkType
         "links"         $args.links

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

@@ -24,5 +24,6 @@ blueprint:
   width:
   justify:
   data:
+  fluid:
   theme:
   cover:

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

@@ -42,6 +42,7 @@ blueprint:
   border:
   width:
   justify:
+  fluid:
   theme:
   cover:
 

config/_default/params.toml

@@ -88,6 +88,8 @@
 [navigation]
     anchor = true
     logo = "/img/logo_icon.svg"
+    logo-mode = false
+    logo-align = "center"
     logo-height = 30
     color = "body"
     fixed = true

data/structures/card-group.yml

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

data/structures/hero.yml

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

data/structures/navbar.yml

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

data/structures/sharing.yml

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

data/structures/stack.yml

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

exampleSite/config/_default/params.toml

@@ -41,6 +41,8 @@
 [navigation]
     anchor = true
     logo = "/img/logo_icon.svg"
+    logo-mode = false
+    logo-align = "center"
     logo-height = 30
     color = "body"
     fixed = true

exampleSite/hugo_stats.json

@@ -221,6 +221,7 @@
       "disabled",
       "display-1",
       "display-4",
+      "display-4pt-1",
       "display-6",
       "docs",
       "docs-controls",
@@ -245,6 +246,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",
@@ -429,6 +433,7 @@
       "navbar-mode-selector",
       "navbar-nav",
       "navbar-nav-scroll",
+      "navbar-title-center",
       "navbar-toggler",
       "next",
       "no-js",
@@ -597,10 +602,13 @@
       "visually-hidden",
       "vr",
       "w-100",
-      "w-50"
+      "w-50",
+      "width-100",
+      "width-md-auto"
     ],
     "ids": [
       "abbr",
+      "about",
       "accordion",
       "accordion-0",
       "accordion-0-heading-0",
@@ -612,11 +620,15 @@
       "accordéon",
       "alert",
       "alerte",
+      "ander-project",
       "animatie",
       "animation",
+      "another-project",
       "args",
       "arguments",
+      "articles",
       "articles-de-blog",
+      "autre-projet",
       "background-type",
       "badge",
       "barre-de-navigation",
@@ -626,6 +638,7 @@
       "body-docs-collapse-15",
       "body-docs-collapse-16",
       "body-file-collapse-1",
+      "bootstrap-elements",
       "bouton",
       "breadcrumb",
       "btnTOCShowLess",
@@ -636,6 +649,7 @@
       "callout",
       "card",
       "card-group",
+      "cards",
       "carousel",
       "carousel-0",
       "carrousel",
@@ -648,24 +662,38 @@
       "command-prompt",
       "comment-nous-partageons-vos-informations",
       "comment-utilisons-nous-les-cookies-",
+      "componenten",
+      "components",
+      "composents",
       "container",
       "content-blocks",
+      "cookie-policy",
       "cookies-etc",
+      "cta",
       "custom-activity",
       "data-tables",
+      "derde-artikel",
+      "deuxième-article",
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-0626353d67dd97b71dc37553482cd9d9",
+      "dropdown-panel-061524bba81f197181a032e904983272",
-      "dropdown-panel-9fe1f1ca588465dc433150e9776e7c55",
+      "dropdown-panel-0c0ddda05d377af1c0cee87f7c85da67",
-      "dropdown-panel-bc0ea07878926f7156a5c3a3f7a97fc0",
+      "dropdown-panel-3c6a067cd80a10d3707200fc8fb84bb3",
-      "dropdown-panel-e96f22e4624ab2759fea46df2ded1460",
+      "dropdown-panel-4b12c0f69625cb352e0aa7d846f960d8",
-      "dropdown-panel-ee06c704eca15cd76c8e2fe77d29f364",
+      "dropdown-panel-6906624fe967e8dffbf4c3446a9e2385",
+      "dropdown-panel-7351d1dc85bcedcd74309f25472b7548",
+      "dropdown-panel-7784dd257dba6ab662963774a7bea03d",
+      "dropdown-panel-c62f4eeaa4277d5c14c486d5c8623ae1",
+      "dropdown-panel-cfcc43cbefc204c3c8c7487ef6347c27",
+      "dropdown-panel-d29649da522407a082335b726b32951c",
+      "eerste-artikel",
       "elements-type",
       "entity-relationship-diagram",
       "example",
       "examples",
       "exemple",
+      "exemple-de-projet",
       "fa-address-card",
       "fa-face-frown",
       "fa-folder",
@@ -678,16 +706,25 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-1f62d0a5dfb896dda297f80fdd1c539c",
+      "faq",
-      "faq-1f62d0a5dfb896dda297f80fdd1c539c-heading-faq-1f62d0a5dfb896dda297f80fdd1c539c",
+      "faq-b52462b6a4b2180e01ad67bc52618161",
-      "faq-1f62d0a5dfb896dda297f80fdd1c539c-item-0",
+      "faq-b52462b6a4b2180e01ad67bc52618161-heading-faq-b52462b6a4b2180e01ad67bc52618161",
-      "faq-1f62d0a5dfb896dda297f80fdd1c539c-item-1",
+      "faq-b52462b6a4b2180e01ad67bc52618161-item-0",
-      "faq-1f62d0a5dfb896dda297f80fdd1c539c-item-2",
+      "faq-b52462b6a4b2180e01ad67bc52618161-item-1",
+      "faq-b52462b6a4b2180e01ad67bc52618161-item-2",
+      "faq-f38df4740b059c9b2b0e1b696e843ede",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-heading-faq-f38df4740b059c9b2b0e1b696e843ede",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-item-0",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-item-1",
+      "faq-f38df4740b059c9b2b0e1b696e843ede-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
       "fas-address-card",
       "fas-angle-left",
+      "fas-angle-right",
+      "fas-angles-left",
+      "fas-angles-right",
       "fas-arrow-left",
       "fas-arrow-right",
       "fas-chevron-right",
@@ -719,12 +756,14 @@
       "fichier",
       "fil-dariane",
       "file",
+      "first-post",
       "flowchart",
       "footer-docs-collapse-15",
       "footer-docs-collapse-16",
       "footer-file-collapse-1",
       "formula-katex",
       "formule-katex",
+      "fourth-post-excluded-from-search",
       "gantt-diagram",
       "gegevenstabellen",
       "git-graph",
@@ -733,6 +772,7 @@
       "gérer-les-préférences-des-cookies",
       "heading",
       "heading-type",
+      "hero",
       "horizontal-cards-with-an-icon",
       "horizontal-cards-with-an-image",
       "how-do-we-use-cookies",
@@ -741,6 +781,7 @@
       "illustration-type",
       "image",
       "imagekitio",
+      "images-locales-et-distantes",
       "imgix",
       "indicateur-de-chargement",
       "infobulle",
@@ -757,6 +798,7 @@
       "liens-vers-des-tiers-et-utilisation-de-vos-informations",
       "link",
       "links-type",
+      "local-and-remote-images",
       "lottie-animation-0",
       "manage-cookie-preferences",
       "map",
@@ -773,11 +815,16 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-0626353d67dd97b71dc37553482cd9d9",
+      "nav-panel-061524bba81f197181a032e904983272",
-      "nav-panel-9fe1f1ca588465dc433150e9776e7c55",
+      "nav-panel-0c0ddda05d377af1c0cee87f7c85da67",
-      "nav-panel-bc0ea07878926f7156a5c3a3f7a97fc0",
+      "nav-panel-3c6a067cd80a10d3707200fc8fb84bb3",
-      "nav-panel-e96f22e4624ab2759fea46df2ded1460",
+      "nav-panel-4b12c0f69625cb352e0aa7d846f960d8",
-      "nav-panel-ee06c704eca15cd76c8e2fe77d29f364",
+      "nav-panel-6906624fe967e8dffbf4c3446a9e2385",
+      "nav-panel-7351d1dc85bcedcd74309f25472b7548",
+      "nav-panel-7784dd257dba6ab662963774a7bea03d",
+      "nav-panel-c62f4eeaa4277d5c14c486d5c8623ae1",
+      "nav-panel-cfcc43cbefc204c3c8c7487ef6347c27",
+      "nav-panel-d29649da522407a082335b726b32951c",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -785,50 +832,91 @@
       "navbar-sample-collapse",
       "navigation",
       "notification",
+      "over-mij",
       "overview",
-      "panel-0626353d67dd97b71dc37553482cd9d9-0",
+      "panel-061524bba81f197181a032e904983272-0",
-      "panel-0626353d67dd97b71dc37553482cd9d9-1",
+      "panel-061524bba81f197181a032e904983272-1",
-      "panel-0626353d67dd97b71dc37553482cd9d9-2",
+      "panel-061524bba81f197181a032e904983272-2",
-      "panel-0626353d67dd97b71dc37553482cd9d9-btn-0",
+      "panel-061524bba81f197181a032e904983272-btn-0",
-      "panel-0626353d67dd97b71dc37553482cd9d9-btn-1",
+      "panel-061524bba81f197181a032e904983272-btn-1",
-      "panel-0626353d67dd97b71dc37553482cd9d9-btn-2",
+      "panel-061524bba81f197181a032e904983272-btn-2",
-      "panel-9fe1f1ca588465dc433150e9776e7c55-0",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-0",
-      "panel-9fe1f1ca588465dc433150e9776e7c55-1",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-1",
-      "panel-9fe1f1ca588465dc433150e9776e7c55-2",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-2",
-      "panel-9fe1f1ca588465dc433150e9776e7c55-btn-0",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-btn-0",
-      "panel-9fe1f1ca588465dc433150e9776e7c55-btn-1",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-btn-1",
-      "panel-9fe1f1ca588465dc433150e9776e7c55-btn-2",
+      "panel-0c0ddda05d377af1c0cee87f7c85da67-btn-2",
-      "panel-bc0ea07878926f7156a5c3a3f7a97fc0-0",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-0",
-      "panel-bc0ea07878926f7156a5c3a3f7a97fc0-1",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-1",
-      "panel-bc0ea07878926f7156a5c3a3f7a97fc0-2",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-2",
-      "panel-bc0ea07878926f7156a5c3a3f7a97fc0-btn-0",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-btn-0",
-      "panel-bc0ea07878926f7156a5c3a3f7a97fc0-btn-1",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-btn-1",
-      "panel-bc0ea07878926f7156a5c3a3f7a97fc0-btn-2",
+      "panel-3c6a067cd80a10d3707200fc8fb84bb3-btn-2",
-      "panel-e96f22e4624ab2759fea46df2ded1460-0",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-0",
-      "panel-e96f22e4624ab2759fea46df2ded1460-1",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-1",
-      "panel-e96f22e4624ab2759fea46df2ded1460-2",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-2",
-      "panel-e96f22e4624ab2759fea46df2ded1460-btn-0",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-btn-0",
-      "panel-e96f22e4624ab2759fea46df2ded1460-btn-1",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-btn-1",
-      "panel-e96f22e4624ab2759fea46df2ded1460-btn-2",
+      "panel-4b12c0f69625cb352e0aa7d846f960d8-btn-2",
-      "panel-ee06c704eca15cd76c8e2fe77d29f364-0",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-0",
-      "panel-ee06c704eca15cd76c8e2fe77d29f364-1",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-1",
-      "panel-ee06c704eca15cd76c8e2fe77d29f364-2",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-2",
-      "panel-ee06c704eca15cd76c8e2fe77d29f364-btn-0",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-btn-0",
-      "panel-ee06c704eca15cd76c8e2fe77d29f364-btn-1",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-btn-1",
-      "panel-ee06c704eca15cd76c8e2fe77d29f364-btn-2",
+      "panel-6906624fe967e8dffbf4c3446a9e2385-btn-2",
+      "panel-7351d1dc85bcedcd74309f25472b7548-0",
+      "panel-7351d1dc85bcedcd74309f25472b7548-1",
+      "panel-7351d1dc85bcedcd74309f25472b7548-2",
+      "panel-7351d1dc85bcedcd74309f25472b7548-btn-0",
+      "panel-7351d1dc85bcedcd74309f25472b7548-btn-1",
+      "panel-7351d1dc85bcedcd74309f25472b7548-btn-2",
+      "panel-7784dd257dba6ab662963774a7bea03d-0",
+      "panel-7784dd257dba6ab662963774a7bea03d-1",
+      "panel-7784dd257dba6ab662963774a7bea03d-2",
+      "panel-7784dd257dba6ab662963774a7bea03d-btn-0",
+      "panel-7784dd257dba6ab662963774a7bea03d-btn-1",
+      "panel-7784dd257dba6ab662963774a7bea03d-btn-2",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-0",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-1",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-2",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-btn-0",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-btn-1",
+      "panel-c62f4eeaa4277d5c14c486d5c8623ae1-btn-2",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-0",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-1",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-2",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-btn-0",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-btn-1",
+      "panel-cfcc43cbefc204c3c8c7487ef6347c27-btn-2",
+      "panel-d29649da522407a082335b726b32951c-0",
+      "panel-d29649da522407a082335b726b32951c-1",
+      "panel-d29649da522407a082335b726b32951c-2",
+      "panel-d29649da522407a082335b726b32951c-btn-0",
+      "panel-d29649da522407a082335b726b32951c-btn-1",
+      "panel-d29649da522407a082335b726b32951c-btn-2",
+      "panels",
       "persona",
       "pie-chart",
       "pills",
+      "politique-de-confidentialité",
+      "politique-de-cookies",
+      "premier-article",
+      "privacy-policy",
       "projecten",
       "projects",
       "projets",
       "publication",
       "quadrant-chart",
+      "quatrième-article-exclu-de-la-recherche",
       "que-sont-les-cookies-",
       "release",
+      "releases",
       "requirement-chart",
       "réduire",
+      "sample-project",
+      "second-post",
       "security",
+      "separator",
       "sequence-diagram",
       "shortcode-with-controls-and-frontmatter",
       "spinner",
@@ -841,6 +929,7 @@
       "table",
       "tabs",
       "third-party-links--use-of-your-information",
+      "third-post",
       "timeline",
       "title",
       "toast",
@@ -852,19 +941,26 @@
       "toc-collapse",
       "toc-collapse-items",
       "tooltip",
+      "troisième-article",
+      "tweede-artikel",
       "types-de-cookies-que-nous-utilisons",
       "types-of-cookies-we-use",
       "underline",
       "user-journey",
       "video",
+      "video-message",
       "video-type",
       "vidéo",
+      "vierde-artikel",
+      "voorbeeldproject",
       "vos-droits",
       "welcome-to-hinode",
       "welkom-bij-hinode",
       "what-are-cookies",
       "xy-chart",
-      "your-rights"
+      "your-rights",
+      "à-propos",
+      "éléments-bootstrap"
     ]
   }
 }

go.mod

@@ -4,7 +4,7 @@ go 1.19
 
 require (
 	github.com/airbnb/lottie-web v5.13.0+incompatible // indirect
-	github.com/cloudcannon/bookshop/hugo/v3 v3.16.4 // indirect
+	github.com/cloudcannon/bookshop/hugo/v3 v3.16.5 // indirect
 	github.com/gethinode/mod-bootstrap v1.3.4 // indirect
 	github.com/gethinode/mod-csp v1.0.8 // indirect
 	github.com/gethinode/mod-flexsearch/v3 v3.0.0 // indirect
@@ -15,7 +15,7 @@ require (
 	github.com/gethinode/mod-lottie v1.6.1 // indirect
 	github.com/gethinode/mod-mermaid/v3 v3.0.1 // indirect
 	github.com/gethinode/mod-simple-datatables/v2 v2.0.2 // indirect
-	github.com/gethinode/mod-utils/v4 v4.16.0 // indirect
+	github.com/gethinode/mod-utils/v4 v4.18.0 // indirect
 	github.com/nextapps-de/flexsearch v0.0.0-20250907103239-defb38b083f0 // indirect
 	github.com/twbs/bootstrap v5.3.8+incompatible // indirect
 )

go.sum

@@ -12,6 +12,8 @@ github.com/cloudcannon/bookshop/hugo/v3 v3.16.3 h1:/Z66xKILl1SNGQePHZCnxo6vFgED7
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.3/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.4 h1:k233xdD3ydE6iN8QB+c37//rSsFVtLIo5OUNRN4E3bc=
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.4/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.5 h1:RmqeSUQMPyi31YC6SaFNE2ubfFy13qVj5/lo+MCT+u8=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.5/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
 github.com/gethinode/mod-bootstrap v1.0.1 h1:NDZar+UEL42YHCvzzO+jVgqkZU5INA12BpjX3y6U4I4=
 github.com/gethinode/mod-bootstrap v1.0.1/go.mod h1:DcpPc2cNaXUPGEvhD7npuEEPA7573NvakTlrwFbyjr8=
 github.com/gethinode/mod-bootstrap v1.1.0 h1:BbalsW8kmFhv+J+dcc41TGcjIlM/p69AB0h0oGhAXIU=
@@ -512,6 +514,12 @@ github.com/gethinode/mod-utils/v4 v4.15.1 h1:zsn6pYxMePLqsNaX+V8qND5tAbbp/CiscgZ
 github.com/gethinode/mod-utils/v4 v4.15.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/gethinode/mod-utils/v4 v4.16.0 h1:yroLCeQyE/xU46YIKS81ZtFsOONTmVudrv2qW7IBH5Q=
 github.com/gethinode/mod-utils/v4 v4.16.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.16.1 h1:HjV6TONU7ZbXC2xZIPRupjKOUORddtQH8bb4dnULY1U=
+github.com/gethinode/mod-utils/v4 v4.16.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.17.0 h1:nDyXpZ0mCtf3ZML8G6bjeYJsI7Ne/Ze8rEWEa9zh6CI=
+github.com/gethinode/mod-utils/v4 v4.17.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.18.0 h1:CLxuPCbsQBGVgAM1x5nmh6V0HJoOcltIfKG9sthpsTk=
+github.com/gethinode/mod-utils/v4 v4.18.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3 h1:H/qVR5O4BXjRjD+5PZB+r4ug2BSJ2Of4RtwOntd+OKo=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
 github.com/nextapps-de/flexsearch v0.0.0-20240108021025-afd75f742f22 h1:re7L8FxbXQpnX8BgzkdUnDpsUmloGNyLmiy2ZCln8pg=

layouts/_markup/render-heading-new.html

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

layouts/_markup/render-heading.html

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

layouts/_partials/assets/card-group.html

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

layouts/_partials/assets/card.html

@@ -180,8 +180,8 @@
 {{ end }}
 
 {{- if eq $args.orientation "none" }}{{ $thumbnail = "" }}{{ $icon = "" }}{{ end -}}
-{{- if eq $args.body "title" }}{{ $description = "" }}{{ end -}}
+{{- if or (eq $args.bodyStyle "title") (eq $args.body "title") }}{{ $description = "" }}{{ end -}}
-{{- if eq $args.body "none" }}{{ $title = "" }}{{ $description = "" }}{{ end -}}
+{{- if or (eq $args.bodyStyle "none") (eq $args.body "none") }}{{ $title = "" }}{{ $description = "" }}{{ end -}}
 {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
 
 {{- $thumbnailArgs := dict

layouts/_partials/assets/hero.html

@@ -75,6 +75,7 @@
     {{ else }}
         {{ $imageJustify = $align }}
     {{ end }}
+    {{ with $args.illustration.justify }}{{ $imageJustify = . }}{{ end }}
 
     {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}
 

layouts/_partials/assets/links.html

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

layouts/_partials/assets/navbar.html

@@ -78,9 +78,29 @@
 {{- end -}}
 
 {{ $logo := "" }}
-{{ with $args.logo | default site.Params.navigation.logo }}
+{{ $mode := index site.Params.navigation "logo-mode" | default false }}
-    {{ $height := index site.Params.navigation "logo-height" | default 30 }}
+{{ if (not (in $args.default "logo-mode")) }}
-    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" $height) }}
+    {{ $mode = $args.logoMode }}
+{{ end }}
+
+{{ $align := index site.Params.navigation "logo-align" | default "center" }}
+{{ if (not (in $args.default "logo-align")) }}
+    {{ $align = $args.logoAlign }}
+{{ end }}
+
+{{ if not $args.title }}
+    {{ with $args.logo | default site.Params.navigation.logo }}
+        {{ $height := index site.Params.navigation "logo-height" | default 30 }}
+        {{ $class := cond (eq $align "start") "my-auto" "m-auto" }}
+        {{ $logo = partial "assets/image.html" (dict 
+            "src"          .
+            "loading"      "eager"
+            "title"        $title
+            "image-height" $height
+            "mode"         $mode
+            "class"        $class
+        ) }}
+    {{ end }}
 {{ end }}
 
 {{- $class := $args.class -}}
@@ -107,26 +127,29 @@
         {{ end }}        
         >
         <div class="container-xxl p-0">
-            <div class="d-flex navbar-container justify-content-center">
+            <div class="d-flex navbar-container">
-                {{/* Insert sidebar toggler when applicable */}}
+                {{/* Insert sidebar toggler or placeholder when applicable */}}
-                <div class="d-flex align-items-center">
+                {{ $sidebar := $page.Scratch.Get "sidebar" }}
-                    {{- if $page.Scratch.Get "sidebar" -}}
+                {{- if or $sidebar (eq $align "center") -}}
-                        <button class="navbar-toggler collapsed p-0 mx-auto fw-30" type="button" data-bs-toggle="offcanvas"
+                    <div class="d-flex align-items-center">
-                            data-bs-target="#offcanvass-sidebar" aria-controls="offcanvass-sidebar" aria-label="{{ T "toggleSidebar" }}">
+                        {{- if $sidebar -}}
-                            {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
+                            <button class="navbar-toggler collapsed p-0 mx-auto fw-30" type="button" data-bs-toggle="offcanvas"
-                        </button>
+                                data-bs-target="#offcanvass-sidebar" aria-controls="offcanvass-sidebar" aria-label="{{ T "toggleSidebar" }}">
-                    {{- else -}}
+                                {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
-                        {{/* Insert invisible sidebar toggler to center logo correctly on smaller screens */}}
+                            </button>
-                        <button class="navbar-toggler collapsed p-0 mx-auto invisible fw-30" type="button">
+                        {{- else if eq $align "center" -}}
-                            {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
+                            {{/* Insert invisible sidebar toggler to center logo correctly on smaller screens */}}
-                        </button>
+                            <button class="navbar-toggler collapsed p-0 mx-auto invisible fw-30" type="button">
-                    {{- end -}}
+                                {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
-                </div>
+                            </button>
+                        {{- end -}}
+                    </div>
+                {{ end }}
         
                 {{/* Insert the brand logo or name */}}
-                <div class="{{ if $logo }}mx-auto{{ else }}flex-grow-1 flex-{{ $args.breakpoint }}-grow-0{{ end }}">
+                <div class="width-100 d-flex align-items-center width-{{ $args.breakpoint }}-auto">
-                    <a class="navbar-brand" href="{{ site.Home.RelPermalink }}" aria-label="{{ T "home" }}">
+                    <a class="navbar-brand{{ if eq $align "center" }} mx-auto{{ end }}" href="{{ site.Home.RelPermalink }}" aria-label="{{ T "home" }}">
-                        {{- with $logo -}}{{ . }}{{- else -}}<div class="navbar-title fw-bold h-100">{{ $title }}</div>{{- end -}}
+                        {{- with $logo -}}{{ . }}{{- else -}}<div class="p-0 navbar-title-{{ $align }} fw-bold h-100">{{ $title }}</div>{{- end -}}
                     </a>
                 </div>
         

layouts/_partials/assets/sharing.html

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

layouts/_partials/assets/stack.html

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

layouts/_shortcodes/args.html

@@ -29,5 +29,6 @@
         "parent"       $args.parent
         "render-type"  $args.renderType
         "header-level" $args.headerLevel
+        "_default"     $args.default
     ) -}}
 {{- end -}}

layouts/_shortcodes/button.html

@@ -57,6 +57,7 @@
         "tab"          $args.tab
         "toast-id"     (or $args.toastId $args.toast)
         "spacing"      $spacing
+        "_default"     $args.default
     ) -}}
 
     {{ with $args.wrapper }}

layouts/_shortcodes/card-group.html

@@ -78,5 +78,6 @@
     "link-type"    $buttonType
     "icon-rounded" $iconRounded
     "scroll"       $scroll
+    "_default"     $args.default
     ) 
 -}}

layouts/_shortcodes/card.html

@@ -94,6 +94,7 @@
         "alt"          $alt
         "button"       $button
         "link-type"    $linkType
+        "_default"     $args.default
     ) -}}
 
     {{/* Pass output to parent or current stream */}}

layouts/_shortcodes/image.html

@@ -43,5 +43,6 @@
         "anchor"   $args.anchor
         "loading"  $args.loading
         "page"     .Page
+        "_default" $args.default
     ) -}} 
 {{- end -}}

layouts/_shortcodes/img.html

@@ -32,7 +32,7 @@
         "caption"  $args.caption
         "ratio"    $ratio
         "portrait" $portrait   
-        "loading"  $args.loading             
+        "loading"  $args.loading
     ) }}
 
     {{ $current := .Parent.Scratch.Get "inner" }}

layouts/_shortcodes/link.html

@@ -36,5 +36,6 @@
         "class"       $args.class
         "page"        .Page
         "position"    .Position
+        "_default"    $args.default
     ) }}
 {{- end -}}

layouts/_shortcodes/nav-item.html

@@ -46,6 +46,7 @@
         "body"      $body
         "show"      $args.show
         "disabled"  $args.disabled
+        "_default"  $args.default
         )
     -}}
 
@@ -74,6 +75,7 @@
         "show"         $args.show
         "disabled"     $args.disabled
         "navitem-type" "accordion"
+        "_default"     $args.default
         )
     -}}
 

layouts/_shortcodes/nav.html

@@ -43,6 +43,7 @@
         "class"        $args.class
         "pane"         $args.pane
         "width"        $args.width
+        "_default"     $args.default
         ) 
     -}}
 {{- end -}}

layouts/_shortcodes/navbar.html

@@ -41,8 +41,10 @@
         "mode"       $args.mode
         "menus"      $args.menus
         "logo"       $args.logo
+        "logo-mode"  $args.logoMode
         "title"      $args.title
         "class"      $args.class
+        "_default"   $args.default
         )
     -}}
 {{ end -}}

layouts/_shortcodes/persona.html

@@ -39,5 +39,6 @@
         "href"      $args.href
         "content"   $content
         "thumbnail" $args.thumbnail
+        "_default"  $args.default
     ) -}}
 {{- end -}}

layouts/_shortcodes/table.html

@@ -30,5 +30,6 @@
         "pagingOptionPageSelect" $args.pagingOptionPageSelect
         "searchable"             $args.searchable
         "wrap"                   $args.wrap
+        "_default"               $args.default
     ) }}
 {{ end }}

layouts/_shortcodes/timeline.html

@@ -32,5 +32,5 @@
 
 {{/* Main code */}}
 {{ if not $error }}
-    {{ partial "assets/timeline.html" (dict "page" $page "data" $args.data "background" $args.background) }}
+    {{ partial "assets/timeline.html" (dict "page" $page "data" $args.data "background" $args.background "_default" $args.default) }}
 {{ end }}

layouts/_shortcodes/toast.html

@@ -33,8 +33,9 @@
 {{ if not $error -}}
     {{ partial "assets/toast.html" (dict
         "id" $id
-        "title" (or $args.title $args.header)
+        "title"    (or $args.title $args.header)
-        "message" $message
+        "message"  $message
-        "class" $args.class
+        "class"    $args.class
+        "_default" $args.default
     ) }}
 {{ end -}}

layouts/_shortcodes/video.html

@@ -29,5 +29,6 @@
         "title"     $args.title 
         "autoplay"  $args.autoplay
         "autotitle" $args.autotitle
+        "_default"  $args.default
     ) }}
 {{ end -}}

layouts/_shortcodes/vimeo.html

@@ -28,5 +28,6 @@
         "title"     (or $args.title "Vimeo Video")
         "autoplay"  $args.autoplay
         "autotitle" $args.autotitle
+        "_default"  $args.default
     ) }}
 {{ end -}}

layouts/_shortcodes/youtube.html

@@ -28,5 +28,6 @@
         "title"     (or $args.title "YouTube Video")
         "autoplay"  $args.autoplay
         "autotitle" $args.autotitle
+        "_default"  $args.default
     ) }}
 {{ end -}}

layouts/header.html

@@ -1,3 +1,9 @@
+{{/* Initialize global variables */}}
+{{- $size := site.Params.style.title.size | default 4 -}}
+{{- $headingStyle := site.Params.style.title.headingStyle | default "display" -}}
+{{- $contentStyle := site.Params.style.title.contentStyle | default "lead text-muted" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
 {{/* Initialize local variables */}}
 {{- $breakpoint := $.Scratch.Get "breakpoint" -}}
 {{- $metadata := "full" -}}
@@ -21,7 +27,8 @@
 {{ if .Site.Params.navigation.breadcrumb }}{{ partial "assets/breadcrumb.html" (dict "page" .) }}{{ end -}}
                
 {{/* Display title and metadata */}}
-{{ with $title }}<p class="display-4 mt-5">{{ . }}</p>{{ end }}
+{{ with $title }}<h1 id="{{ anchorize . }}" class="{{ $headingStyle }}-{{ $size }} pt-1">{{ . }}</h1>{{ end }}
+
 {{ if ne $metadata "none" }}
     <small class="text-body-secondary text-uppercase">
         {{ if .Date }}
@@ -64,7 +71,9 @@
 {{ partial "assets/sharing.html" (dict "page" .) }}
 
 {{/* Display description */}}
-<p class="lead mb-5 mt-3">{{ .Description }}</p>
+{{ with .Description }}
+    <div class="{{ $contentStyle }} py-{{ $padding.y }}">{{ . | page.RenderString | safeHTML }}</div>
+{{ end }}
 
 {{/* Display TOC dropdown on smaller screens */}}
 {{- if and .Site.Params.navigation.toc .Params.includeToc | default true -}}

package-lock.json

@@ -25,7 +25,7 @@
         "commitizen": "^4.3.1",
         "cpy-cli": "^6.0.0",
         "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^9.35.0",
+        "eslint": "^9.36.0",
         "husky": "^9.1.7",
         "markdownlint-cli2": "^0.18.1",
         "neostandard": "^0.12.2",
@@ -721,9 +721,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.35.0",
+      "version": "9.36.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.35.0.tgz",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.36.0.tgz",
-      "integrity": "sha512-30iXE9whjlILfWobBkNerJo+TXYsgVM5ERQwMcMKCHckHflCmf7wXDAHlARoWnh0s1U72WqlbeyE7iAcCzuCPw==",
+      "integrity": "sha512-uhCbYtYynH30iZErszX78U+nR3pJU3RHGQ57NXy5QupD4SBVwDeU8TNBy+MjMngc1UyIW9noKqsRqfjQTBU2dw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5480,9 +5480,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.35.0",
+      "version": "9.36.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.35.0.tgz",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.36.0.tgz",
-      "integrity": "sha512-QePbBFMJFjgmlE+cXAlbHZbHpdFVS2E/6vzCy7aKlebddvl1vadiC4JFV5u/wqTkNUwEV8WrQi257jf5f06hrg==",
+      "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5492,7 +5492,7 @@
         "@eslint/config-helpers": "^0.3.1",
         "@eslint/core": "^0.15.2",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.35.0",
+        "@eslint/js": "9.36.0",
         "@eslint/plugin-kit": "^0.3.5",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",

package.json

@@ -87,7 +87,7 @@
     "commitizen": "^4.3.1",
     "cpy-cli": "^6.0.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^9.35.0",
+    "eslint": "^9.36.0",
     "husky": "^9.1.7",
     "markdownlint-cli2": "^0.18.1",
     "neostandard": "^0.12.2",