Merge pull request #1469 from gethinode/develop

Enable purge settings
Fix purge settings of mod-simple-datatables
2025-10-17 06:53:11 +00:00 · 2025-06-19 07:42:12 +02:00 · 2025-06-19 07:09:37 +02:00 · 2025-06-18 19:35:46 +02:00 · 2025-06-18 19:35:09 +02:00 · 2025-06-18 19:32:13 +02:00
64 changed files with 729 additions and 2367 deletions
--- a/assets/scss/common/_styles.scss
+++ b/assets/scss/common/_styles.scss
@@ -18,23 +18,13 @@ a:active {
 // Ensure main page is rendered to full viewport height
 //
 .main {
-    min-height: 100vh;
-}
-
-.fullcover {
    --navbar-height: #{$navbar-height};
-
-    min-height: calc(100vh - var(--navbar-height));
-}
-
-.fullscreen {
    --overlay-offset: #{$overlay-offset};
+    --section-height: 88vh;
+    --max-section-height: 1024px;

-    min-height: calc(100vh - var(--overlay-offset));
-}
-
-.main-content {
-    margin-top: var(--navbar-offset);
+    min-height: 100vh;
+    margin-top: var(--overlay-offset);
 }

 $utilities: map-merge(
@@ -100,66 +90,24 @@ $utilities: map-merge(
    )
 );

-@media screen and (orientation: portrait) {
-    .min-vh-custom {
-        min-height: 25vh !important
-    }
-}
-
-@media screen and (orientation: landscape) {
-    .min-vh-custom {
-        min-height: 50vh !important
-    }
-}
-
 :root {
    --nav-height: 90px;
 }

-@include media-breakpoint-up(sm) {
-    .ratio-section {
-        min-height: calc(min(100vh, 576px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(md) {
-    .ratio-section {
-        min-height: calc(min(100vh, 768px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(lg) {
-    .ratio-section {
-        min-height: calc(min(100vh, 992px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(xl) {
-    .ratio-section {
-        min-height: calc(min(100vh, 1200px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(xxl) {
-    .ratio-section {
-        min-height: calc(min(100vh, 1400px) - var(--nav-height));
-    }    
-}
-
 .section-cover {
-    min-height: 100vh;
+    min-height: calc(var(--section-height) - var(--overlay-offset));
 }    

@include media-breakpoint-up(xxl) {
    .section-cover {
-        min-height: calc(min(100vh, 1000px));
+        min-height: calc(min(calc(var(--section-height) - var(--overlay-offset)), var(--max-section-height)));
    }    
 }

 /* stylelint-disable media-feature-range-notation */
@media (min-height: 1400px) { 
    .section-cover {
-        min-height: calc(min(100vh, 1000px));
+        min-height: calc(min(calc(var(--section-height) - var(--overlay-offset)), var(--max-section-height)));
    }
 }
 /* stylelint-enable media-feature-range-notation */
--- a/component-library/bookshop.scss
+++ b/component-library/bookshop.scss
@@ -1,6 +1,7 @@
@import "modules/bookshop/shared/styles/global";
@import "modules/bookshop/components/about/about";
@import "modules/bookshop/components/articles/articles";
+@import "modules/bookshop/components/cards/cards";
@import "modules/bookshop/components/faq/faq";
@import "modules/bookshop/components/hero/hero";
@import "modules/bookshop/components/releases/releases";
--- a/component-library/components/about/about.bookshop.yml
+++ b/component-library/components/about/about.bookshop.yml
@@ -30,6 +30,7 @@ blueprint:
    mode:
  order:
  width:
+  justify:
  link-type:
  links:
    -
--- a/component-library/components/about/about.hugo.html
+++ b/component-library/components/about/about.hugo.html
@@ -26,7 +26,7 @@
        "link-type"    $args.linkType
        "links"        $args.links
        "orientation"  "horizontal"
-        "width"        (or .width 8)
+        "width"        (or $args.width 8)
        )
    }}
 {{- end -}}
--- a/component-library/components/articles/articles.bookshop.yml
+++ b/component-library/components/articles/articles.bookshop.yml
@@ -42,4 +42,6 @@ blueprint:
  header-style:
  footer-style:
  orientation:
-  class:
+  class:
+  width:
+  justify:
--- a/component-library/components/articles/articles.hugo.html
+++ b/component-library/components/articles/articles.hugo.html
@@ -11,7 +11,7 @@
 {{ if or $args.err $args.warnmsg }}
    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
        "partial" "component-library/components/articles/articles.hugo.html" 
-        "warnid"   "warn-invalid-arguments"
+        "warnid"  "warn-invalid-arguments"
        "msg"     "Invalid arguments"
        "details" ($args.errmsg | append $args.warnmsg)
        "file"    page.File
@@ -62,48 +62,46 @@

 <!-- Main code -->
 {{ if not $error }}
-	<div class="container-xxl p-4 px-xxl-0">
-		{{- partial "assets/section-title.html" (dict "heading" $args.heading "class" "py-5") -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}

-		{{ $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
+		"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))
+	)}}

-		{{ 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 }}
-		{{ partial $partial $params }}
-	</div>
+	{{ 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 }}
+	{{ partial $partial $params }}
 {{ end }}
--- a/component-library/components/cards/cards.bookshop.yml
+++ b/component-library/components/cards/cards.bookshop.yml
@@ -0,0 +1,34 @@
+# Metadata about this component, to be used in the CMS
+spec:
+  structures:
+    - content_blocks
+  label: Benefits
+  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:
+  orientation:
+  class:
+  width:
+  justify:
--- a/component-library/components/cards/cards.hugo.html
+++ b/component-library/components/cards/cards.hugo.html
@@ -0,0 +1,72 @@
+{{/* 
+    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" "cards" "args" .)}}
+{{ if or $args.err $args.warnmsg }}
+    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+        "partial" "component-library/components/cards/cards.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 }}
+{{ range $args.elements }}
+	<!-- TODO: check mode -->
+	{{ $list = $list | append (dict 
+		"title"       .title
+		"description" (.content | page.RenderString)
+		"icon"        .icon
+		"thumbnail"   .image
+	) }}
+{{ end}}
+
+{{ if not $error }}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
+
+	{{- partial "assets/card-group.html" (dict 
+		"page"         page
+		"list"         $list
+		"class"        (printf "border-0 card-icon-primary d-%s-none %s" $breakpoint.prev $args.class)
+		"cols"         $args.cols
+		"gutter"       "4"
+		"padding"      $args.padding
+		"header-style" "none"
+		"footer-style" "none"
+		"icon-rounded" $args.iconRounded
+		"icon-style"   "fa-2x"
+		"align"        "start"
+		"orientation"  ($args.orientation | default "horizontal-sm")
+		"hook"         "assets/live-card.html"
+	) -}}
+
+	{{- partial "assets/card-group.html" (dict 
+		"page"         page
+		"list"         $list
+		"class"        (printf "border-0 card-icon-primary d-none d-%s-block %s" $breakpoint.prev $args.class)
+		"cols"         $args.cols
+		"gutter"       "4"
+		"padding"      $args.padding
+		"header-style" "none"
+		"footer-style" "none"
+		"icon-rounded" $args.iconRounded
+		"icon-style"   "fa-2x"
+		"align"        "start"
+		"orientation"  ($args.orientation | default "stacked")
+		"hook"         "assets/live-card.html"
+	) -}}
+{{ end }}
+
--- a/component-library/components/cards/cards.scss
+++ b/component-library/components/cards/cards.scss
--- a/component-library/components/faq/faq.bookshop.yml
+++ b/component-library/components/faq/faq.bookshop.yml
@@ -17,6 +17,8 @@ blueprint:
    width:
    size:
  contrast:
+  width:
+  justify:
  background:
    backdrop:
    color:
--- a/component-library/components/faq/faq.hugo.html
+++ b/component-library/components/faq/faq.hugo.html
@@ -17,43 +17,37 @@
 {{ end }}

 {{ if not $args.err }}
-	<div class="container-xxl p-4 px-xxl-0">
-		{{ $color := "" }}
-		{{ if $args.contrast }}{{ $color = "white" }}{{ end }}
-		{{- partial "assets/section-title.html" (dict 
-			"heading" $args.heading
-			"color" $color
-			"class" "py-5"
-		) -}}
+	{{ $color := "" }}
+	{{ if $args.contrast }}{{ $color = "white" }}{{ end }}
+	{{- partial "assets/section-title.html" (dict  "heading" $args.heading "color" $color) -}}

-		{{ $class := "" }}
-		{{ $id := printf "faq-%s" (md5 (delimit (slice . now) "-")) }}
+	{{ $class := "" }}
+	{{ $id := printf "faq-%s" (md5 (delimit (slice . now) "-")) }}

-		<div id="{{ $id }}" class="accordion accordion-faq {{ if $args.contrast }}accordion-faq-contrast text-white {{ end }}accordion-flush mb-3{{ with $class }} {{ . }}{{ end }} col-12 col-md-6 mx-auto">
-			{{ range $index, $item := $args.items }}
-				<div class="accordion-item">
-					{{- with $item.title -}}
-						<div class="accordion-header m-0" id="{{ $id }}-heading-{{ $id }}">
-							<button class="accordion-button collapsed" 
-								type="button" 
-								data-bs-toggle="collapse"
-								data-bs-target="#{{ $id }}-item-{{ $index }}"
-								aria-expanded="false"
-								aria-controls="{{ $id }}-item-{{ $index }}"
-							>
-							{{ if $args.color }}<div class="text-{{ $args.color }}">{{ . }}</div>{{ else }}{{ . }}{{ end }}
-							</button>
-						</div>
-					{{- end -}}
-					<div id="{{ $id }}-item-{{ $index }}" 
-						class="accordion-collapse collapse"
-						aria-labelledby="{{ $id }}-heading-{{ $index }}"
-						data-bs-parent="#{{ $id }}"
-					>
-						<div class="accordion-body">{{ $item.description | page.RenderString | safeHTML }}</div>
+	<div id="{{ $id }}" class="accordion accordion-faq {{ if $args.contrast }}accordion-faq-contrast text-white {{ end }}accordion-flush mb-3{{ with $class }} {{ . }}{{ end }} col-12 col-md-6 mx-auto">
+		{{ range $index, $item := $args.items }}
+			<div class="accordion-item">
+				{{- with $item.title -}}
+					<div class="accordion-header m-0" id="{{ $id }}-heading-{{ $id }}">
+						<button class="accordion-button collapsed" 
+							type="button" 
+							data-bs-toggle="collapse"
+							data-bs-target="#{{ $id }}-item-{{ $index }}"
+							aria-expanded="false"
+							aria-controls="{{ $id }}-item-{{ $index }}"
+						>
+						{{ if $args.color }}<div class="text-{{ $args.color }}">{{ . }}</div>{{ else }}{{ . }}{{ end }}
+						</button>
 					</div>
+				{{- end -}}
+				<div id="{{ $id }}-item-{{ $index }}" 
+					class="accordion-collapse collapse"
+					aria-labelledby="{{ $id }}-heading-{{ $index }}"
+					data-bs-parent="#{{ $id }}"
+				>
+					<div class="accordion-body">{{ $item.description | page.RenderString | safeHTML }}</div>
 				</div>
-			{{ end }}
-		</div>
+			</div>
+		{{ end }}
 	</div>
 {{ end }}
--- a/component-library/components/hero/hero.bookshop.yml
+++ b/component-library/components/hero/hero.bookshop.yml
@@ -38,3 +38,4 @@ blueprint:
  cover:
  orientation:
  width:
+  justify:
--- a/component-library/components/hero/hero.hugo.html
+++ b/component-library/components/hero/hero.hugo.html
@@ -30,6 +30,7 @@
 		"links"        $args.links
 		"orientation"  $args.orientation
 		"width"        $args.width
+		"justify"      $args.justify
 		)
 	}}
 {{ end }}
--- a/component-library/components/releases/releases.bookshop.yml
+++ b/component-library/components/releases/releases.bookshop.yml
@@ -21,4 +21,6 @@ blueprint:
    backdrop:
    color:
    subtle:
+  width:
+  justify:
  data:
--- a/component-library/components/separator/separator.hugo.html
+++ b/component-library/components/separator/separator.hugo.html
@@ -16,5 +16,5 @@
 {{ end }}

 {{ if not $args.err }}
-    <div class="container-xxl p-0"{{ with $args.theme }} data-bs-theme="{{ . }}"{{ end }}><hr></div>
+    <hr class="w-100">
 {{ end }}
--- a/component-library/components/video-message/video-message.bookshop.yml
+++ b/component-library/components/video-message/video-message.bookshop.yml
@@ -39,6 +39,7 @@ blueprint:
      label:
  border:
  width:
+  justify:

 _structures:
  messages:
--- a/component-library/components/video-message/video-message.hugo.html
+++ b/component-library/components/video-message/video-message.hugo.html
@@ -17,6 +17,7 @@
 {{ end }}

 {{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}

 {{- define "_partials/inline/video.html" -}}
 	{{ $provider := .provider }}
@@ -25,10 +26,14 @@
 	{{ $autoplay := .autoplay }}
 	{{ $queryArgs := .queryArgs }}
 	{{ $border := .border }}
+	{{ $padding := .padding }}

 	{{ if site.Params.env_bookshop_live }}
 		{{/* Define dummy content as we cannot retrieve video data in live mode */}}
-		{{- partial "assets/live-image.html" (dict "src" "/img/placeholder-video.svg" "ratio" "21x9" "wrapper" "text-center mb-4") -}}
+		{{- partial "assets/live-image.html" (dict
+			"src" "/img/placeholder-video.svg"
+			"ratio" "21x9"
+			"wrapper" (printf "text-center mb-%d" $padding.y)) -}}
 	{{ else }}
        <div class="video-container{{ if $border }} video-container-border{{ end}}">
 			{{ partial "assets/video.html" (dict
@@ -73,7 +78,7 @@
 	) -}}
 {{ end }}

-<div class="container-xxl p-4 px-xxl-0">
+{{ if not $args.err }}
 	{{ $list := slice }}

 	{{ range $args.messages }}
@@ -91,13 +96,10 @@
 		) }}
 	{{ end}}

-	{{- partial "assets/section-title.html" (dict 
-		"heading" $args.heading
-		"class"   "py-5"
-	) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}

 	{{ if eq $args.orientation "stacked" }}
-		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto">
+		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto pb-{{ $padding.y }}">
 		{{ with $args.video }}
 			{{- partial "inline/video.html" (dict
 				"provider"   .provider
@@ -106,14 +108,15 @@
 				"autoplay"   .autoplay
 				"query-args" .queryArgs
 				"border"     $.border
+				"padding"    $padding
 			) -}}
 		{{ end }}
 		</div>
-		<div class="mt-4">
+		<div class="mt-{{ $padding.y }} pb-{{ $padding.y }}">
 			{{- partial "inline/messages.html" (dict "list" $list "cols" $args.cols "type" $args.type "iconRounded" $args.iconRounded) -}}
 		</div>
 	{{ else }}
-		<div class="container grid gap-4">
+		<div class="container grid gap-4 pb-{{ $padding.y }}">
 			<div class="row row-cols-1 row-cols-{{ $breakpoint.current }}-2">
 				<div class="col col-{{ $breakpoint.current }}-{{ $args.width }} p-0">
 					{{ with $args.video }}
@@ -124,13 +127,14 @@
 							"autoplay"   .autoplay
 							"query-args" .queryArgs
 							"border"     $.border
+							"padding"    $padding
 						) -}}
 					{{ end }}
 				</div>
-				<div class="col col-{{ $breakpoint.current }}-{{ sub 12 $args.width }} mt-4 mt-{{ $breakpoint.current }}-0">
+				<div class="col col-{{ $breakpoint.current }}-{{ sub 12 $args.width }} mt-{{ $padding.y }} mt-{{ $breakpoint.current }}-0">
 					{{- partial "inline/messages.html" (dict "list" $list "cols" 1 "type" $args.type "iconRounded" $args.iconRounded) -}}
 				</div>
 			</div>
 		</div>
 	{{ end }}
-</div>
+{{ end }}
--- a/component-library/helpers/component.html
+++ b/component-library/helpers/component.html
@@ -15,7 +15,7 @@
 {{- $component_props := index . 1 -}}
 {{- $class := index . 2 | default "p-0" -}}
 {{- $bgclass := index . 3 | default "" -}}
-
+{{- $padding := partial "utilities/GetPadding.html" -}}
 {{- $component_path := partial "_bookshop/helpers/component_key" $component_name -}}
 {{- $flat_component_path := partial "_bookshop/helpers/flat_component_key" $component_name -}}

@@ -32,6 +32,9 @@
    {{- $background := index $component_props "background" -}}
    {{- $backdrop := "" -}}
    {{- $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) "" -}}
    {{- $wrapper := $style }}
    {{ with $background }}
        {{ $wrapper = partial "utilities/GetBackgroundStyle.html" (dict "background" . "class" $style) }}
@@ -59,7 +62,16 @@
        {{- if $backdrop -}}
            {{ partial "assets/live-image.html" (dict "src" $backdrop "class" (printf "background-img-fluid %s" $bgclass) "title" (T "backgroundImage")) }}
        {{- end -}}
-        {{ partial $resolved_component $component_props }}
+
+        {{ $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 }}">
+            {{ with $col }}
+                <div class="{{ . }}">{{ partial $resolved_component $component_props }}</div>
+            {{ else }}
+                {{ partial $resolved_component $component_props }}
+            {{ end}}
+        </div>
    </section>
    {{ "<!--bookshop-live end-->" | safeHTML }}
 {{- else -}}
--- a/config/_default/hugo.toml
+++ b/config/_default/hugo.toml
@@ -116,7 +116,7 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
 [module]
  [module.hugoVersion]
    extended = true
-    min = "0.141.0"
+    min = "0.146.0"
  [[module.mounts]]
    source = "archetypes"
    target = "archetypes"
@@ -188,11 +188,11 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
  [[module.imports]]
    path = "github.com/gethinode/mod-lottie"
  [[module.imports]]
-    path = "github.com/gethinode/mod-mermaid"
+    path = "github.com/gethinode/mod-mermaid/v2"
  [[module.imports]]
-    path = "github.com/gethinode/mod-simple-datatables"
+    path = "github.com/gethinode/mod-simple-datatables/v2"
  [[module.imports]]
-    path = "github.com/gethinode/mod-utils/v3"
+    path = "github.com/gethinode/mod-utils/v4"
 # toml-docs-end modules

 # toml-docs-start segments
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -10,6 +10,9 @@
    footerBelowFold = false
    loading = "lazy"
    breakpoint = "md"
+    [main.padding]
+        x = 4
+        y = 4
    titleCase = false
    [main.internalLinks]
        validate = true
--- a/config/postcss.config.js
+++ b/config/postcss.config.js
@@ -30,7 +30,7 @@ const purgecss = purgeCSSPlugin({
      './_vendor/github.com/gethinode/mod-flexsearch/v2/assets/scss/modules/flexsearch/flexsearch.scss',
      './_vendor/github.com/gethinode/mod-katex/dist/katex.scss',
      './_vendor/github.com/gethinode/mod-leaflet/dist/leaflet.scss',
-      './_vendor/github.com/gethinode/mod-simple-datatables/dist/simple-datatables.scss',
+      './_vendor/github.com/gethinode/mod-simple-datatables/v2/dist/simple-datatables.scss',
      './_vendor/github.com/twbs/bootstrap/scss/_carousel.scss',
      './_vendor/github.com/twbs/bootstrap/scss/_dropdown.scss',
      './_vendor/github.com/twbs/bootstrap/scss/_modal.scss',
--- a/data/structures/_arguments.yml
+++ b/data/structures/_arguments.yml
--- a/data/structures/_types.yml
+++ b/data/structures/_types.yml
@@ -1,59 +0,0 @@
-types:
-  background:
-    backdrop:
-    color:
-    subtle:
-  heading:
-    preheading:
-    title:
-    content:
-    align:
-    arrangement:
-    width:
-    size:
-  illustration:
-    image:
-    icon:
-    ratio:
-    class:
-    anchor:
-    mode:
-    width:
-    image-overlay:
-    hook:
-  input:
-    section:
-    nested:
-    keywords:
-    categories:
-    tags:
-    reverse:
-    sort:
-  items:
-    - title:
-      description:
-  links:
-    - title:
-      url:
-      icon:
-      force:
-  messages:
-    - title:
-      icon:
-      content:
-      link:
-      label:
-  more:
-    title:
-    link:
-  styles:
-    - ratio:
-      orientation:
-      portrait:
-      width:
-  video:
-    provider:
-    account:
-    id:
-    autoplay:
-    query-args:
--- a/data/structures/hero-image.yml
+++ b/data/structures/hero-image.yml
@@ -11,3 +11,4 @@ arguments:
  wrapper:
  class:
  image-overlay:
+  justify:
--- a/data/structures/hero.yml
+++ b/data/structures/hero.yml
@@ -15,6 +15,7 @@ arguments:
  cover:
  orientation:
  width:
+  justify:
  use-section:
  use-title:
  class:
--- a/data/structures/image-definition.yml
+++ b/data/structures/image-definition.yml
@@ -4,6 +4,8 @@ arguments:
  mode:
  ratio:
  portrait:
+  image-height:
+  image-width:
  loading:
  priority:
  sizes:
--- a/data/structures/image.yml
+++ b/data/structures/image.yml
@@ -44,6 +44,10 @@ arguments:
    release: v0.24.0
  anchor:
    release: v0.24.22
+  image-height:
+    release: v1.0.0
+  image-width:
+    release: v1.0.0
  # deprecated arguments
  url:
    type:
--- a/data/structures/nav-item.yml
+++ b/data/structures/nav-item.yml
@@ -1,6 +1,8 @@
 comment: >-
  Defines an individual item.
 arguments:
+  page:
+    group: partial
  id:
    group: partial
  parent-id:
--- a/data/structures/section-title.yml
+++ b/data/structures/section-title.yml
@@ -3,124 +3,13 @@ arguments:
  heading:
  links:
  color:
-    type: select
-    comment: Text color of the section.
    default: body
-    optional: true
-    options:
-      values:
-        - body
-        - primary
-        - secondary
-        - black
-        - white
  class:
-    type: string
-    optional: true
-    comment: Class attribute of the section title.
  size: 
-    type: int
-    optional: true
-    comment: Display size of the title.
-    options:
-      min: 1
-      max: 6
  use-title:
-    type: bool
-    optional: true
-    default: false
-    comment: Sets the title to an HTML header instead of a div.
  justify:
-    type: select
-    comment: Justification of the link titles and icons.
-    optional: true
-    default: center
-    options:
-      values:
-        - start
-        - end
-        - center
-        - between
-        - around
-        - evenly
-  type:
-    type: select
-    optional: true
-    default: button
-    comment: Link type
-    options:
-      values:
-        - button
-        - link
-  section: 
-    type: bool
-    optional: true
-    default: false
-    comment: >-
-      Trigger to use the current section as preheading, applies to single pages
-      only. Any preheading values takes precedence.
+  link-type:
+  use-section: 
  arrangement:
-  headingStyle:
-    type: select
-    optional: true
-    default: display
-    options:
-      values:
-        - display
-        - fs
-    comment: >-
-      Style of the heading, either display or fs (regular).
-  bodyStyle:
-    type: string
-    optional: true
-    default: lead text-muted
-    comment: >-
-      Style of the body text, if any..
-  # class:
-  #   type: string
-  #   optional: true
-  #   comment: Class attribute of the illustration, e.g. "col-6".
-  # image:
-  #   type: string
-  #   optional: true
-  #   comment: Image displayed on top of or adjacent to the headline.
-  # imageOverlay:
-  #   type: bool
-  #   optional: true
-  #   default: false
-  #   comment: Trigger to include an image overlay placeholder.
-  # ratio:
-  #   type: select
-  #   optional: true
-  #   default: 16x9
-  #   comment: >-
-  #     Ratio of the illustration, uses original aspect ratio by default.
-  #   options:
-  #     values:
-  #       - 1x1
-  #       - 3x2
-  #       - 4x3
-  #       - 16x9
-  #       - 21x9
-  # anchor:
-  #   type: select
-  #   optional: true
-  #   comment: 
-  #     Anchor of the thumbnail's crop box, defaults to anchor value set in
-  #     `imaging` section of the site configuration (usually `Smart`).
-  #   options:
-  #     values:
-  #       - TopLeft
-  #       - Top
-  #       - TopRight
-  #       - Left
-  #       - Center
-  #       - Right
-  #       - BottomLeft
-  #       - Bottom
-  #       - BottomRight
-  #       - Smart
-  # icon:
-  #   type: string
-  #   optional: true
-  #   comment: Icon or animation displayed on top of or adjacent to the headline.
+  heading-style:
+  content-style:
--- a/exampleSite/config/_default/hugo.toml
+++ b/exampleSite/config/_default/hugo.toml
@@ -129,4 +129,4 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
  [[module.imports]]
    path = "github.com/gethinode/mod-simple-datatables"
  [[module.imports]]
-    path = "github.com/gethinode/mod-utils/v3"
+    path = "github.com/gethinode/mod-utils/v4"
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -8,6 +8,9 @@
    footerBelowFold = false
    loading = "lazy"
    breakpoint = "md"
+    [main.padding]
+        x = 4
+        y = 4
    titleCase = true
    [main.internalLinks]
        validate = true
@@ -122,8 +125,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"
-    # TODO: adjust purge settings
-    purge = false
+    purge = true
 # toml-docs-end theme-colors

 [schema]
--- a/exampleSite/config/postcss.config.js
+++ b/exampleSite/config/postcss.config.js
@@ -30,7 +30,7 @@ const purgecss = purgeCSSPlugin({
      './_vendor/github.com/gethinode/mod-flexsearch/v2/assets/scss/modules/flexsearch/flexsearch.scss',
      './_vendor/github.com/gethinode/mod-katex/dist/katex.scss',
      './_vendor/github.com/gethinode/mod-leaflet/dist/leaflet.scss',
-      './_vendor/github.com/gethinode/mod-simple-datatables/dist/simple-datatables.scss',
+      './_vendor/github.com/gethinode/mod-simple-datatables/v2/dist/simple-datatables.scss',
      './_vendor/github.com/twbs/bootstrap/scss/_carousel.scss',
      './_vendor/github.com/twbs/bootstrap/scss/_dropdown.scss',
      './_vendor/github.com/twbs/bootstrap/scss/_modal.scss',
--- a/exampleSite/content/en/_index.md
+++ b/exampleSite/content/en/_index.md
@@ -8,20 +8,20 @@ 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: About
        url: about
        icon: fas chevron-right
    orientation: horizontal
+    justify: center

  - _bookshop_name: articles
    heading:
--- a/exampleSite/content/en/blocks/articles.md
+++ b/exampleSite/content/en/blocks/articles.md
@@ -0,0 +1,44 @@
+---
+_schema: default
+title: Articles
+description: Use the articles content block to show a group of article cards.
+icon: fas grip
+---
+
+## Overview
+
+The `articles` content block renders a group of article cards.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: articles
+  heading:
+    title: Blog
+    align: start
+  input:
+    section: blog
+    reverse: false
+    sort: title
+  hide-empty: false
+  header-style: none
+  more:
+    title: More Blogs
+  padding: 0
+  max: 3
+  background:
+    color: primary
+    subtle: true
+  class: border-0 card-zoom card-body-margin
+  justify: center
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+## Arguments
+
+The content block supports the following arguments:
+
+{{< args bookshop-articles >}}
--- a/exampleSite/content/en/blocks/cards.md
+++ b/exampleSite/content/en/blocks/cards.md
@@ -0,0 +1,44 @@
+---
+_schema: default
+title: Cards
+description: Use the cards content block to show a card group of messages.
+icon: fa address-card
+---
+
+## Overview
+
+The `cards` content block renders a group of content cards.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: cards
+  heading:
+    preheading: Preheading
+    title: Heading
+    content: Cards content. It supports multiple lines.
+    align: start
+  background:
+    color: primary
+    subtle: true
+  orientation: stacked
+  icon-rounded: true
+  class: text-center
+  elements:
+    - title: First Card
+      icon: fas 1
+    - title: Second Card
+      icon: fas 2
+    - title: Third Card
+      icon: fas 3
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+## Arguments
+
+The content block supports the following arguments:
+
+{{< args bookshop-cards >}}
--- a/exampleSite/content/en/blog/bootstrap-elements.md
+++ b/exampleSite/content/en/blog/bootstrap-elements.md
@@ -33,8 +33,9 @@ As an example, the following shortcode displays an accordion with three elements
 {{< example lang="hugo" >}}
 {{</* accordion */>}}
  {{</* accordion-item title="Accordion Item #1" show="true" */>}}
-    This is the first item's accordion body. It supports HTML content, if enabled in the goldmark
-    renderer. The item is shown by adding the value `show` to the `class` argument.
+    This is the first item's accordion body.
+    It supports Markdown content. The item
+    is shown by adding the value `show` to the `class` argument.
  {{</* /accordion-item */>}}
  {{</* accordion-item title="Accordion Item #2" */>}}
    This is the second item's accordion body.
@@ -352,8 +353,8 @@ As an example, the following shortcode displays a tab group with vertically alig
 {{< example lang="hugo" >}}
  {{</* nav tab-type="pills" vertical="true" */>}}
    {{</* nav-item title="Nav Item #1" show="true" */>}}
-      This is the first item's nav body. It supports HTML content, if enabled in the goldmark
-      renderer. The item is shown by adding the value `show` to the `class` argument.
+      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" */>}}
      This is the second item's nav body.
--- a/exampleSite/content/en/blog/components.md
+++ b/exampleSite/content/en/blog/components.md
@@ -22,7 +22,7 @@ As an example, the following shortcode shows an animation that plays on hover.

 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" */>}}
+{{</* animation animation-data="gatin.json" autoplay=false hover=true class="col-6 mx-auto" */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->

--- a/exampleSite/content/fr/blog/components.md
+++ b/exampleSite/content/fr/blog/components.md
@@ -22,7 +22,7 @@ Hinode propose plusieurs shortcodes en plus des [éléments Bootstrap]({{% relre

 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" */>}}
+{{</* animation animation-data="gatin.json" autoplay=false hover=true class="col-6 mx-auto" */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->

--- a/exampleSite/content/nl/blog/components.md
+++ b/exampleSite/content/nl/blog/components.md
@@ -21,7 +21,7 @@ Het volgende voorbeeld gebruikt een shortcode om een animatie te tonen, die afsp

 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" */>}}
+{{</* animation animation-data="gatin.json" autoplay=false hover=true class="col-6 mx-auto" */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->

--- a/exampleSite/hinode.work.sum
+++ b/exampleSite/hinode.work.sum
@@ -7,5 +7,5 @@ github.com/gethinode/mod-cookieyes/v2 v2.0.4 h1:QgYSD3S23351e7xEeQb+Mon+e+I6Rbnn
 github.com/gethinode/mod-cookieyes/v2 v2.0.4/go.mod h1:tULb7D7CoTycGUyL7ryqHJKaX11XuL2SN+XwP7/DI0Y=
 github.com/gethinode/mod-cookieyes/v2 v2.1.2 h1:hzGCbRbpNAVkLr+jFWpAQaXHG0lgK+KgIpaZYsI1J+U=
 github.com/gethinode/mod-cookieyes/v2 v2.1.2/go.mod h1:tULb7D7CoTycGUyL7ryqHJKaX11XuL2SN+XwP7/DI0Y=
-github.com/gethinode/mod-utils/v3 v3.0.2 h1:AewNQYVXy/qoNdqJGG6nKCZXjtXavcZcgdeC1Q6EEnQ=
-github.com/gethinode/mod-utils/v3 v3.0.2/go.mod h1:9iHYWiDpDlcyrGAOHniubK/kziJYhTsw7UpGM+u4MOM=
+github.com/gethinode/mod-utils/v4 v4.4.0 h1:IhhJDLqXCdYvrjM6kUR10wlg0kyZrY94f7EuGMj8NN0=
+github.com/gethinode/mod-utils/v4 v4.4.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
--- a/exampleSite/hugo_stats.json
+++ b/exampleSite/hugo_stats.json
@@ -69,6 +69,7 @@
    ],
    "classes": [
      "%!s(<nil>)",
+      "%!s(MISSING)",
      "about",
      "accordion",
      "accordion-body",
@@ -137,6 +138,7 @@
      "card-container-wrapper",
      "card-emphasize",
      "card-icon",
+      "card-icon-primary",
      "card-icon-secondary",
      "card-img-bg",
      "card-img-top",
@@ -144,6 +146,7 @@
      "card-text",
      "card-title",
      "card-zoom",
+      "cards",
      "carousel",
      "carousel-caption",
      "carousel-control-next",
@@ -169,7 +172,7 @@
      "col-lg-2",
      "col-lg-4",
      "col-lg-8",
-      "col-md-",
+      "col-md-10",
      "col-md-12",
      "col-md-2",
      "col-md-3",
@@ -181,9 +184,6 @@
      "col-sm-12",
      "col-sm-3",
      "col-sm-6",
-      "col-sm-9",
-      "col-xl-10",
-      "col-xl-2",
      "collapse",
      "collapsed",
      "container",
@@ -224,38 +224,52 @@
      "fa-3",
      "fa-4x",
      "fa-activity",
+      "fa-address-card",
      "fa-angle-left",
      "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-fw",
      "fa-github",
      "fa-globe",
+      "fa-grip",
      "fa-h",
      "fa-heart",
      "fa-house",
      "fa-info",
+      "fa-inverse",
      "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",
+      "fa-stack-1x",
+      "fa-stack-2x",
      "fa-sun",
      "fa-timeline",
      "fa-up-right-from-square",
@@ -271,7 +285,6 @@
      "flex-column",
      "flex-fill",
      "flex-grow-1",
-      "flex-md-grow-0",
      "flex-nowrap",
      "flex-row",
      "font-monospace",
@@ -283,7 +296,6 @@
      "fs-6",
      "fs-lg-5",
      "fs-md-5",
-      "fullscreen",
      "fw-30",
      "fw-bold",
      "fw-semibold",
@@ -319,6 +331,8 @@
      "justify-content-between",
      "justify-content-center",
      "justify-content-end",
+      "justify-content-md-end",
+      "justify-content-md-start",
      "justify-content-start",
      "katex",
      "label",
@@ -332,9 +346,10 @@
      "link-warning",
      "lottie-animation",
      "m-0",
+      "m-auto",
      "m-md-n4",
      "m-n1",
-      "main-content",
+      "main",
      "main-nav-toggler",
      "mb-0",
      "mb-3",
@@ -381,7 +396,6 @@
      "navbar-mode-selector",
      "navbar-nav",
      "navbar-nav-scroll",
-      "navbar-title",
      "navbar-toggler",
      "next",
      "no-js",
@@ -399,6 +413,7 @@
      "pb-3",
      "pb-4",
      "pb-5",
+      "pe-0",
      "pe-1",
      "pe-3",
      "pe-5",
@@ -415,7 +430,6 @@
      "pt-4",
      "pt-5",
      "pt-md-0",
-      "pt-md-3",
      "ptw-3",
      "ptw-5",
      "ptw-lg-5",
@@ -427,9 +441,7 @@
      "py-2",
      "py-3",
      "py-4",
-      "py-5",
      "py-md-1",
-      "py-md-5",
      "ratio",
      "ratio-16x9",
      "releases",
@@ -487,6 +499,7 @@
      "text-decoration-none",
      "text-end",
      "text-info",
+      "text-md-end",
      "text-muted",
      "text-nowrap",
      "text-primary",
@@ -566,6 +579,7 @@
      "body-file-collapse-1",
      "bouton",
      "breadcrumb",
+      "build-a-static-website-fast-and-flexible",
      "button",
      "button-group",
      "c4-diagram",
@@ -588,40 +602,50 @@
      "cookies-etc",
      "custom-activity",
      "data-tables",
+      "developer-friendly-and-secure",
      "docs",
      "documentation",
+      "elements-type",
      "entity-relationship-diagram",
      "example",
      "exemple",
+      "fa-address-card",
      "fa-face-frown",
+      "fa-font-awesome",
      "fa-square-check",
      "fab-bootstrap",
      "fab-docker",
      "fab-facebook",
      "fab-github",
      "fab-linkedin",
+      "fab-markdown",
      "fab-medium",
      "fab-whatsapp",
      "fab-x-twitter",
-      "faq-422100b13f9388f5e5d9733a89582b72",
-      "faq-422100b13f9388f5e5d9733a89582b72-heading-faq-422100b13f9388f5e5d9733a89582b72",
-      "faq-422100b13f9388f5e5d9733a89582b72-item-0",
-      "faq-422100b13f9388f5e5d9733a89582b72-item-1",
-      "faq-422100b13f9388f5e5d9733a89582b72-item-2",
+      "faq-664efd96843c20a5a8800d1318cb7744",
+      "faq-664efd96843c20a5a8800d1318cb7744-heading-faq-664efd96843c20a5a8800d1318cb7744",
+      "faq-664efd96843c20a5a8800d1318cb7744-item-0",
+      "faq-664efd96843c20a5a8800d1318cb7744-item-1",
+      "faq-664efd96843c20a5a8800d1318cb7744-item-2",
      "fas-1",
      "fas-2",
      "fas-3",
      "fas-angle-left",
      "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",
+      "fas-grip",
      "fas-h",
      "fas-heart",
      "fas-house",
@@ -629,8 +653,10 @@
      "fas-link",
      "fas-magnifying-glass",
      "fas-moon",
+      "fas-robot",
      "fas-rocket",
      "fas-share-nodes",
+      "fas-sitemap",
      "fas-sort",
      "fas-sun",
      "fas-timeline",
@@ -638,6 +664,7 @@
      "fichier",
      "fil-dariane",
      "file",
+      "flexible--ready-to-use",
      "flowchart",
      "footer-docs-collapse-15",
      "footer-file-collapse-1",
@@ -660,6 +687,7 @@
      "imgix",
      "indicateur-de-chargement",
      "infobulle",
+      "input-type",
      "ins",
      "invite-de-commandes",
      "items-type",
@@ -678,6 +706,7 @@
      "mermaid-diagrams",
      "messages-type",
      "mindmap",
+      "more-type",
      "nav",
      "nav-0-0",
      "nav-0-1",
@@ -698,6 +727,7 @@
      "overview",
      "persona",
      "pie-chart",
+      "powered-by-open-source",
      "projecten",
      "projects",
      "projets",
--- a/go.mod
+++ b/go.mod
@@ -8,14 +8,17 @@ require (
 	github.com/gethinode/mod-bootstrap v1.3.3 // indirect
 	github.com/gethinode/mod-csp v1.0.7 // indirect
 	github.com/gethinode/mod-flexsearch/v2 v2.1.1 // indirect
-	github.com/gethinode/mod-fontawesome/v2 v2.0.0 // indirect
-	github.com/gethinode/mod-google-analytics v1.3.1 // indirect
+	github.com/gethinode/mod-fontawesome/v2 v2.1.1 // indirect
+	github.com/gethinode/mod-google-analytics v1.3.2 // indirect
 	github.com/gethinode/mod-katex v1.1.3 // indirect
-	github.com/gethinode/mod-leaflet v1.2.1 // indirect
-	github.com/gethinode/mod-lottie v1.5.14 // indirect
+	github.com/gethinode/mod-leaflet v1.3.0 // indirect
+	github.com/gethinode/mod-lottie v1.6.0 // indirect
 	github.com/gethinode/mod-mermaid v1.1.23 // indirect
+	github.com/gethinode/mod-mermaid/v2 v2.0.1 // indirect
 	github.com/gethinode/mod-simple-datatables v1.1.7 // indirect
+	github.com/gethinode/mod-simple-datatables/v2 v2.0.1 // indirect
 	github.com/gethinode/mod-utils/v3 v3.3.1 // indirect
+	github.com/gethinode/mod-utils/v4 v4.5.1 // indirect
 	github.com/nextapps-de/flexsearch v0.0.0-20250606060143-c28f52c09b7a // indirect
-	github.com/twbs/bootstrap v5.3.6+incompatible // indirect
+	github.com/twbs/bootstrap v5.3.7+incompatible // indirect
 )
--- a/go.sum
+++ b/go.sum
@@ -156,6 +156,10 @@ github.com/gethinode/mod-fontawesome v1.10.1 h1:gXQ75VXI+a0W2ALkAFHd/QFQ/VoZR6eu
 github.com/gethinode/mod-fontawesome v1.10.1/go.mod h1:xBKsZH3WJtMOItZVlp9SbO51uaBy6IbvUZSKpNu3b6Y=
 github.com/gethinode/mod-fontawesome/v2 v2.0.0 h1:vIcVq4sa68iqYBEei+XBZgWKvT79NXuh+jMS6yVpCV8=
 github.com/gethinode/mod-fontawesome/v2 v2.0.0/go.mod h1:MJghtpjpnbGVzRN+1rH5Fs9Y+eQAawAotGnlemEPb60=
+github.com/gethinode/mod-fontawesome/v2 v2.1.0 h1:kRQ/4ady4Ih/m3bJ/1+/rkFhunuzjNEc4NqIlpNks/o=
+github.com/gethinode/mod-fontawesome/v2 v2.1.0/go.mod h1:Jhwzi3KQI3fYn1hPNPJFCk+kcz80s8ONT4FmwLTXH2c=
+github.com/gethinode/mod-fontawesome/v2 v2.1.1 h1:EieVCvEiT0ulXpEHY4kCLJvZCIvGkupIVyoCRTidrvo=
+github.com/gethinode/mod-fontawesome/v2 v2.1.1/go.mod h1:zukv88wXqquEvTJJ9mWWk8Ia+9INnA41wYqusf2RcHA=
 github.com/gethinode/mod-google-analytics v1.0.0 h1:fly42RQ69bdyJe8WFefsBIo7WMIXkd3wZn32kyAr4h4=
 github.com/gethinode/mod-google-analytics v1.0.0/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-google-analytics v1.0.1 h1:zbmOdnAhhFCA7qWw7fnR46biWhqW2r06sIaTWyhB5R0=
@@ -182,6 +186,8 @@ github.com/gethinode/mod-google-analytics v1.3.0 h1:R9oRB6nbFDwLsNmIhxlcmUVH4JE1
 github.com/gethinode/mod-google-analytics v1.3.0/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-google-analytics v1.3.1 h1:WPXrsO6Kpp0k8PYY9a1JyiZgYGMlkBfHY8eEg6CfcL0=
 github.com/gethinode/mod-google-analytics v1.3.1/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
+github.com/gethinode/mod-google-analytics v1.3.2 h1:W4caxWkSor/BFfOEGDDMp+7RajO/Jh1bE7LXxPqLE3A=
+github.com/gethinode/mod-google-analytics v1.3.2/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-katex v1.0.0 h1:me/3dIIZBkfk1mRIFt8QiAGYwYDoSG5bc2hHRtIutFc=
 github.com/gethinode/mod-katex v1.0.0/go.mod h1:byAfpI3wuqNJIooTGVEGc1cjBhhCy4+CcK1H6495MYg=
 github.com/gethinode/mod-katex v1.0.1 h1:809QUztxmKgMNchU+v03iMO7Ma+ISc3ZzhXYauc21rs=
@@ -232,6 +238,8 @@ github.com/gethinode/mod-leaflet v1.2.0 h1:5q5LHmGNi9N4cdRDCsl/6oI8vY3oQ2ogNUjP3
 github.com/gethinode/mod-leaflet v1.2.0/go.mod h1:Ei0x9WiL7Dbi4JeG6yI1CE63bT1QJ8sKi67Jea1wFSE=
 github.com/gethinode/mod-leaflet v1.2.1 h1:p0bKi+F5vbXwYknBvFEN9KymK8PRqKaYhVz5O1QPs/c=
 github.com/gethinode/mod-leaflet v1.2.1/go.mod h1:Ei0x9WiL7Dbi4JeG6yI1CE63bT1QJ8sKi67Jea1wFSE=
+github.com/gethinode/mod-leaflet v1.3.0 h1:rRjuuW2KVJjnrBrFIOxxHxkB6RPdmlTivBlvceBG3Fk=
+github.com/gethinode/mod-leaflet v1.3.0/go.mod h1:F/XR1lYKENw91u+IC4NXQT6dbCyJlSJUPClMVpBK8Tw=
 github.com/gethinode/mod-lottie v1.0.0 h1:1CUZMcgN5FAyjjyuP3qkaOQ6M5sv6HUAbosW4sIT5VE=
 github.com/gethinode/mod-lottie v1.0.0/go.mod h1:erRCgSL2FCfKHI0jQbSpM+g0jXl7SjKVJrh7kWGteKs=
 github.com/gethinode/mod-lottie v1.0.1 h1:+IE7xtnSVQpJS56oBJq9RWKZeFEfxrOZAqE3BSrS/u0=
@@ -288,8 +296,12 @@ github.com/gethinode/mod-lottie v1.5.13 h1:Vth/OZDjfBZ9Kz5ew3tXGj9tU6w4StIta6qgf
 github.com/gethinode/mod-lottie v1.5.13/go.mod h1:tMFSUW9z3kC8IvDfs1ph9MGjuZFRBrpCnpodrwY+L4w=
 github.com/gethinode/mod-lottie v1.5.14 h1:17wmpi4XQzmwSB2HKNVa7c6ZzULrRnpKdowOFQQf0m8=
 github.com/gethinode/mod-lottie v1.5.14/go.mod h1:VrjjmrwP/NIrLW7oDQyEAHdbeIRQfbr5BKjgKvI9Al4=
+github.com/gethinode/mod-lottie v1.6.0 h1:O0ld9Q1rBWKb9HzuCuGPBfCegUcIqczMGNW2O/VjVYk=
+github.com/gethinode/mod-lottie v1.6.0/go.mod h1:jZy8EJ6ldLnOXhpzayJ2STZ4hzykqkguFHWpN4aHxMo=
 github.com/gethinode/mod-mermaid v1.1.23 h1:DA5iIdopb7f3wC+bfZ7J5HhcRUuVI/2j1+W/j5L/wwQ=
 github.com/gethinode/mod-mermaid v1.1.23/go.mod h1:rw6vrY9DpdJblwFwLuXCdy2kBHxMf6gGKWeetwfTSfc=
+github.com/gethinode/mod-mermaid/v2 v2.0.1 h1:QcahIFCgmYAGsukQ0d+/L4IJtDwgXgv0WzilZ9poI9o=
+github.com/gethinode/mod-mermaid/v2 v2.0.1/go.mod h1:kp3oUFAjKxuwzFbwxGWPEx5VQOu2ZHzcrwcNhDv08BI=
 github.com/gethinode/mod-simple-datatables v1.0.0 h1:Dj4WGw12OkaimwkCpLn5Jhmd49dvNJW9O2P/W9F+HlQ=
 github.com/gethinode/mod-simple-datatables v1.0.0/go.mod h1:K8T7fIdb8pMOB+OSW4A5lz5IW99+HyzcTgx764fvOGw=
 github.com/gethinode/mod-simple-datatables v1.0.2 h1:zhqxHet3iLQWYCBbGROALpOY9zQlptMycFkz1Tto5bA=
@@ -328,6 +340,8 @@ github.com/gethinode/mod-simple-datatables v1.1.6 h1:7nPeRwHlYbmlNEg7fBV6FyXqpxW
 github.com/gethinode/mod-simple-datatables v1.1.6/go.mod h1:bvMdmQFk4Hvyltf/QhMqUaApvPbIGTnbI3JLjOEh8go=
 github.com/gethinode/mod-simple-datatables v1.1.7 h1:wCY2bWFUxRHWbWzb/zefCACooCSbDPYKrZthfn+qAgM=
 github.com/gethinode/mod-simple-datatables v1.1.7/go.mod h1:FjkIEuxqeLLEqqDcz/nHAGHsRfV7EJP5Uhk4kYD8okY=
+github.com/gethinode/mod-simple-datatables/v2 v2.0.1 h1:ZwdI96n8dM2VLwdM/x+Vj7sa4tfiAUnkDj39jn+vkXc=
+github.com/gethinode/mod-simple-datatables/v2 v2.0.1/go.mod h1:mmf1AOxpHdSRQnW2k7ExVWKTyzbG2hpsDRssmyASNb8=
 github.com/gethinode/mod-utils v1.0.0 h1:cqHm2xS5uDiJzRm1KfHaNbq6uMVDKLhQa8/BuTZ1nhY=
 github.com/gethinode/mod-utils v1.0.0/go.mod h1:ONJm3pHCq7nvaPNjusLZNCeCbhOhSBH4HVKHwK1FdYE=
 github.com/gethinode/mod-utils v1.0.1 h1:jhZGlGFHHL1f5HXbBMXfiZ2gCz4TVafAzjnRPTIBSEE=
@@ -420,6 +434,10 @@ github.com/gethinode/mod-utils/v3 v3.3.0 h1:qxuIavgL9LIyMhfCv8El+KL41rcNmQ8GaExn
 github.com/gethinode/mod-utils/v3 v3.3.0/go.mod h1:9iHYWiDpDlcyrGAOHniubK/kziJYhTsw7UpGM+u4MOM=
 github.com/gethinode/mod-utils/v3 v3.3.1 h1:0mHrUyIwSkbiQIUuXpnptYDIizkI7Ak39RTgoRMbJfY=
 github.com/gethinode/mod-utils/v3 v3.3.1/go.mod h1:9iHYWiDpDlcyrGAOHniubK/kziJYhTsw7UpGM+u4MOM=
+github.com/gethinode/mod-utils/v4 v4.5.0 h1:p6sDsMNA/KE2IK3SPdWjFX3cPAwPP5gDxzJu2tIWYl4=
+github.com/gethinode/mod-utils/v4 v4.5.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.5.1 h1:VKmqi6+oC93noHUJ6HvFlelglHT/9+kXQjpJs7VtWko=
+github.com/gethinode/mod-utils/v4 v4.5.1/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=
@@ -450,3 +468,5 @@ github.com/twbs/bootstrap v5.3.5+incompatible h1:6XrrFNMsiTTFcVTBf2886FO2XUNtwSE
 github.com/twbs/bootstrap v5.3.5+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
 github.com/twbs/bootstrap v5.3.6+incompatible h1:efmXVyq839m5QQ0+JBUdQQ1TrmoBqvQ5kRhUueKsH+4=
 github.com/twbs/bootstrap v5.3.6+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
+github.com/twbs/bootstrap v5.3.7+incompatible h1:ea1W8TOWZFkqSK2M0McpgzLiUQVru3bz8aHb0j/XtuM=
+github.com/twbs/bootstrap v5.3.7+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
--- a/hugo_stats.json
+++ b/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",
@@ -50,11 +50,11 @@
      "btn-primary",
      "checkbox",
      "col",
-      "col-10",
      "col-12",
      "col-6",
      "col-8",
-      "col-md-",
+      "col-md-1",
+      "col-md-11",
      "col-md-2",
      "col-md-6",
      "col-md-8",
@@ -92,10 +92,10 @@
      "fixed-top",
      "flex-column",
      "flex-fill",
+      "flex-grow-1",
      "footer",
      "form-control",
      "fs-3",
-      "fullscreen",
      "fw-30",
      "fw-bold",
      "h-100",
@@ -111,12 +111,14 @@
      "is-search",
      "justify-content-center",
      "justify-content-end",
+      "justify-content-md-start",
      "justify-content-start",
      "label",
      "lead",
      "link-bg-footer",
      "link-secondary",
-      "main-content",
+      "m-auto",
+      "main",
      "main-nav-toggler",
      "me-auto",
      "middle-bar",
@@ -156,19 +158,15 @@
      "ps-1",
      "pt-1",
      "pt-4",
-      "pt-5",
      "pt-md-0",
-      "pt-md-3",
      "px-4",
      "px-xxl-0",
      "py-3",
      "py-4",
-      "py-md-5",
      "rounded",
      "row",
      "row-cols-1",
      "row-cols-2",
-      "row-cols-md-2",
      "row-cols-sm-3",
      "search",
      "search-input",
@@ -179,6 +177,7 @@
      "text-body",
      "text-center",
      "text-decoration-none",
+      "text-md-start",
      "text-muted",
      "text-secondary",
      "text-sm-start",
--- a/layouts/_partials/assets/card-group.html
+++ b/layouts/_partials/assets/card-group.html
@@ -30,6 +30,8 @@
 {{- end -}}

 {{/* Initialize global variables */}}
+{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
 {{- $pretty := site.Params.main.internalLinks.pretty | default false -}}

 {{/* Initialize local variables */}}
@@ -136,8 +138,7 @@

 {{/* Main code */}}
 {{- if and (not $error) (or (gt (len $elements) 0) $args.cards) -}}
-<div class="{{- $args.wrapper -}}">
-    <div class="container-fluid {{ if $args.scroll }}card-container-wrapper{{ end }} p-0">
+    <div class="container-fluid {{ if $args.scroll }}card-container-wrapper{{ end }} p-0 {{ $args.wrapper }}">
        <div class="row g-{{ $args.gutter -}}
        {{- if $args.scroll }} d-flex flex-row flex-nowrap card-container scrollbar-horizontal pb-4 w-100 {{ end -}}
        {{- if $args.bento }}{{ with $args.valign }} align-items-{{ . }}{{ end }}{{ else }} {{ $colGrid }}{{ end }}">
@@ -187,7 +188,7 @@

    {{- if $paginator -}}
        {{- if gt $paginator.TotalPages 1 -}}
-            <div class="pt-3">{{- partial "assets/pagination.html" (dict "page" $args.page "format" "terse") -}}</div>
+            <div class="pt-{{ $padding.y }}">{{- partial "assets/pagination.html" (dict "page" $args.page "format" "terse") -}}</div>
        {{- end -}} 
    {{- else -}}
        {{- if or (and (gt $count $max) $args.hrefTitle) (and $args.hrefForce  $args.hrefTitle) -}}
@@ -195,8 +196,11 @@
            {{- if and $pretty (not (hasSuffix $href "/" )) (not (strings.Contains $href "#")) -}}
                {{- $href = printf "%s/" $href -}}
            {{- end -}}
-            <a class="btn btn-outline-primary mt-4" href="{{ $href | safeURL }}" role="button">{{ $args.hrefTitle }}</a>
+            <div class="mt-{{ $padding.y }} w-100">
+                <a class="btn btn-outline-primary" href="{{ $href | safeURL }}" role="button">
+                    {{ $args.hrefTitle }}
+                </a>
+            </div>
        {{- end -}}
    {{- end -}}
-</div>
 {{- end -}}
--- a/layouts/_partials/assets/card.html
+++ b/layouts/_partials/assets/card.html
@@ -62,7 +62,10 @@
    </small></p>
 {{- end -}}

-{{/* Initialize arguments */}}
+{{/* Initialize global variables */}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
+{{/* Initialize local arguments */}}
 {{ $args := partial "utilities/InitArgs.html" (dict "structure" "card" "args" . "group" "partial") }}
 {{ if or $args.err $args.warnmsg }}
    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
@@ -148,19 +151,19 @@
    {{ if $thumbnail }}
        {{ if eq $args.orientation "horizontal-sm" }}
            {{ $stack = "fa-1x" }}
-            {{ $col1 = "col-4 col-md-2" }}
+            {{ $col1 = "col-4 col-md-2 pe-0" }}
            {{ $col2 = "col-8 col-md-10" }}
        {{ else }}
-            {{ $col1 = "col-4" }}
+            {{ $col1 = "col-4 pe-0" }}
            {{ $col2 = "col-8" }}
        {{ end }}
    {{ else if $icon }}
        {{ if eq $args.orientation "horizontal-sm" }}
            {{ $stack = "fa-1x" }}
-            {{ $col1 = "col-2 col-sm-3 col-md-4 col-xl-2" }}
-            {{ $col2 = "col-10 col-sm-9 col-md-8 col-xl-10" }}
+            {{ $col1 = "col-4 col-md-2 pe-0" }}
+            {{ $col2 = "col-8 col-md-10" }}
        {{ else }}
-            {{ $col1 = "col-4" }}
+            {{ $col1 = "col-4 pe-0" }}
            {{ $col2 = "col-8" }}
        {{ end }}

@@ -168,7 +171,7 @@

    {{/* Render horizontal card */}}
    <div class="card {{ $colorStyle }}{{ $args.class }}">
-        <div class="row g-0 row-cols-2 h-100{{ if $args.button }} pb-5{{ end }}">
+        <div class="row g-0 row-cols-2 h-100{{ if $args.button }} pb-{{ $padding.y }}{{ end }}">
            {{- if $thumbnail -}}
                <div class="{{ $col1 }}">
                    {{ $fullHeight := "card-img-h100" }}
--- a/layouts/_partials/assets/helpers/image-definition.html
+++ b/layouts/_partials/assets/helpers/image-definition.html
@@ -51,6 +51,17 @@
 {{- $width := index $target "width" -}}
 {{- $data := index $target "data" -}}

+{{ if and $args.imageWidth $args.imageHeight }}
+    {{ $height = $args.imageHeight }}
+    {{ $width = $args.imageWidth }}
+{{ else if and $args.imageWidth $height $width }}
+    {{ $height = int (math.Round (mul (div (float $args.imageWidth) $width) $height)) }}
+    {{ $width = $args.imageWidth }}
+{{ else if and $args.imageHeight $height $width }}
+    {{ $width = int (math.Round (mul (div (float $args.imageHeight) $height) $width)) }}
+    {{ $height = $args.imageHeight }}
+{{ end }}
+
 {{/* Add color modes */}}
 {{- range $none := $modes -}}
    {{- if ne $none $args.colorMode -}}
@@ -81,7 +92,12 @@
            {{ with $width }} width="{{ . }}"{{ end -}}
            {{ with $alt }} alt="{{ . }}"{{ end }}>
    {{- else -}}
-        <svg class="{{ $args.class }}">
+        <svg class="{{ $args.class }}"
+        {{ if or $args.imageHeight $args.imageWidth }}
+            {{ with $width }} width="{{ . }}"{{ end }}
+            {{ with $height }} height="{{ . }}"{{ end }}
+        {{ end }}
+        >
            <use href="{{ $fallbackURL }}#{{ $fileAnchor }}"></use>
        </svg>
    {{- end -}}
--- a/layouts/_partials/assets/hero-image.html
+++ b/layouts/_partials/assets/hero-image.html
@@ -16,8 +16,8 @@
    )}}
 {{ end }}

-{{ if not $args.err }}
-    <div class="hero-image-container">
+{{ if and (not $args.err) (or $args.image $args.icon) }}
+    <div class="hero-image-container {{ with $args.justify }}d-flex justify-content-center justify-content-md-{{ . }}{{ end }}">
        {{ partial "assets/featured-illustration.html" (dict 
            "page"    $args.page
            "icon"    $args.icon
--- a/layouts/_partials/assets/hero.html
+++ b/layouts/_partials/assets/hero.html
@@ -22,22 +22,21 @@
 {{/* Initialize global variables */}}
 {{ $arrangement := site.Params.modules.bookshop.title.arrangement }}
 {{ if eq $args.order "first" }}{{ $arrangement = "above" }}{{ end }}
+{{- $padding := partial "utilities/GetPadding.html" -}}

 {{/* Initialize local variables */}}
 {{ $align := $args.align }}
-{{ if and (not $align) (eq $args.orientation "stacked") }}{{ $align = "center" }}{{ end }}
-{{ $class := $args.class }}
+{{ $class := $args.class | default "" }}
 {{ $scale := $args.illustration.width }}

 {{ if $scale }}
-    {{ $class = trim (printf "%s col-%d " $class $scale) " " }}
+    {{ $class = trim (printf "%s col-%d text-center text-md-%s" $class $scale $align) " " }}
 {{ else }}
-    {{ $class = trim (printf "%s col-8 col-md-12" $class) " " }}
    {{ $scale = 12 }}
 {{ end }}

 {{ $iconWrapper := "col-6" }}
-{{ if $args.center }}{{ $iconWrapper = "col-6 mx-auto text-center" }}{{ end }}
+{{ $heading := cond (eq $args.orientation "horizontal") (merge $args.heading (dict "width" 12)) $args.heading }}

 {{ $sizes := "100vw" }}
 {{ if or (lt $args.width 12) (lt $scale 12) }}
@@ -58,79 +57,76 @@
 {{ end }}

 {{ if not $error }}
-    <div class="container-xxl {{ $args.padding }} d-flex flex-column">
-        {{ if and $args.breadcrumb (not page.IsHome) }}
-            <div class="d-flex flex-column align-items-{{ $align}} mb-4 pe-3">
-                {{ if site.Params.env_bookshop_live }}
-                    <i class="text-white">Breadcrumb preview not supported</i>
-                {{ else }}
-                    {{ partial "assets/breadcrumb.html" (dict "page" page) }}
-                {{ end }}            
-            </div>
-        {{ end }}
+    {{ if and $args.breadcrumb (not page.IsHome) }}
+        <div class="d-flex flex-column align-items-{{ $align}} mb-{{ $padding.y }} pe-3">
+            {{ if site.Params.env_bookshop_live }}
+                <i class="text-white">Breadcrumb preview not supported</i>
+            {{ else }}
+                {{ partial "assets/breadcrumb.html" (dict "page" page) }}
+            {{ end }}            
+        </div>
+    {{ end }}

-        {{ $imageWrapper := printf "mx-auto mx-md-0 %s" $class }}
-        {{ if eq $args.orientation "stacked" }}
-            {{ $imageWrapper = printf "pt-5 %s" $class }}
-            {{ if $args.center }}{{ $imageWrapper = printf "%s mx-auto" $imageWrapper }}{{ end }}
-            {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}
-        {{ end }}
-
-        {{ $sectionClass := cond (eq $args.orientation "stacked") "pt-5" "py-md-5" }}
+    {{ $imageWrapper := printf "mx-md-0 text-%s %s" $align $class }}
+    {{ $imageJustify := "" }}
+    {{ if eq $args.orientation "stacked" }}
+        {{ $imageWrapper = printf "pt-%d text-center %s" $padding.y $class }}
        {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}
+    {{ else }}
+        {{ $imageJustify = $align }}
+    {{ 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
-        ) }}
+    {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}

-        {{ $title := partial "assets/section-title.html" (dict
-            "heading"             $args.heading
-            "use-title"           $args.useTitle
-            "size"                $args.size
-            "links"               $args.links
-            "type"                (or $args.linkType $args.type)
-            "class"               (printf "hero-title %s" $sectionClass)
-            "arrangement"         $arrangement
-        ) }}
+    {{ $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
+    ) }}

-        {{ if eq $args.orientation "stacked" }}
-            {{/* Render stacked component */}}
-            <div class="row flex-fill">
-                <div class="col col-12 col-md-{{ $args.width }}{{ if $args.center }} m-auto{{ end }}">
-                    {{ $illustration | safeHTML }}
-                    {{ $title | safeHTML }}
-                </div>
+    {{ $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
+    ) }}
+
+    {{ if eq $args.orientation "stacked" }}
+        {{/* Render stacked component */}}
+
+        {{ $illustration | safeHTML }}
+        {{ $title | safeHTML }}
+    {{ else }}
+        {{/* Render horizontal component */}}
+        <div class="row row-cols-1 {{ if eq $args.orientation "stacked" }}row-cols-md-2 {{ end }} flex-grow-1">
+            {{ $order1 := "order-1 order-md-0" }}
+            {{ $order2 := "order-0 order-md-1" }}
+            {{ if eq $args.order "first" }}
+                {{ $order1 = "order-1" }}
+                {{ $order2 = "order-0" }}
+            {{ end }}
+
+            {{ $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">
+                {{ $title | safeHTML }}
            </div>
-        {{ else }}
-            {{/* Render horizontal component */}}
-            <div class="row row-cols-1 row-cols-md-2 flex-fill">
-                {{ $order1 := "order-1 order-md-0 " }}
-                {{ $order2 := "order-0 order-md-1" }}
-                {{ if eq $args.order "first" }}
-                    {{ $order1 = "order-1" }}
-                    {{ $order2 = "order-0" }}
-                {{ end }}
-
-                <div class="col col-12 col-md-{{ $args.width }} {{ $order1 }} my-md-auto pt-5 pt-md-0 hero-content">
-                    {{ $title | safeHTML }}
-                </div>
-                <div class="col col-10 col-md-{{ sub 12 $args.width }}
-                    {{ $order2 }}{{ if $args.center }} text-center{{ end }} my-md-auto align-self-end">
-                    <div>
-                        {{ $illustration | safeHTML }}
-                    </div>
-                </div>
+            <div class="col col-8 col-md-{{ $imgWidth }} {{ $order2 }} m-auto my-md-auto align-self-end">
+                {{ $illustration | safeHTML }}
            </div>
-        {{ end }}
-    </div>
+        </div>
+    {{ end }}
 {{ end }}
--- a/layouts/_partials/assets/image.html
+++ b/layouts/_partials/assets/image.html
@@ -38,6 +38,8 @@
    "page"         $args.page
    "ratio"        $args.ratio
    "portrait"     $args.portrait
+    "image-width"  $args.imageWidth
+    "image-height" $args.imageHeight
    "wrapper"      $args.wrapper
    "class"        $args.class
    "title"        $args.title
@@ -62,7 +64,10 @@

        {{- range $suffix := $modes -}}
            {{- $image := printf "%s-%s%s" $base $suffix $ext -}}
-            {{- $params = merge $params (dict "src" $image) -}}
+            {{- $params = merge $params (dict
+                    "src"   $image
+                    "class" (printf "%s d-none-%s" $args.class (cond (eq $suffix "dark") "light" "dark"))
+            ) -}}
            {{- partial "assets/helpers/image-definition.html" $params -}}
        {{- end -}}
    {{ else }}
--- a/layouts/_partials/assets/links.html
+++ b/layouts/_partials/assets/links.html
@@ -21,6 +21,7 @@

 {{/* Initialize global arguments */}}
 {{- $breakpoint := page.Scratch.Get "breakpoint" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}

 {{- define "_partials/links-content.html" -}}
    {{ $links := .links }}    
@@ -93,10 +94,10 @@
    {{ end }}
 {{ end }}

-<div class="hstack d-none d-{{ $breakpoint.current }}-block {{ if gt (len $args.links) 1 }} gap-5{{ end }} justify-content-{{ $args.align }} pt-5 pt-md-3">
+<div class="hstack d-none d-{{ $breakpoint.current }}-block {{ if gt (len $args.links) 1 }} gap-5{{ end }} justify-content-{{ $args.align }} pt-{{ $padding.y }}">
    {{ partial "links-content.html" (dict "links" $args.links "justify" $args.justify "type" $args.linkType "li" false) }}
 </div>

-<div class="d-{{ $breakpoint.current }}-none">
+<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) }}
 </div>
--- a/layouts/_partials/assets/nav-item.html
+++ b/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 | safeHTML -}}</div>
+                <div class="accordion-body">{{ $args.body | $args.page.RenderString | safeHTML }}</div>
            </div>
        </div>
    {{ else }}
@@ -87,7 +87,7 @@
            data-has-content="{{ gt (len $args.body) 0 }}"
            {{ if $args.disabled }} data-disabled-id="{{ $args.id }}"{{ end }}
        >
-            {{ $args.body }}
+            {{ $args.body | $args.page.RenderString | safeHTML }}
        </div>
    {{ end }}
 {{ end }}
--- a/layouts/_partials/assets/nav.html
+++ b/layouts/_partials/assets/nav.html
@@ -33,7 +33,8 @@
        <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 
+                    {{ partial "assets/nav-item.html" (dict
+                        "page"         $args.page
                        "id"           $index
                        "parentID"     $id
                        "fade"         false
--- a/layouts/_partials/assets/navbar.html
+++ b/layouts/_partials/assets/navbar.html
@@ -79,6 +79,9 @@
    )}}
 {{ end }}

+{{/* Initialize global variables */}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
 {{/* Initialize local arguments */}}
 {{- $absoluteURL := site.Params.main.canonifyAssetsURLs | default false -}}
 {{- $pretty := site.Params.main.internalLinks.pretty | default false }}
@@ -114,48 +117,16 @@
 {{- $enableLanguage := or $page.IsTranslated hugo.IsMultilingual -}}
 {{- $horizontal := default false site.Params.navigation.horizontal -}}

-{{- $logo := $args.logo | default site.Params.navigation.logo -}}
-{{- $logoLight := "" -}}
-{{- $logoDark := "" -}}
-{{- if $enableDarkMode -}}
-    {{ $ext := path.Ext $logo -}}
-    {{- $ext := path.Ext $logo -}}
-    {{- $base := strings.TrimSuffix $ext $logo -}}
-    {{- range $suffix := $modes -}}
-        {{- $base = strings.TrimSuffix (printf "-%s" $suffix) $base -}}
-    {{- end -}}
-
-    {{- $logoLight = printf "%s-light%s" $base $ext -}}
-    {{- $logoDark = printf "%s-dark%s" $base $ext -}}
-    
-    {{- $light := fileExists (path.Join "/static" $logoLight) -}}
-    {{- $dark := fileExists (path.Join "/static" $logoDark) -}}
-    {{- if and $light (not $dark) -}}
-        {{- warnf "partial [assets/navbar.html] - Missing file: %s" $logoDark -}}
-        {{- $logoLight = "" -}}
-        {{- $logoDark = "" -}}
-    {{- end -}}
-    {{- if and (not $light) $dark -}}
-        {{- warnf "partial [assets/navbar.html] - Missing file: %s" $logoLight -}}
-        {{- $logoLight = "" -}}
-        {{- $logoDark = "" -}}
-    {{- end -}}
-    {{- if not (or $light $dark) -}}
-        {{- $logoLight = "" -}}
-        {{- $logoDark = "" -}}
-    {{- end -}}
-{{- end -}}
-
-{{ if $logo }}{{ $logo = partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $logo) }}{{ end }}
-{{ if $logoLight }}{{ $logoLight = partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $logoLight) }}{{ end }}
-{{ if $logoDark }}{{ $logoDark = partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $logoDark) }}{{ end }}
-
 {{- $title := site.Title -}}
 {{- if $args.title -}}
    {{- $title = $args.title -}}
-    {{- if not $args.logo }}{{ $logo = "" }}{{ end -}}
 {{- end -}}

+{{ $logo := "" }}
+{{ with $args.logo | default site.Params.navigation.logo }}
+    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" 30) }}
+{{ end }}
+
 {{- $pre := $args.pre -}}
 {{- $post := $args.post -}}
 {{- $class := $args.class -}}
@@ -171,7 +142,7 @@
 {{/* Main code */}}
 <div class="container-fluid {{ if $args.fixed }}fixed-top{{ else if $overlay }}navbar-overlay{{ end }} p-0{{ with $class }} {{ . }}{{ end }}">
    {{- partial "assets/page-alert.html" (dict "page" $page) -}}
-    <nav class="navbar p-4
+    <nav class="navbar px-{{ $padding.x }} py-{{ $padding.y }}
        {{- if not $overlay }}{{ with $color }} bg-{{ . }}{{ end }}{{ end -}}
        {{ if $args.fixed }} navbar-fixed-top{{ end }} navbar-expand-{{ $args.breakpoint -}}
        {{ if $contrast }} navbar-contrast{{ end }}"
@@ -198,18 +169,9 @@
                </div>
        
                {{/* Insert the brand logo or name */}}
-                <div class="{{ if (or $logoLight $logo) }}mx-auto{{ else }}flex-grow-1 flex-{{ $args.breakpoint }}-grow-0{{ end }}">
+                <div class="{{ if $logo }}mx-auto{{ else }}flex-grow-1 flex-{{ $args.breakpoint }}-grow-0{{ end }}">
                    <a class="navbar-brand" href="{{ site.Home.RelPermalink }}" aria-label="{{ T "home" }}">
-                        {{- if (and $logoLight $logoDark) -}}
-                            {{ $width := partial "utilities/GetWidth.html" (dict "path" $logoLight "height" 30) }}
-                            <img src="{{if $absoluteURL }}{{ absURL $logoLight }}{{ else }}{{ $logoLight }}{{ end }}" class="d-none-inline-dark" alt="{{ $title }} logo" height="30"{{ with $width }} width="{{ . }}"{{ end }}>
-                            <img src="{{if $absoluteURL }}{{ absURL $logoDark }}{{ else }}{{ $logoDark }}{{ end }}" class="d-none-inline-light" alt="{{ $title }} logo" height="30"{{ with $width }} width="{{ . }}"{{ end }}>
-                        {{- else if $logo -}}
-                            {{ $width := partial "utilities/GetWidth.html" (dict "path" $logo "height" 30) }}
-                            <img src="{{if $absoluteURL }}{{ absURL $logo }}{{ else }}{{ $logo }}{{ end }}" alt="{{ $title }} logo" height="30"{{ with $width }} width="{{ . }}"{{ end }}>
-                        {{- else -}}
-                            <div class="navbar-title fw-bold h-100">{{ $title }}</div>
-                        {{- end -}}
+                        {{- with $logo -}}{{ . }}{{- else -}}<div class="navbar-title fw-bold h-100">{{ $title }}</div>{{- end -}}
                    </a>
                </div>
        
--- a/layouts/_partials/assets/section-title.html
+++ b/layouts/_partials/assets/section-title.html
@@ -14,62 +14,98 @@
    )}}
 {{ end }}

+{{/* Initialize global arguments */}}
+{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
 {{/* Initialize local arguments */}}
-{{- $size := (or .size site.Params.modules.bookshop.title.size) | default 4 -}}
-{{- $arrangement := (or .arrangement site.Params.modules.bookshop.title.arrangement) | default "above" -}}
-{{- $headingStyle := (or .headingStyle site.Params.modules.bookshop.title.headingStyle) | default "display" -}}
-{{- $bodyStyle := (or .bodyStyle site.Params.modules.bookshop.title.bodyStyle) | default "lead text-muted" -}}
+{{- $size := (or $args.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.section }}
-    {{ $preheading = page.CurrentSection.Name }}
-{{ end }}
+{{ if and (not $preheading) $args.useSection }}{{ $preheading = page.CurrentSection.Name }}{{ end }}

 {{ if site.Params.main.titleCase }}
    {{ $preheading = title $preheading }}
    {{ $title = title $title }}
 {{ end }}

-{{- $breakpoint := page.Scratch.Get "breakpoint" -}}
-
 {{ define "_partials/assets/section-title-header.html" }}
    {{ $headingStyle := .headingStyle }}
+
    {{ if (index . "use-title") }}
        {{ $title := .title | page.RenderString }}
        {{ $label := trim (replaceRE "\r\n?|\n" " " ($title | plainify)) " " }}
        <h1 id="{{ anchorize .title }}" {{ if ne $title $label }}aria-label="{{ $label }}"{{ end -}}        
-            class="{{ $headingStyle }}-{{ .size }}{{ with .color }} text-{{ . }}{{ end }} pt-1">{{ .title | page.RenderString | safeHTML }}</h1>
+            class="{{ $headingStyle }}-{{ .size }}{{ with .color }} text-{{ . }}{{ end }} pt-1">
+                {{ .title | page.RenderString | safeHTML }}
+        </h1>
    {{ else }}
-        <div id="{{ anchorize .title }}" class="{{ $headingStyle }}-{{ .size }}{{ with .color }} text-{{ . }}{{ end }} pt-1">{{ .title | page.RenderString | safeHTML }}</div>
+        <div id="{{ anchorize .title }}" class="{{ $headingStyle }}-{{ .size }}{{ with .color }} text-{{ . }}{{ end }} pt-1">
+            {{ .title | page.RenderString | safeHTML }}
+        </div>
    {{ end }}
 {{ end }}

+{{ $header := "" }}
+{{ if $title }}
+    {{ $header = partial "assets/section-title-header.html" (dict
+        "use-title"    $args.useTitle
+        "title"        $title
+        "headingStyle" $headingStyle
+        "color"        $args.color
+        "size"         $size
+    ) }}
+{{ end }}
+
+{{ $links := "" }}
+{{ if $args.links }}
+    {{ $links = partial "assets/links.html" (dict
+        "page"      $args.page
+        "links"     $args.links
+        "align"     $args.heading.align
+        "justify"   $args.justify
+        "link-type" $args.linkType
+    ) }}
+{{ end }}
+
+{{ $imgArgs := dict
+    "page"    page
+    "icon"    $args.icon
+    "image"   $args.image
+    "anchor"  $args.anchor
+    "mode"    true
+    "sizes"   "20vw"
+    "title"   (T "heroImage")
+    "mode"    $args.mode
+}}
+
 <!-- Main code -->
-<div class="text-{{ $args.heading.align }}{{ with $args.class }} {{ . }}{{ end }} col col-12 col-md-{{ $args.heading.width }}">
+<div class="text-{{ $args.heading.align }}{{ with $args.class }} {{ . }}{{ end }}{{ if lt $width 12 }} col-12 col-{{ $breakpoint.current }}-{{ $width }}{{ end }} py-{{ $padding.y }}">
    {{ if and $preheading (eq $arrangement "first") }}
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-{{ $breakpoint.prev }}-12 col-{{ $breakpoint.next }}-2 p-0">
-                    {{ with $preheading }}<p class="preheading {{ if ne $args.color "body" }}text-{{ $args.color }}{{ else }}text-primary{{ end }}">{{ . | page.RenderString | safeHTML }}</p>{{ end }}
+                    {{ with $preheading }}
+                        <p class="preheading {{ if ne $args.color "body" }}text-{{ $args.color }}{{ else }}text-primary{{ end }}">
+                            {{ . | page.RenderString | safeHTML }}
+                        </p>
+                    {{ end }}
                </div>
                <div class="col-12 col-{{ $breakpoint.prev }}-8 col-{{ $breakpoint.current }}-9 col-{{ $breakpoint.next }}-8 p-0">
-                    {{ with $title }}{{ partial "assets/section-title-header.html" (dict "use-title" $args.useTitle "title" . "headingStyle" $headingStyle "color" $args.color "size" $size) }}{{ end }}
-                    {{ with $args.heading.content }}<div class="{{ $bodyStyle }} pt-4">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
-                    {{ if .links }}{{ partial "assets/links.html" (dict "page" $args.page "links" $args.links "align" $args.heading.align "justify" $args.justify "link-type" $args.type) }}{{ end }}
+                    {{ $header }}
+                    {{ with $args.heading.content }}
+                        <div class="{{ $contentStyle }} pt-{{ $padding.y }}">{{ . | page.RenderString | safeHTML }}</div>
+                    {{ end }}
+                    {{ $links }}
                </div>
                <div class="col-12 col-{{ $breakpoint.prev }}-4 col-{{ $breakpoint.current }}-3 col-{{ $breakpoint.next }}-2 p-0 ps-{{ $breakpoint.prev }}-4">
-                    {{ partial "assets/featured-illustration.html" (dict 
-                        "page"    page
-                        "icon"    $args.icon
-                        "image"   $args.image
-                        "anchor"  $args.anchor
-                        "mode"    true
-                        "sizes"   "20vw"
-                        "wrapper" (printf "col-4 col-%s-12 mx-auto pt-4 pt-%s-0" $breakpoint.prev $breakpoint.prev)
-                        "title"   (T "heroImage")
-                        "mode"    $args.mode
-                    ) }}
+                    {{ $wrapper := (printf "col-4 col-%s-12 mx-auto pt-%d pt-%s-0" $breakpoint.prev $padding.y $breakpoint.prev) }}
+                    {{ partial "assets/featured-illustration.html" (merge $imgArgs (dict "wrapper" $wrapper)) }}
                </div>
            </div>
        </div>
@@ -79,31 +115,29 @@
        <div class="container-fluid">
            <div class="row p-0">
                <div class="col-12 col-{{ $breakpoint.current }}-10 p-0">
-                    {{ with $preheading }}<p class="preheading {{ if ne $args.color "body" }}text-{{ $args.color }}{{ else }}text-primary{{ end }}">{{ . | page.RenderString | safeHTML }}</p>{{ end }}
-                    {{ with $title }}{{ partial "assets/section-title-header.html" (dict "use-title" $args.useTitle "title" . "headingStyle" $headingStyle "color" $args.color "size" $size) }}{{ end }}
-                    {{ with $args.heading.content }}<div class="{{ $bodyStyle }} pt-4">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
-                    {{ if .links }}{{ partial "assets/links.html" (dict "page" $args.page "links" $args.links "align" $args.heading.align "justify" $args.justify "link-type" $args.type) }}{{ end }}
+                    {{ with $preheading }}
+                        <p class="preheading {{ if ne $args.color "body" }}text-{{ $args.color }}{{ else }}text-primary{{ end }}">
+                            {{ . | page.RenderString | safeHTML }}
+                        </p>
+                    {{ end }}
+                    {{ $header }}
+                    {{ with $args.heading.content }}<div class="{{ $contentStyle }} pt-{{ $padding.y }}">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
+                    {{ $links }}
                </div>
                <div class="col-12 col-{{ $breakpoint.current }}-2 p-0 pt-2 text-center">
-                    {{ partial "assets/featured-illustration.html" (dict 
-                        "page"    page
-                        "icon"    $args.icon
-                        "image"   $args.image
-                        "anchor"  $args.anchor
-                        "mode"    true
-                        "ratio"   $args.ratio
-                        "sizes"   "20vw"
-                        "wrapper" "mx-auto"
-                        "title"   (T "heroImage")
-                        "mode"    $args.mode
-                    ) }}
+                    {{ $wrapper := (printf "col-4 col-%s-12 mx-auto pt-%d pt-%s-0" $breakpoint.prev $padding.y $breakpoint.prev) }}
+                    {{ partial "assets/featured-illustration.html" (merge $imgArgs (dict "ratio" $args.ratio "wrapper" "mx-auto")) }}
                </div>
            </div>
        </div>
    {{ else }}
-        {{ with $preheading }}<p class="preheading {{ if ne $args.color "body" }}text-{{ $args.color }}{{ else }}text-primary{{ end }}">{{ . | page.RenderString | safeHTML }}</p>{{ end }}
-        {{ with $title }}{{ partial "assets/section-title-header.html" (dict "use-title" $args.useTitle "title" . "headingStyle" $headingStyle "color" $args.color "size" $size) }}{{ end }}
-        {{ with $args.heading.content }}<div class="{{ $bodyStyle }} pt-4">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
-        {{ if $args.links }}{{ partial "assets/links.html" (dict "page" $args.page "links" $args.links "align" $args.heading.align "justify" $args.justify "link-type" $args.type) }}{{ end }}
+        {{ with $preheading }}
+            <p class="preheading {{ if ne $args.color "body" }}text-{{ $args.color }}{{ else }}text-primary{{ end }}">
+                {{ . | page.RenderString | safeHTML }}
+            </p>
+        {{ end }}
+        {{ $header }}
+        {{ with $args.heading.content }}<div class="{{ $contentStyle }} pt-{{ $padding.y }}">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
+        {{ $links }}
    {{ end }}
 </div>
--- a/layouts/_partials/assets/timeline.html
+++ b/layouts/_partials/assets/timeline.html
@@ -13,7 +13,6 @@
 {{ if or $args.err $args.warnmsg }}
    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
        "partial" "assets/timeline.html" 
-        "warnid"  "warn-invalid-arguments"
        "msg"     "Invalid arguments"
        "details" ($args.errmsg | append $args.warnmsg)
        "file"    page.File
@@ -28,7 +27,12 @@
 {{- $page := $args.page -}}
 {{- $data := partial "utilities/GetI18nData.html" (dict "page" $page "data" $args.data) }}
 {{ if not $data -}}
-    {{ errorf "Invalid timeline data '%s': %s" $page.File -}}
+    {{ partial "utilities/LogErr.html" (dict 
+        "partial" "assets/timeline.html" 
+        "msg"     "Invalid arguments"
+        "details" (slice (printf "Invalid timeline data '%s'" $args.data))
+        "file"    page.File
+    )}}
    {{ $error = true }}
 {{ end -}}
 {{ $background := partial "utilities/GetBackgroundStyle.html" (dict "background" $args.background) }}
@@ -80,7 +84,10 @@
                    {{ $datestr := (partial "utilities/date.html" (dict "date" $date "format" "long")) -}}
                    <p class="mb-0"><small class="text-body-secondary text-uppercase">{{ $datestr -}}</small></p>
                {{ end }}
-                <p class="mt-3 mb-0">{{ $content | $page.RenderString }}</p>
+                <p class="mt-3 mb-0">
+                    <!-- TODO: $page.RenderString causes an out of bounds error -->
+                    {{ $content | markdownify }}
+                </p>
            </div>
        </div>
    </div>    
@@ -95,8 +102,7 @@
            "use-title"   $args.useTitle
            "size"        $args.size
            "links"       $args.links
-            "type"        (or $args.linkType $args.type)
-            "class"       "pb-4"
+            "link-type"   (or $args.linkType $args.type)
            "arrangement" $arrangement
        ) }}
    {{ end }}
--- a/layouts/_partials/list/featured.html
+++ b/layouts/_partials/list/featured.html
@@ -1,125 +0,0 @@
-{{- $page := .page -}}
-{{- $headings := .headings -}}
-{{- $orientation := .orientation | default "stacked" -}}
-{{- $actions := .actions -}}
-{{- $width := .width | default 6 }}
-{{ $sizes := "100vw" }}
-{{- if or (lt $width 1) (gt $width 12) -}}
-    {{- $width = 6 -}}
-    {{- warnf "partial [list/featured.html] - Invalid column width: %d" $width -}}
-{{ end -}}
-{{- $justify := .justify | default "center" -}}
-{{- $supportedJustify := slice "start" "end" "center" "between" "around" "evenly" -}}
-{{- if not (in $supportedJustify $justify) -}}
-    {{- errorf "partial [list/featured.html] - Invalid value for param 'justify': %s" $justify -}}
-{{- end -}}
-{{- $align := .align | default "center" -}}
-{{- $supportedAlign := slice "start" "end" "center" -}}
-{{- if not (in $supportedAlign $align) -}}
-    {{- errorf "partial [list/featured.html] - Invalid value for param 'align': %s" $align -}}
-{{- end -}}
-{{- $breadcrumb := and (not $page.IsHome) site.Params.navigation.breadcrumb -}}
-
-{{- define "_partials/inline/featured-sizes.html" }}
-    {{ $sizes := printf "(min-width: 768px) %dvw, 50vw" (int (math.Round (div (mul .width 100) 12))) }}
-    {{ return $sizes }}
-{{ end }}
-
-{{- define "_partials/inline/featured-body.html" }}
-    {{- $page := .page -}}
-    {{- $headings := .headings -}}
-    {{- $orientation := .orientation | default "stacked" -}}
-    {{- $actions := .actions -}}
-    {{- $align := .align | default "center" -}}
-
-    <div class="text-{{ $align }}">
-        {{ $title := $page.Title }}
-        {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
-
-        {{ with $title }}<p class="display-4">{{ . }}</p>{{ end }}
-        <span class="fs-5 text-muted">{{ $page.Description }}</span>
-
-        {{ if $actions }}
-            {{- $actions = sort $actions "weight" "asc" -}}
-            <div class="hstack{{ if gt (len $actions) 1 }} gap-1{{ end }} justify-content-{{ $align}} pt-5 pt-md-3">
-                {{ range $actions }}
-                    {{ partial "assets/button.html" (dict 
-                        "href"    .url
-                        "icon"    .icon
-                        "label"   .label
-                        "title"   .title
-                        "outline" .outline
-                        "order"   "last"
-                        "justify" "start"
-                    ) }}
-                {{ end }}
-            </div>
-        {{ end }}
-    </div>
-{{- end -}}
-
-{{- define "_partials/inline/featured-illustration.html" }}
-    {{- $page := .page -}}
-    {{- $style := printf "img-wrap mx-auto mx-md-0 %s" .style -}}
-    {{ $sizes := .sizes }}
-
-    {{ if $page.Params.icon }}
-        {{- $icon := (or (and (reflect.IsMap $page.Params.Icon) $page.Params.Icon.url) $page.Params.Icon) -}}
-        {{- $mode := and (reflect.IsMap $page.Params.Icon) $page.Params.Icon.mode -}}
-        {{ if eq (lower (path.Ext $icon)) ".json" }}
-            {{ partial "assets/animation.html" (dict "data" $icon "mode" $mode "loop" false "hover" true "class" "col-6 mx-auto text-center") }}
-        {{ else }}
-            {{ partial "assets/icon.html" (dict "icon" "mode" $mode $icon "wrapper" "col-6 mx-auto text-center")}}
-        {{ end }}
-    {{ else }}
-        {{- $thumbnail := "" -}}
-        {{ if reflect.IsMap $page.Params.Thumbnail }}{{ $thumbnail = $page.Params.Thumbnail.url }}{{ else }}{{ $thumbnail = $page.Params.Thumbnail }}{{ end }}
-        {{- if $thumbnail }}
-            {{ partial "assets/image.html" (dict 
-                "src"      $thumbnail
-                "ratio"    "16x9"
-                "sizes"    $sizes
-                "wrapper"  $style
-                "class"    "rounded"
-                "title"    $page.Site.Title
-                "priority" "high"
-            ) }}
-        {{ end }}
-    {{ end }}
-{{- end -}}
-
-<div class="container-fluid p-0 {{ with site.Params.home.feature.color }} bg-{{ . }} bg-opacity-{{ site.Params.style.themeOpacity | default "25" | safeHTML }}{{ end }}">
-    <div class="container-xxl p-4 px-xxl-0 {{ if site.Params.home.fullCover }} fullcover{{ end }} d-flex flex-column">
-        {{ if $breadcrumb }}
-            <div>{{ partial "assets/breadcrumb.html" (dict "page" $page) }}</div>
-        {{ end -}}
-
-        {{ if eq $orientation "stacked" }}
-            <div class="row justify-content-center flex-fill">
-                <div class="col-12 col-md-{{ $width }} m-auto text-center">
-                    {{ $sizes = partial "inline/featured-sizes.html" (dict "width" $width) }}
-                    {{ partial "inline/featured-illustration.html" (dict "page" $page "sizes" $sizes "style" "pb-4") }}
-                    {{ partial "inline/featured-body.html" (dict "page" $page "headings" $headings "orientation" $orientation "actions" $actions) }}
-                </div>
-            </div>
-        {{ else }}
-            <div class="row row-cols-1 row-cols-md-2 justify-content-{{ $justify }} flex-fill">
-                <div class="col col-12 col-md-{{ $width }} order-1 order-md-0 my-md-auto">
-                    {{ partial "inline/featured-body.html" (dict "page" $page "headings" $headings "orientation" $orientation "actions" $actions "align" $align) }}
-                </div>
-                {{ $newWidth := $width }}
-                {{ if gt $width 6 }}{{ $newWidth = sub 12 $width }}{{ end }}
-                {{ $sizes = partial "inline/featured-sizes.html" (dict "width" $newWidth) }}
-                <div class="col col-12 col-md-{{ $newWidth }} order-0 order-md-1 text-center my-md-auto align-self-end">
-                    {{ partial "inline/featured-illustration.html" (dict "page" $page "sizes" $sizes "style" "pb-4 pb-md-0") }}
-                </div>
-            </div>
-        {{ end }}
-
-        {{ with $headings }}
-            <div class="col col-12 p-0 pt-5">
-                {{ partial "assets/toc-main.html" (dict "headings" .) }}
-            </div>
-        {{ end }}
-    </div>
-</div>
--- a/layouts/_partials/utilities/GetPadding.html
+++ b/layouts/_partials/utilities/GetPadding.html
@@ -0,0 +1,20 @@
+{{- /* Define main padding size */ -}}
+{{- $defaultY := 5 -}}
+{{- $defaultX := 5 -}}
+{{- $permitted := slice 0 1 2 3 4 5 }}
+{{- $paddingX := $defaultX -}}
+{{- if isset site.Params.main.padding "x" }}{{ $paddingX = site.Params.main.padding.x }}{{ end -}}
+{{- $paddingY := $defaultY -}}
+{{- if isset site.Params.main.padding "y" }}{{ $paddingY = site.Params.main.padding.y }}{{ end -}}
+
+{{- if not (in $permitted $paddingX) -}}
+    {{- warnf "layout [_default/baseof.html] - Invalid value for param 'padding.x': %d" $paddingX -}}
+    {{- $paddingX = $defaultX -}}
+{{- end -}}
+
+{{- if not (in $permitted $paddingY) -}}
+    {{- warnf "layout [_default/baseof.html] - Invalid value for param 'padding.y': %d" $paddingY -}}
+    {{- $paddingY = $defaultY -}}
+{{- end -}}
+
+{{- return (dict "x" $paddingX "y" $paddingY) -}}
--- a/layouts/_shortcodes/example-bookshop.html
+++ b/layouts/_shortcodes/example-bookshop.html
@@ -44,9 +44,9 @@
 {{- if eq $lang "bookshop" }}
    {{ $type = "bookshop" }}
    {{ $frontmatter := slice "yml" "yaml" "toml" "json" }}
-    {{ $inputRE := findRESubmatch `\x60\x60\x60(?:yml|yaml|json|toml)(\r\n|\r|\n)([\s\S]*?)\x60\x60\x60` $content 1}}
+    {{ $inputRE := findRESubmatch `\x60\x60\x60(?:yml|yaml|json|toml)(\r\n|\r|\n)([\s\S]*?)\x60\x60\x60` $content 1 }}
    {{ if and $inputRE (eq (len (index $inputRE 0)) 3) }}
-        {{ $lang = trim (index (split $content "\n") 1) "\x60" }}
+        {{ $lang = (trim (index (split $content "\n") 2) "\x60") | default "yml" }}
        {{ $content = index (index $inputRE 0) 2 }}
        {{ $data = index (unmarshal $content) 0 }}
        {{ $component_name := (index $data "_bookshop_name") }}
--- a/layouts/_shortcodes/nav-item.html
+++ b/layouts/_shortcodes/nav-item.html
@@ -30,11 +30,12 @@
    {{- if isset .Parent.Params "fade" }}{{ $parentFade = partial "utilities/CastBool.html" (.Parent.Get "fade") }}{{ end -}}
    {{- $fade = or $fade $parentFade -}}
    {{- $title := or $args.title $args.header -}}
-    {{- $body := trim .Inner " \r\n" | .Page.RenderString -}}
+    {{- $body := trim .Inner " \r\n" -}}
    {{- $current := "" -}}

    {{/* Main code */}}
    {{- $output := partial "assets/nav-item.html" (dict 
+        "page"      .Page
        "id"        $id
        "parent-id" $parent
        "fade"      $fade
@@ -57,6 +58,7 @@
    {{- end }}

    {{- $alternative := partial "assets/nav-item" (dict 
+        "page"         .Page
        "id"           $id
        "parent-id"    $parent
        "fade"         $fade
--- a/layouts/_shortcodes/nav.html
+++ b/layouts/_shortcodes/nav.html
@@ -21,9 +21,9 @@
 {{- $innerTitles := .Scratch.Get "inner-title" -}}
 {{- $input := trim .Inner " \r\n" -}}
 {{- if $input -}}
-    {{ $input = replace $input "\n" "\n  " -}}
-    {{ warnf "Unexpected inner content: %s\r\n      %s" .Position $input -}}
-{{ end }}
+    {{- $input = replace $input "\n" "\n  " -}}
+    {{- warnf "Unexpected inner content: %s\r\n      %s" .Position $input -}}
+{{- end -}}

 {{/* Main code */}}
 {{- if not $args.err -}}
@@ -41,4 +41,4 @@
        "width"      $args.width
        ) 
    -}}
-{{ end }}
+{{- end -}}
--- a/layouts/baseof.html
+++ b/layouts/baseof.html
@@ -50,7 +50,7 @@
            "breakpoint"  (default "md" site.Params.navigation.size))
        -}}

-        <div id="container" class="main-content fullscreen">
+        <div id="container" class="main">
            {{ $blocks }}
            {{ block "main" . }}{{ end -}}
        </div>
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "@gethinode/hinode",
-  "version": "1.0.0-alpha5",
+  "version": "1.0.0-beta",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "@gethinode/hinode",
-      "version": "1.0.0-alpha5",
+      "version": "1.0.0-beta",
      "license": "MIT",
      "dependencies": {
        "@fullhuman/postcss-purgecss": "^7.0.2",
@@ -19,7 +19,7 @@
      "devDependencies": {
        "@gethinode/netlify-plugin-dartsass": "^0.3.0",
        "cpy-cli": "^5.0.0",
-        "eslint": "^9.28.0",
+        "eslint": "^9.29.0",
        "markdownlint-cli2": "^0.18.1",
        "neostandard": "^0.12.1",
        "netlify-plugin-hugo-cache-resources": "^0.2.1",
@@ -329,9 +329,9 @@
      }
    },
    "node_modules/@eslint/config-array": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.20.0.tgz",
-      "integrity": "sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==",
+      "version": "0.20.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.20.1.tgz",
+      "integrity": "sha512-OL0RJzC/CBzli0DrrR31qzj6d6i6Mm3HByuhflhl4LOBiWxN+3i6/t/ZQQNii4tjksXi8r2CRW1wMpWA2ULUEw==",
      "dev": true,
      "license": "Apache-2.0",
      "dependencies": {
@@ -391,9 +391,9 @@
      }
    },
    "node_modules/@eslint/js": {
-      "version": "9.28.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.28.0.tgz",
-      "integrity": "sha512-fnqSjGWd/CoIp4EXIxWVK/sHA6DOHN4+8Ix2cX5ycOY7LG0UY8nHCU5pIp2eaE1Mc7Qd8kHspYNzYXT2ojPLzg==",
+      "version": "9.29.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.29.0.tgz",
+      "integrity": "sha512-3PIF4cBw/y+1u2EazflInpV+lYsSG0aByVIQzAgb1m1MhHFSbqTyNqtBKHgWf/9Ykud+DhILS9EGkmekVhbKoQ==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -1187,10 +1187,11 @@
      }
    },
    "node_modules/acorn": {
-      "version": "8.14.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
-      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
      "dev": true,
+      "license": "MIT",
      "bin": {
        "acorn": "bin/acorn"
      },
@@ -2874,19 +2875,19 @@
      }
    },
    "node_modules/eslint": {
-      "version": "9.28.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.28.0.tgz",
-      "integrity": "sha512-ocgh41VhRlf9+fVpe7QKzwLj9c92fDiqOj8Y3Sd4/ZmVA4Btx4PlUYPq4pp9JDyupkf1upbEXecxL2mwNV7jPQ==",
+      "version": "9.29.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.29.0.tgz",
+      "integrity": "sha512-GsGizj2Y1rCWDu6XoEekL3RLilp0voSePurjZIkxL3wlm5o5EC9VpgaP7lrCvjnkuLvzFBQWB3vWB3K5KQTveQ==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
        "@eslint-community/eslint-utils": "^4.2.0",
        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.20.0",
+        "@eslint/config-array": "^0.20.1",
        "@eslint/config-helpers": "^0.2.1",
        "@eslint/core": "^0.14.0",
        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.28.0",
+        "@eslint/js": "9.29.0",
        "@eslint/plugin-kit": "^0.3.1",
        "@humanfs/node": "^0.16.6",
        "@humanwhocodes/module-importer": "^1.0.1",
@@ -2898,9 +2899,9 @@
        "cross-spawn": "^7.0.6",
        "debug": "^4.3.2",
        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.3.0",
-        "eslint-visitor-keys": "^4.2.0",
-        "espree": "^10.3.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
        "esquery": "^1.5.0",
        "esutils": "^2.0.2",
        "fast-deep-equal": "^3.1.3",
@@ -3230,9 +3231,9 @@
      }
    },
    "node_modules/eslint-scope": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.3.0.tgz",
-      "integrity": "sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
      "dev": true,
      "license": "BSD-2-Clause",
      "dependencies": {
@@ -3259,10 +3260,11 @@
      }
    },
    "node_modules/eslint/node_modules/eslint-visitor-keys": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
      "dev": true,
+      "license": "Apache-2.0",
      "engines": {
        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
      },
@@ -3271,14 +3273,15 @@
      }
    },
    "node_modules/espree": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
-      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
      "dev": true,
+      "license": "BSD-2-Clause",
      "dependencies": {
-        "acorn": "^8.14.0",
+        "acorn": "^8.15.0",
        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.0"
+        "eslint-visitor-keys": "^4.2.1"
      },
      "engines": {
        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3288,10 +3291,11 @@
      }
    },
    "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
-      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
      "dev": true,
+      "license": "Apache-2.0",
      "engines": {
        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
      },
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@gethinode/hinode",
-  "version": "1.0.0-alpha5",
+  "version": "1.0.0-beta",
  "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
  "keywords": [
    "hugo",
@@ -79,7 +79,7 @@
  "devDependencies": {
    "@gethinode/netlify-plugin-dartsass": "^0.3.0",
    "cpy-cli": "^5.0.0",
-    "eslint": "^9.28.0",
+    "eslint": "^9.29.0",
    "markdownlint-cli2": "^0.18.1",
    "neostandard": "^0.12.1",
    "netlify-plugin-hugo-cache-resources": "^0.2.1",
Author	SHA1	Message	Date
Mark Dumay	1e64f4f009	Merge pull request #1469 from gethinode/develop Enable purge settings	2025-06-19 07:42:12 +02:00
Mark Dumay	8bd3f0a254	Fix purge settings of mod-simple-datatables	2025-06-19 07:09:37 +02:00
Mark Dumay	d6b3aaeb99	Merge branch 'main' into develop	2025-06-18 19:35:46 +02:00
Mark Dumay	e2e351f964	Enable purge settings	2025-06-18 19:35:09 +02:00
Mark Dumay	b711d0591d	Merge pull request #1468 from gethinode/develop Clean up core files	2025-06-18 19:32:13 +02:00
Mark Dumay	7a76408876	Merge branch 'main' into develop	2025-06-18 19:21:57 +02:00
Mark Dumay	1a53fdc636	Update build stats	2025-06-18 19:20:12 +02:00
Mark Dumay	81f60a28e1	Use updated animation arguments	2025-06-18 19:20:03 +02:00
Mark Dumay	193edecd03	Clean up obsolete file	2025-06-18 19:19:42 +02:00
Mark Dumay	9ed4d00d19	Use arguments from mod-utils instead	2025-06-18 19:19:32 +02:00
Mark Dumay	e821670be9	Update dependencies	2025-06-18 19:19:08 +02:00
Mark Dumay	7f7c8d12d9	Clean up base style	2025-06-18 19:18:58 +02:00
Mark Dumay	450e065117	Update dependencies	2025-06-18 19:18:05 +02:00
Mark Dumay	1360a750a5	Merge pull request #1466 from gethinode/develop Fix margins of hero	2025-06-18 07:17:32 +02:00
Mark Dumay	e7bb3ba1ca	Merge branch 'main' into develop	2025-06-18 07:07:53 +02:00
Mark Dumay	5121c1cf1c	Merge pull request #1464 from gethinode/hugo-mod-dependencies Update Hugo module dependencies	2025-06-18 07:07:23 +02:00
Mark Dumay	50bf5fa168	Merge branch 'main' into hugo-mod-dependencies	2025-06-18 06:55:35 +02:00
Mark Dumay	363fcc3788	Fix margins of hero	2025-06-18 06:54:49 +02:00
Mark Dumay	d2e2b424b8	Merge pull request #1465 from gethinode/develop Refactor navbar logo	2025-06-18 06:25:08 +02:00
Mark Dumay	859140e92f	Merge branch 'main' into develop	2025-06-18 06:17:30 +02:00
Mark Dumay	38ef1bbbfe	Bump package version	2025-06-18 06:16:35 +02:00
Mark Dumay	508da2ba2b	Refactor navbar logo	2025-06-18 06:16:00 +02:00
Mark Dumay	529301ec8b	Bump dependencies	2025-06-18 06:14:31 +02:00
markdumay	91acdeca75	fix: update Hugo module dependencies	2025-06-18 03:28:09 +00:00
Mark Dumay	805350c7b7	Merge pull request #1463 from gethinode/develop Fix highlight of example bookshop input	2025-06-17 19:11:18 +02:00
Mark Dumay	9900dce30d	Merge branch 'main' into develop	2025-06-17 19:00:58 +02:00
Mark Dumay	d40927f97a	Fix highlight of example bookshop input	2025-06-17 19:00:28 +02:00
Mark Dumay	8c5e032514	Merge pull request #1462 from gethinode/develop Make padding globally configurable	2025-06-17 18:40:21 +02:00
Mark Dumay	47a410f333	Merge branch 'main' into develop	2025-06-17 17:30:29 +02:00
Mark Dumay	fe0d3553fb	Make padding globally configurable	2025-06-17 17:29:56 +02:00
Mark Dumay	05af8f72a3	Merge pull request #1461 from gethinode/develop Refactor bookshop components	2025-06-17 06:28:15 +02:00
Mark Dumay	977c82b10d	Fix separator padding and width	2025-06-17 06:17:31 +02:00
Mark Dumay	be92798dec	Merge branch 'main' into develop	2025-06-17 05:54:59 +02:00
Mark Dumay	db9b96797a	Bump package release	2025-06-17 05:54:11 +02:00
Mark Dumay	d41d58cf5d	Refactor bookshop components	2025-06-17 05:53:33 +02:00
github-actions[bot]	d3fe893287	Merge pull request #1460 from gethinode/dependabot/npm_and_yarn/eslint-9.29.0 Bump eslint from 9.28.0 to 9.29.0	2025-06-16 14:13:36 +00:00
dependabot[bot]	e64a08c339	Bump eslint from 9.28.0 to 9.29.0 Bumps [eslint](https://github.com/eslint/eslint) from 9.28.0 to 9.29.0. - [Release notes](https://github.com/eslint/eslint/releases) - [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md) - [Commits](https://github.com/eslint/eslint/compare/v9.28.0...v9.29.0) --- updated-dependencies: - dependency-name: eslint dependency-version: 9.29.0 dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2025-06-16 14:05:37 +00:00
Mark Dumay	900fce4169	Merge pull request #1459 from gethinode/develop Refine content blocks	2025-06-11 16:59:46 +02:00
Mark Dumay	c82f9a41d4	Merge branch 'main' into develop	2025-06-11 16:51:36 +02:00
Mark Dumay	ea83db2eeb	Fix image mode rendering	2025-06-11 16:48:35 +02:00
Mark Dumay	d37c2f6517	Add cards content block	2025-06-11 16:40:16 +02:00
Mark Dumay	68a4859638	Add articles example	2025-06-11 16:39:41 +02:00
Mark Dumay	81494cb1ed	Bump package release	2025-06-11 05:49:02 +02:00
Mark Dumay	8307e2ab57	FIx timeline bug using workaround	2025-06-11 05:48:08 +02:00
Mark Dumay	4e6aad33d6	Merge pull request #1458 from gethinode/develop FIx rendering of inner nav-item content	2025-06-10 17:24:04 +02:00
Mark Dumay	8c3989e4f1	Merge branch 'main' into develop	2025-06-10 17:12:37 +02:00
Mark Dumay	42a81bab5f	FIx rendering of inner nav-item content	2025-06-10 17:10:36 +02:00