Merge pull request #1502 from gethinode/develop

Develop
fix: adjust padding of section title
2025-10-07 10:04:22 +00:00 · 2025-07-08 06:39:23 +02:00 · 2025-07-08 06:31:12 +02:00 · 2025-07-08 06:17:21 +02:00 · 2025-07-08 06:17:04 +02:00 · 2025-07-08 06:07:14 +02:00
25 changed files with 575 additions and 357 deletions
--- a/component-library/components/articles/articles.bookshop.yml
+++ b/component-library/components/articles/articles.bookshop.yml
@@ -27,6 +27,8 @@ blueprint:
  more:
    title:
    link:
+  icon-rounded:
+  icon-style:
  cols:
  padding:
  limit:
--- a/component-library/components/articles/articles.hugo.html
+++ b/component-library/components/articles/articles.hugo.html
@@ -73,6 +73,7 @@
 			"limit"        $args.limit
 			"cols"         $args.cols
 			"icon-rounded" $args.iconRounded
+			"icon-style"   $args.iconStyle
 			"href"         (cond $moreButton $moreLink "")
 			"href-title"   (cond $moreButton $moreTitle "")
 			"href-force"   (gt $result.total (len $result.pages))
@@ -96,7 +97,6 @@
 				"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"
--- a/component-library/components/cards/cards.bookshop.yml
+++ b/component-library/components/cards/cards.bookshop.yml
@@ -17,6 +17,7 @@ blueprint:
    width:
  cols:
  icon-rounded:
+  icon-style:
  padding:
  background:
    backdrop:
@@ -32,3 +33,4 @@ blueprint:
  class:
  width:
  justify:
+  align:
--- a/component-library/components/cards/cards.hugo.html
+++ b/component-library/components/cards/cards.hugo.html
@@ -40,15 +40,15 @@
 	{{- 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)
+		"class"        (printf "border-0 card-icon-primary d-%s-none %s" $breakpoint.prev (or $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"
+		"icon-style"   (or $args.iconStyle "fa-2x")
+		"align"        $args.align
 		"orientation"  ($args.orientation | default "horizontal-sm")
 		"hook"         "assets/live-card.html"
 	) -}}
@@ -56,15 +56,15 @@
 	{{- 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)
+		"class"        (printf "border-0 card-icon-primary d-none d-%s-block %s" $breakpoint.prev (or $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"
+		"icon-style"   (or $args.iconStyle "fa-2x")
+		"align"        $args.align
 		"orientation"  ($args.orientation | default "stacked")
 		"hook"         "assets/live-card.html"
 	) -}}
--- a/component-library/components/faq/faq.hugo.html
+++ b/component-library/components/faq/faq.hugo.html
@@ -24,7 +24,8 @@
 	{{ $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">
+	<div id="{{ $id }}" class="accordion accordion-faq {{ if $args.contrast }}accordion-faq-contrast text-white {{ end -}}
+		accordion-flush{{ with $class }} {{ . }}{{ end }} col-12 col-md-6 mx-auto">
 		{{ range $index, $item := $args.items }}
 			<div class="accordion-item">
 				{{- with $item.title -}}
--- a/component-library/components/separator/separator.bookshop.yml
+++ b/component-library/components/separator/separator.bookshop.yml
@@ -6,3 +6,5 @@ spec:
  description: Inserts a horizontal page section separator
  icon: horizontal_rule
  tags: []
+
+blueprint:
--- a/component-library/components/separator/separator.hugo.html
+++ b/component-library/components/separator/separator.hugo.html
@@ -4,7 +4,7 @@
    Visit gethinode.com/license for more details.
 */}}

-{{ $args := partial "utilities/InitArgs.html" (dict "structure" "separator" "args" .) }}
+{{ $args := partial "utilities/InitArgs.html" (dict "bookshop" "separator" "args" .) }}
 {{ if or $args.err $args.warnmsg }}
    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
        "partial" "component-library/components/separator/separator.hugo.html" 
--- a/component-library/components/video-message/video-message.bookshop.yml
+++ b/component-library/components/video-message/video-message.bookshop.yml
@@ -24,6 +24,7 @@ blueprint:
  link-type:
  orientation:
  icon-rounded:
+  icon-style:
  video:
    provider:
    account:
--- a/component-library/components/video-message/video-message.hugo.html
+++ b/component-library/components/video-message/video-message.hugo.html
@@ -59,6 +59,7 @@
 	{{ $cols := .cols }}
 	{{ $type := .type }}
 	{{ $iconRounded := .iconRounded }}
+	{{ $iconStyle := .iconStyle }}

 	{{- partial "assets/card-group.html" (dict 
 		"page"         page
@@ -75,6 +76,7 @@
 		"button"       true
 		"link-type"    $type
 		"icon-rounded" $iconRounded
+		"icon-style"   $iconStyle
 	) -}}
 {{ end }}

@@ -99,7 +101,7 @@
 	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}

 	{{ if eq $args.orientation "stacked" }}
-		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto pb-{{ $padding.y }}">
+		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto">
 		{{ with $args.video }}
 			{{- partial "inline/video.html" (dict
 				"provider"   .provider
@@ -112,11 +114,17 @@
 			) -}}
 		{{ end }}
 		</div>
-		<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 class="mt-{{ $padding.y }}">
+			{{- partial "inline/messages.html" (dict
+				"list"        $list
+				"cols"        $args.cols
+				"type"        $args.type
+				"iconRounded" $args.iconRounded
+				"iconStyle"   $args.iconStyle
+			) -}}
 		</div>
 	{{ else }}
-		<div class="container grid gap-4 pb-{{ $padding.y }}">
+		<div class="container grid gap-{{ $padding.x }}">
 			<div class="row row-cols-1 row-cols-{{ $breakpoint.current }}-2">
 				<div class="col col-{{ $breakpoint.current }}-{{ $args.width }} p-0">
 					{{ with $args.video }}
@@ -132,7 +140,13 @@
 					{{ end }}
 				</div>
 				<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) -}}
+					{{- partial "inline/messages.html" (dict
+						"list"        $list
+						"cols"        1
+						"type"        $args.type
+						"iconRounded" $args.iconRounded
+						"iconStyle"   $args.iconStyle
+					) -}}
 				</div>
 			</div>
 		</div>
--- a/data/structures/card-group.yml
+++ b/data/structures/card-group.yml
@@ -12,6 +12,7 @@ arguments:
  class:
  color:
  padding:
+    default: 3
  gutter:
    release: v0.19.0
  header-style:
@@ -43,6 +44,7 @@ arguments:
  icon-rounded:
    release: v1.0.0
  align:
+    default: start
  wrapper:
    default: p-0
  responsive:
--- a/data/structures/card.yml
+++ b/data/structures/card.yml
@@ -15,6 +15,7 @@ arguments:
    parent: cascade
  padding:
    parent: cascade
+    default: 3
  gutter:
    default: 0
    parent: cascade
@@ -45,6 +46,7 @@ arguments:
  icon-rounded:
    release: v1.0.0
  align:
+    default: start
    parent: cascade
    release: v0.23.0
  scroll:
--- a/data/structures/separator.yml
+++ b/data/structures/separator.yml
@@ -1,20 +0,0 @@
-comment: >-
-  Inserts a horizontal page section separator.
-arguments:
-  _bookshop_name:
-    type: string
-    optional: true
-    comment: Unique name of the bookshop component
-    group: partial
-  page:
-    type:
-      - '*hugolib.pageState'
-      - '*hugolib.pageForShortcode'
-    optional: true
-    comment: Context of the current page.
-    group: partial
-  theme:
-    type: string
-    optional: true
-    comment: Color theme to apply.
-    release: v1.0.0-alpha
--- a/exampleSite/content/en/_index.md
+++ b/exampleSite/content/en/_index.md
@@ -56,6 +56,7 @@ content_blocks:
    cols: 1
    padding: 4
    limit: 2
+    icon-style: fa-5x
    header-style: none
    footer-style: tags
    orientation: horizontal-sm
--- a/exampleSite/content/en/blocks/_index.md
+++ b/exampleSite/content/en/blocks/_index.md
@@ -25,9 +25,10 @@ content_blocks:
    more:
      title: More Posts
    cols: 3
-    padding: 0
+    padding: 3
    limit: 9
    paginate: true
    cover: false
    header-style: none
+    class: border-1
 ---
--- a/exampleSite/content/en/blocks/cards.md
+++ b/exampleSite/content/en/blocks/cards.md
@@ -24,14 +24,19 @@ The `cards` content block renders a group of content cards.
    subtle: true
  orientation: stacked
  icon-rounded: true
-  class: text-center
+  icon-style: fa-xs
+  padding: 0
+  align: start
  elements:
    - title: First Card
      icon: fas 1
+      content: Content of the first card
    - title: Second Card
      icon: fas 2
+      content: Content of the second card
    - title: Third Card
      icon: fas 3
+      content: Content of the third card
 ```

 {{< /example-bookshop >}}
@@ -42,3 +47,145 @@ The `cards` content block renders a group of content cards.
 The content block supports the following arguments:

 {{< args bookshop-cards >}}
+
+## Examples
+
+### Stacked cards with an image
+
+Set the `image` attribute of each `element` to an image asset to render illustrated 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
+  class: bg-body
+  align: center
+  elements:
+    - title: First Card
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+    - title: Second Card
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+    - title: Third Card
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+### Horizontal cards with an image
+
+Set the `orientation` attribute to `horizontal` to render horizontally oriented 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: horizontal
+  class: bg-body
+  align: center
+  elements:
+    - title: First Card
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: Content of the first card
+    - title: Second Card
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: Content of the second card
+    - title: Third Card
+      image: /img/nat-9l98kFByiao-unsplash.jpg
+      content: Content of the third card
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+### Stacked cards with an icon
+
+Set the `icon` attribute of each `element` to an icon to render illustrated cards. Adjust the icon's styling with `icon-rounded` and `icon-style`.
+
+<!-- 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-style: fa-xs text-primary
+  align: start
+  padding: 0
+  elements:
+    - title: First Card
+      icon: fas 1
+      content: Content of the first card
+    - title: Second Card
+      icon: fas 2
+      content: Content of the second card
+    - title: Third Card
+      icon: fas 3
+      content: Content of the third card
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+### Horizontal cards with an icon
+
+Set the `icon` attribute of each `element` to an icon to render illustrated cards. Adjust the icon's styling with `icon-rounded` and `icon-style`.
+
+<!-- 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: horizontal
+  icon-rounded: true
+  icon-style: fa-2xs text-primary
+  align: start
+  padding: 0
+  elements:
+    - title: First Card
+      icon: fas 1
+      content: Content of the first card
+    - title: Second Card
+      icon: fas 2
+      content: Content of the second card
+    - title: Third Card
+      icon: fas 3
+      content: Content of the third card
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
--- a/exampleSite/content/en/blocks/video-message.md
+++ b/exampleSite/content/en/blocks/video-message.md
@@ -24,6 +24,7 @@ The `video` content block renders a horizontal line to separate sections. The se
    color: primary
    subtle: true
  orientation: horizontal
+  icon-style: fa-lg
  video:
    provider: vimeo
    media-id: "55073825"
--- a/exampleSite/hugo_stats.json
+++ b/exampleSite/hugo_stats.json
@@ -70,7 +70,6 @@
    ],
    "classes": [
      "%!s(<nil>)",
-      "%!s(MISSING)",
      "about",
      "accordion",
      "accordion-body",
@@ -90,6 +89,7 @@
      "align-middle",
      "align-self-center",
      "align-self-end",
+      "align-self-start",
      "anchor",
      "articles",
      "background-container",
@@ -104,6 +104,7 @@
      "bg-opacity-10",
      "bg-primary",
      "bg-primary-subtle",
+      "bg-secondary-subtle",
      "bi",
      "bi-activity",
      "border",
@@ -144,6 +145,7 @@
      "card-icon-primary",
      "card-icon-secondary",
      "card-img-bg",
+      "card-img-h100",
      "card-img-top",
      "card-img-wrap",
      "card-text",
@@ -172,6 +174,7 @@
      "col-6",
      "col-8",
      "col-9",
+      "col-auto",
      "col-lg-2",
      "col-lg-4",
      "col-lg-8",
@@ -230,6 +233,7 @@
      "fa-2xs",
      "fa-3",
      "fa-4x",
+      "fa-5x",
      "fa-activity",
      "fa-address-card",
      "fa-angle-left",
@@ -239,6 +243,7 @@
      "fa-arrow-left",
      "fa-arrow-right",
      "fa-bootstrap",
+      "fa-check",
      "fa-chevron-right",
      "fa-circle",
      "fa-circle-check",
@@ -261,6 +266,8 @@
      "fa-house",
      "fa-info",
      "fa-inverse",
+      "fa-lg",
+      "fa-li",
      "fa-link",
      "fa-linkedin",
      "fa-magnifying-glass",
@@ -276,10 +283,14 @@
      "fa-stack-2x",
      "fa-sun",
      "fa-timeline",
+      "fa-trash-can",
+      "fa-ul",
      "fa-up-right-from-square",
      "fa-whatsapp",
      "fa-wrapper",
      "fa-x-twitter",
+      "fa-xs",
+      "fa-youtube",
      "fab",
      "fade",
      "faq",
@@ -335,6 +346,7 @@
      "justify-content-between",
      "justify-content-center",
      "justify-content-end",
+      "justify-content-md-end",
      "justify-content-md-start",
      "justify-content-start",
      "katex",
@@ -350,15 +362,16 @@
      "lottie-animation",
      "m-0",
      "m-auto",
-      "m-md-n4",
      "m-n1",
      "main",
      "main-nav-toggler",
      "mb-0",
+      "mb-1",
      "mb-3",
      "mb-4",
      "mb-5",
      "mb-lg-5",
+      "me-1",
      "me-3",
      "me-auto",
      "mermaid",
@@ -368,6 +381,7 @@
      "ms-3",
      "ms-auto",
      "ms-md-3",
+      "mt-1",
      "mt-2",
      "mt-3",
      "mt-4",
@@ -380,11 +394,13 @@
      "mx-auto",
      "mx-md-0",
      "mx-md-2",
+      "mx-md-n4",
      "my-2",
      "my-4",
      "my-auto",
      "my-md-0",
      "my-md-auto",
+      "my-md-n4",
      "nav",
      "nav-callout",
      "nav-item",
@@ -416,7 +432,6 @@
      "p-2",
      "p-3",
      "p-4",
-      "p-md-4",
      "page-item",
      "page-link",
      "pagination",
@@ -449,14 +464,18 @@
      "ptw-sm-4",
      "px-%!d(string=0)",
      "px-2",
+      "px-3",
      "px-4",
+      "px-md-4",
      "px-xxl-0",
      "py-%!d(string=0)",
+      "py-0",
      "py-1",
      "py-2",
      "py-3",
      "py-4",
      "py-md-1",
+      "py-md-4",
      "ratio",
      "ratio-16x9",
      "releases",
@@ -465,6 +484,7 @@
      "rounded-5",
      "rounded-bottom",
      "rounded-pill",
+      "rounded-start",
      "rounded-top",
      "row",
      "row-cols-1",
@@ -515,6 +535,7 @@
      "text-decoration-none",
      "text-end",
      "text-info",
+      "text-md-start",
      "text-muted",
      "text-nowrap",
      "text-primary",
@@ -571,6 +592,7 @@
    ],
    "ids": [
      "abbr",
+      "accelerate-your-data-products",
      "accordion",
      "accordion-0",
      "accordion-0-heading-0",
@@ -580,8 +602,10 @@
      "accordion-0-item-1",
      "accordion-0-item-2",
      "accordéon",
+      "ai",
      "alert",
      "alerte",
+      "analytics",
      "animatie",
      "animation",
      "args",
@@ -618,35 +642,37 @@
      "content-blocks",
      "cookies-etc",
      "custom-activity",
+      "data-quality",
      "data-tables",
      "docs",
      "documentation",
      "dropdown-nav-0",
-      "dropdown-panel-0e0741083af0c65ef332f91371a57c01",
-      "dropdown-panel-1ca24b9525732cedb2e7fb6b41545377",
-      "dropdown-panel-1fd473ce0dd8d518109ef702f3d78713",
-      "dropdown-panel-31b9d95702838f6cbbda858ad9f6ba2e",
-      "dropdown-panel-35018593ec3963b5e148e48c515719fb",
-      "dropdown-panel-45da15f058066cdbff2ee0d6276f36af",
-      "dropdown-panel-46260aa3bbe18226eec7bd180ff7a8fd",
-      "dropdown-panel-4c313e6c3a590e9ffc7c7907b87a6f4a",
-      "dropdown-panel-4dacdda3398d0f5a5fca6da2ee6aa310",
-      "dropdown-panel-56b4f5ddb81578bf60b888133d30251b",
-      "dropdown-panel-6a77cde1b88e6f65cb262176eef16c5a",
-      "dropdown-panel-6d0a418325c1d5cd91857155a01d370c",
-      "dropdown-panel-6d165e878416680616e8a5fd86546d2f",
-      "dropdown-panel-71248ab7e1e690fe9f5846e508d13993",
-      "dropdown-panel-71cb85ac8b2d6e1dea6e1035488bea9b",
-      "dropdown-panel-779a3ff6dff27d4b45c6a0f043355f42",
-      "dropdown-panel-78211bf104b3498ae4df8f991635482c",
-      "dropdown-panel-7a569211080751aa0157016cf1b308ae",
-      "dropdown-panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd",
-      "dropdown-panel-94953eb3c453547d39d3e7b2c56e5e4c",
-      "dropdown-panel-9e56096b4451a03394df6e63f2747fec",
-      "dropdown-panel-ab41f8f957872be455ceeb5a8feec0d8",
-      "dropdown-panel-af3f96310ac7de48b702970d488c897f",
-      "dropdown-panel-d6cc20413100ecf644f977d027eda180",
-      "dropdown-panel-ee0ebf6f3e4c470794b302e984a19b7a",
+      "dropdown-panel-04cc902a1b9ae501f2232225b0f51e7d",
+      "dropdown-panel-0c79a02cf39639268a202b758ad2d285",
+      "dropdown-panel-0e36f3b8517c31a97b03032544995744",
+      "dropdown-panel-0e85ca27bed5d65b86196838671b87e4",
+      "dropdown-panel-14d7bbfb7be05a0e3b1c7cf418b26dfc",
+      "dropdown-panel-1721ebebd9944796cadea61fec2fa159",
+      "dropdown-panel-1d66e6454e1bd519c133f51c1650706c",
+      "dropdown-panel-238ffa7f4a8dcee0cfa8eeb911fead48",
+      "dropdown-panel-3",
+      "dropdown-panel-3d6152c55298dd12978e1dd8e8ad07f1",
+      "dropdown-panel-3f780129615672a2fd09eabb09b80d1f",
+      "dropdown-panel-41673841783e8a5342b0fc5a08cb5e29",
+      "dropdown-panel-4d26f9c6fbfbcab2d570487afdc3f239",
+      "dropdown-panel-5fdabe7772b55d2c1299b3c287f67a88",
+      "dropdown-panel-7fcd2764c358618f1e4112c62d405ea4",
+      "dropdown-panel-8c100e1753414457c6fe150d54c47a72",
+      "dropdown-panel-8dd997690015112313cbcbfc3ae3ffab",
+      "dropdown-panel-95e3aed36f5cb0f7ea0701222b241963",
+      "dropdown-panel-9d83293e530db0b5b82bcfe39b825ecc",
+      "dropdown-panel-b074cec1ce13618424031659a9a45e58",
+      "dropdown-panel-b3fd9e78fd6b81b579609205aa1f3778",
+      "dropdown-panel-ca4b6940ba8f448bb1c131eb6b6fbe0c",
+      "dropdown-panel-dde83bf03b1a9c2f8e27dc4006e70e5c",
+      "dropdown-panel-ed6dd8fdc76ebe2f01ef6e05b340baac",
+      "dropdown-panel-f7d6922687c35988422413f08824dd85",
+      "dropdown-panel-f90b236c80edd14268f4b88fd0b4a168",
      "elements-type",
      "entity-relationship-diagram",
      "example",
@@ -664,31 +690,32 @@
      "fab-medium",
      "fab-whatsapp",
      "fab-x-twitter",
-      "faq-0072bc769a56f23fe630bd68d7549cf2",
-      "faq-0072bc769a56f23fe630bd68d7549cf2-heading-faq-0072bc769a56f23fe630bd68d7549cf2",
-      "faq-0072bc769a56f23fe630bd68d7549cf2-item-0",
-      "faq-0072bc769a56f23fe630bd68d7549cf2-item-1",
-      "faq-0072bc769a56f23fe630bd68d7549cf2-item-2",
-      "faq-439455d6452b0071684c8457c50b834f",
-      "faq-439455d6452b0071684c8457c50b834f-heading-faq-439455d6452b0071684c8457c50b834f",
-      "faq-439455d6452b0071684c8457c50b834f-item-0",
-      "faq-439455d6452b0071684c8457c50b834f-item-1",
-      "faq-439455d6452b0071684c8457c50b834f-item-2",
-      "faq-4999be575a6eafb016b6498f1bbb5e77",
-      "faq-4999be575a6eafb016b6498f1bbb5e77-heading-faq-4999be575a6eafb016b6498f1bbb5e77",
-      "faq-4999be575a6eafb016b6498f1bbb5e77-item-0",
-      "faq-4999be575a6eafb016b6498f1bbb5e77-item-1",
-      "faq-4999be575a6eafb016b6498f1bbb5e77-item-2",
-      "faq-6fba0ce4e8a86121e9e590f38dfb88d8",
-      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-heading-faq-6fba0ce4e8a86121e9e590f38dfb88d8",
-      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-item-0",
-      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-item-1",
-      "faq-6fba0ce4e8a86121e9e590f38dfb88d8-item-2",
-      "faq-c9843454e2fe61630b6c2a1d452eb749",
-      "faq-c9843454e2fe61630b6c2a1d452eb749-heading-faq-c9843454e2fe61630b6c2a1d452eb749",
-      "faq-c9843454e2fe61630b6c2a1d452eb749-item-0",
-      "faq-c9843454e2fe61630b6c2a1d452eb749-item-1",
-      "faq-c9843454e2fe61630b6c2a1d452eb749-item-2",
+      "fab-youtube",
+      "faq-265aead58c147374af539920e4b7f30d",
+      "faq-265aead58c147374af539920e4b7f30d-heading-faq-265aead58c147374af539920e4b7f30d",
+      "faq-265aead58c147374af539920e4b7f30d-item-0",
+      "faq-265aead58c147374af539920e4b7f30d-item-1",
+      "faq-265aead58c147374af539920e4b7f30d-item-2",
+      "faq-2f41f288be961abf2c49712935cc9bdd",
+      "faq-2f41f288be961abf2c49712935cc9bdd-heading-faq-2f41f288be961abf2c49712935cc9bdd",
+      "faq-2f41f288be961abf2c49712935cc9bdd-item-0",
+      "faq-2f41f288be961abf2c49712935cc9bdd-item-1",
+      "faq-2f41f288be961abf2c49712935cc9bdd-item-2",
+      "faq-4074634d91f7c83bf3d7de6176c0cdaa",
+      "faq-4074634d91f7c83bf3d7de6176c0cdaa-heading-faq-4074634d91f7c83bf3d7de6176c0cdaa",
+      "faq-4074634d91f7c83bf3d7de6176c0cdaa-item-0",
+      "faq-4074634d91f7c83bf3d7de6176c0cdaa-item-1",
+      "faq-4074634d91f7c83bf3d7de6176c0cdaa-item-2",
+      "faq-bce80c568b1649093b04405cbde05b59",
+      "faq-bce80c568b1649093b04405cbde05b59-heading-faq-bce80c568b1649093b04405cbde05b59",
+      "faq-bce80c568b1649093b04405cbde05b59-item-0",
+      "faq-bce80c568b1649093b04405cbde05b59-item-1",
+      "faq-bce80c568b1649093b04405cbde05b59-item-2",
+      "faq-d0ec0f52c6da4a60ff55ebc208eb29bd",
+      "faq-d0ec0f52c6da4a60ff55ebc208eb29bd-heading-faq-d0ec0f52c6da4a60ff55ebc208eb29bd",
+      "faq-d0ec0f52c6da4a60ff55ebc208eb29bd-item-0",
+      "faq-d0ec0f52c6da4a60ff55ebc208eb29bd-item-1",
+      "faq-d0ec0f52c6da4a60ff55ebc208eb29bd-item-2",
      "fas-1",
      "fas-2",
      "fas-3",
@@ -699,6 +726,7 @@
      "fas-angles-right",
      "fas-arrow-left",
      "fas-arrow-right",
+      "fas-check",
      "fas-chevron-right",
      "fas-circle",
      "fas-circle-check",
@@ -721,6 +749,7 @@
      "fas-sort",
      "fas-sun",
      "fas-timeline",
+      "fas-trash-can",
      "fas-up-right-from-square",
      "fichier",
      "fil-dariane",
@@ -740,6 +769,8 @@
      "gérer-les-préférences-des-cookies",
      "heading",
      "heading-type",
+      "horizontal-cards-with-an-icon",
+      "horizontal-cards-with-an-image",
      "how-do-we-use-cookies",
      "how-we-share-your-information",
      "icon",
@@ -756,6 +787,7 @@
      "items-type",
      "kaart",
      "kbd",
+      "kickstart-your-data-stack-without-coding",
      "language-selector",
      "leaflet-map-0",
      "lien",
@@ -770,6 +802,7 @@
      "messages-type",
      "mindmap",
      "more-type",
+      "move-your-data-into-action",
      "nav",
      "nav-0-0",
      "nav-0-1",
@@ -778,31 +811,32 @@
      "nav-0-btn-1",
      "nav-0-btn-2",
      "nav-nav-0",
-      "nav-panel-0e0741083af0c65ef332f91371a57c01",
-      "nav-panel-1ca24b9525732cedb2e7fb6b41545377",
-      "nav-panel-1fd473ce0dd8d518109ef702f3d78713",
-      "nav-panel-31b9d95702838f6cbbda858ad9f6ba2e",
-      "nav-panel-35018593ec3963b5e148e48c515719fb",
-      "nav-panel-45da15f058066cdbff2ee0d6276f36af",
-      "nav-panel-46260aa3bbe18226eec7bd180ff7a8fd",
-      "nav-panel-4c313e6c3a590e9ffc7c7907b87a6f4a",
-      "nav-panel-4dacdda3398d0f5a5fca6da2ee6aa310",
-      "nav-panel-56b4f5ddb81578bf60b888133d30251b",
-      "nav-panel-6a77cde1b88e6f65cb262176eef16c5a",
-      "nav-panel-6d0a418325c1d5cd91857155a01d370c",
-      "nav-panel-6d165e878416680616e8a5fd86546d2f",
-      "nav-panel-71248ab7e1e690fe9f5846e508d13993",
-      "nav-panel-71cb85ac8b2d6e1dea6e1035488bea9b",
-      "nav-panel-779a3ff6dff27d4b45c6a0f043355f42",
-      "nav-panel-78211bf104b3498ae4df8f991635482c",
-      "nav-panel-7a569211080751aa0157016cf1b308ae",
-      "nav-panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd",
-      "nav-panel-94953eb3c453547d39d3e7b2c56e5e4c",
-      "nav-panel-9e56096b4451a03394df6e63f2747fec",
-      "nav-panel-ab41f8f957872be455ceeb5a8feec0d8",
-      "nav-panel-af3f96310ac7de48b702970d488c897f",
-      "nav-panel-d6cc20413100ecf644f977d027eda180",
-      "nav-panel-ee0ebf6f3e4c470794b302e984a19b7a",
+      "nav-panel-04cc902a1b9ae501f2232225b0f51e7d",
+      "nav-panel-0c79a02cf39639268a202b758ad2d285",
+      "nav-panel-0e36f3b8517c31a97b03032544995744",
+      "nav-panel-0e85ca27bed5d65b86196838671b87e4",
+      "nav-panel-14d7bbfb7be05a0e3b1c7cf418b26dfc",
+      "nav-panel-1721ebebd9944796cadea61fec2fa159",
+      "nav-panel-1d66e6454e1bd519c133f51c1650706c",
+      "nav-panel-238ffa7f4a8dcee0cfa8eeb911fead48",
+      "nav-panel-3",
+      "nav-panel-3d6152c55298dd12978e1dd8e8ad07f1",
+      "nav-panel-3f780129615672a2fd09eabb09b80d1f",
+      "nav-panel-41673841783e8a5342b0fc5a08cb5e29",
+      "nav-panel-4d26f9c6fbfbcab2d570487afdc3f239",
+      "nav-panel-5fdabe7772b55d2c1299b3c287f67a88",
+      "nav-panel-7fcd2764c358618f1e4112c62d405ea4",
+      "nav-panel-8c100e1753414457c6fe150d54c47a72",
+      "nav-panel-8dd997690015112313cbcbfc3ae3ffab",
+      "nav-panel-95e3aed36f5cb0f7ea0701222b241963",
+      "nav-panel-9d83293e530db0b5b82bcfe39b825ecc",
+      "nav-panel-b074cec1ce13618424031659a9a45e58",
+      "nav-panel-b3fd9e78fd6b81b579609205aa1f3778",
+      "nav-panel-ca4b6940ba8f448bb1c131eb6b6fbe0c",
+      "nav-panel-dde83bf03b1a9c2f8e27dc4006e70e5c",
+      "nav-panel-ed6dd8fdc76ebe2f01ef6e05b340baac",
+      "nav-panel-f7d6922687c35988422413f08824dd85",
+      "nav-panel-f90b236c80edd14268f4b88fd0b4a168",
      "navbar",
      "navbar-0-collapse",
      "navbar-mode",
@@ -810,157 +844,164 @@
      "navbar-sample-collapse",
      "navigation",
      "notification",
+      "options-type",
      "overview",
-      "panel-0e0741083af0c65ef332f91371a57c01-0",
-      "panel-0e0741083af0c65ef332f91371a57c01-1",
-      "panel-0e0741083af0c65ef332f91371a57c01-2",
-      "panel-0e0741083af0c65ef332f91371a57c01-btn-0",
-      "panel-0e0741083af0c65ef332f91371a57c01-btn-1",
-      "panel-0e0741083af0c65ef332f91371a57c01-btn-2",
-      "panel-1ca24b9525732cedb2e7fb6b41545377-0",
-      "panel-1ca24b9525732cedb2e7fb6b41545377-1",
-      "panel-1ca24b9525732cedb2e7fb6b41545377-2",
-      "panel-1ca24b9525732cedb2e7fb6b41545377-btn-0",
-      "panel-1ca24b9525732cedb2e7fb6b41545377-btn-1",
-      "panel-1ca24b9525732cedb2e7fb6b41545377-btn-2",
-      "panel-1fd473ce0dd8d518109ef702f3d78713-0",
-      "panel-1fd473ce0dd8d518109ef702f3d78713-1",
-      "panel-1fd473ce0dd8d518109ef702f3d78713-2",
-      "panel-1fd473ce0dd8d518109ef702f3d78713-btn-0",
-      "panel-1fd473ce0dd8d518109ef702f3d78713-btn-1",
-      "panel-1fd473ce0dd8d518109ef702f3d78713-btn-2",
-      "panel-31b9d95702838f6cbbda858ad9f6ba2e-0",
-      "panel-31b9d95702838f6cbbda858ad9f6ba2e-1",
-      "panel-31b9d95702838f6cbbda858ad9f6ba2e-2",
-      "panel-31b9d95702838f6cbbda858ad9f6ba2e-btn-0",
-      "panel-31b9d95702838f6cbbda858ad9f6ba2e-btn-1",
-      "panel-31b9d95702838f6cbbda858ad9f6ba2e-btn-2",
-      "panel-35018593ec3963b5e148e48c515719fb-0",
-      "panel-35018593ec3963b5e148e48c515719fb-1",
-      "panel-35018593ec3963b5e148e48c515719fb-2",
-      "panel-35018593ec3963b5e148e48c515719fb-btn-0",
-      "panel-35018593ec3963b5e148e48c515719fb-btn-1",
-      "panel-35018593ec3963b5e148e48c515719fb-btn-2",
-      "panel-45da15f058066cdbff2ee0d6276f36af-0",
-      "panel-45da15f058066cdbff2ee0d6276f36af-1",
-      "panel-45da15f058066cdbff2ee0d6276f36af-2",
-      "panel-45da15f058066cdbff2ee0d6276f36af-btn-0",
-      "panel-45da15f058066cdbff2ee0d6276f36af-btn-1",
-      "panel-45da15f058066cdbff2ee0d6276f36af-btn-2",
-      "panel-46260aa3bbe18226eec7bd180ff7a8fd-0",
-      "panel-46260aa3bbe18226eec7bd180ff7a8fd-1",
-      "panel-46260aa3bbe18226eec7bd180ff7a8fd-2",
-      "panel-46260aa3bbe18226eec7bd180ff7a8fd-btn-0",
-      "panel-46260aa3bbe18226eec7bd180ff7a8fd-btn-1",
-      "panel-46260aa3bbe18226eec7bd180ff7a8fd-btn-2",
-      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-0",
-      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-1",
-      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-2",
-      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-btn-0",
-      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-btn-1",
-      "panel-4c313e6c3a590e9ffc7c7907b87a6f4a-btn-2",
-      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-0",
-      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-1",
-      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-2",
-      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-btn-0",
-      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-btn-1",
-      "panel-4dacdda3398d0f5a5fca6da2ee6aa310-btn-2",
-      "panel-56b4f5ddb81578bf60b888133d30251b-0",
-      "panel-56b4f5ddb81578bf60b888133d30251b-1",
-      "panel-56b4f5ddb81578bf60b888133d30251b-2",
-      "panel-56b4f5ddb81578bf60b888133d30251b-btn-0",
-      "panel-56b4f5ddb81578bf60b888133d30251b-btn-1",
-      "panel-56b4f5ddb81578bf60b888133d30251b-btn-2",
-      "panel-6a77cde1b88e6f65cb262176eef16c5a-0",
-      "panel-6a77cde1b88e6f65cb262176eef16c5a-1",
-      "panel-6a77cde1b88e6f65cb262176eef16c5a-2",
-      "panel-6a77cde1b88e6f65cb262176eef16c5a-btn-0",
-      "panel-6a77cde1b88e6f65cb262176eef16c5a-btn-1",
-      "panel-6a77cde1b88e6f65cb262176eef16c5a-btn-2",
-      "panel-6d0a418325c1d5cd91857155a01d370c-0",
-      "panel-6d0a418325c1d5cd91857155a01d370c-1",
-      "panel-6d0a418325c1d5cd91857155a01d370c-2",
-      "panel-6d0a418325c1d5cd91857155a01d370c-btn-0",
-      "panel-6d0a418325c1d5cd91857155a01d370c-btn-1",
-      "panel-6d0a418325c1d5cd91857155a01d370c-btn-2",
-      "panel-6d165e878416680616e8a5fd86546d2f-0",
-      "panel-6d165e878416680616e8a5fd86546d2f-1",
-      "panel-6d165e878416680616e8a5fd86546d2f-2",
-      "panel-6d165e878416680616e8a5fd86546d2f-btn-0",
-      "panel-6d165e878416680616e8a5fd86546d2f-btn-1",
-      "panel-6d165e878416680616e8a5fd86546d2f-btn-2",
-      "panel-71248ab7e1e690fe9f5846e508d13993-0",
-      "panel-71248ab7e1e690fe9f5846e508d13993-1",
-      "panel-71248ab7e1e690fe9f5846e508d13993-2",
-      "panel-71248ab7e1e690fe9f5846e508d13993-btn-0",
-      "panel-71248ab7e1e690fe9f5846e508d13993-btn-1",
-      "panel-71248ab7e1e690fe9f5846e508d13993-btn-2",
-      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-0",
-      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-1",
-      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-2",
-      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-btn-0",
-      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-btn-1",
-      "panel-71cb85ac8b2d6e1dea6e1035488bea9b-btn-2",
-      "panel-779a3ff6dff27d4b45c6a0f043355f42-0",
-      "panel-779a3ff6dff27d4b45c6a0f043355f42-1",
-      "panel-779a3ff6dff27d4b45c6a0f043355f42-2",
-      "panel-779a3ff6dff27d4b45c6a0f043355f42-btn-0",
-      "panel-779a3ff6dff27d4b45c6a0f043355f42-btn-1",
-      "panel-779a3ff6dff27d4b45c6a0f043355f42-btn-2",
-      "panel-78211bf104b3498ae4df8f991635482c-0",
-      "panel-78211bf104b3498ae4df8f991635482c-1",
-      "panel-78211bf104b3498ae4df8f991635482c-2",
-      "panel-78211bf104b3498ae4df8f991635482c-btn-0",
-      "panel-78211bf104b3498ae4df8f991635482c-btn-1",
-      "panel-78211bf104b3498ae4df8f991635482c-btn-2",
-      "panel-7a569211080751aa0157016cf1b308ae-0",
-      "panel-7a569211080751aa0157016cf1b308ae-1",
-      "panel-7a569211080751aa0157016cf1b308ae-2",
-      "panel-7a569211080751aa0157016cf1b308ae-btn-0",
-      "panel-7a569211080751aa0157016cf1b308ae-btn-1",
-      "panel-7a569211080751aa0157016cf1b308ae-btn-2",
-      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-0",
-      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-1",
-      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-2",
-      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-btn-0",
-      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-btn-1",
-      "panel-8f6e8f6fd7ea4950fa8b0dbffe4e67cd-btn-2",
-      "panel-94953eb3c453547d39d3e7b2c56e5e4c-0",
-      "panel-94953eb3c453547d39d3e7b2c56e5e4c-1",
-      "panel-94953eb3c453547d39d3e7b2c56e5e4c-2",
-      "panel-94953eb3c453547d39d3e7b2c56e5e4c-btn-0",
-      "panel-94953eb3c453547d39d3e7b2c56e5e4c-btn-1",
-      "panel-94953eb3c453547d39d3e7b2c56e5e4c-btn-2",
-      "panel-9e56096b4451a03394df6e63f2747fec-0",
-      "panel-9e56096b4451a03394df6e63f2747fec-1",
-      "panel-9e56096b4451a03394df6e63f2747fec-2",
-      "panel-9e56096b4451a03394df6e63f2747fec-btn-0",
-      "panel-9e56096b4451a03394df6e63f2747fec-btn-1",
-      "panel-9e56096b4451a03394df6e63f2747fec-btn-2",
-      "panel-ab41f8f957872be455ceeb5a8feec0d8-0",
-      "panel-ab41f8f957872be455ceeb5a8feec0d8-1",
-      "panel-ab41f8f957872be455ceeb5a8feec0d8-2",
-      "panel-ab41f8f957872be455ceeb5a8feec0d8-btn-0",
-      "panel-ab41f8f957872be455ceeb5a8feec0d8-btn-1",
-      "panel-ab41f8f957872be455ceeb5a8feec0d8-btn-2",
-      "panel-af3f96310ac7de48b702970d488c897f-0",
-      "panel-af3f96310ac7de48b702970d488c897f-1",
-      "panel-af3f96310ac7de48b702970d488c897f-2",
-      "panel-af3f96310ac7de48b702970d488c897f-btn-0",
-      "panel-af3f96310ac7de48b702970d488c897f-btn-1",
-      "panel-af3f96310ac7de48b702970d488c897f-btn-2",
-      "panel-d6cc20413100ecf644f977d027eda180-0",
-      "panel-d6cc20413100ecf644f977d027eda180-1",
-      "panel-d6cc20413100ecf644f977d027eda180-2",
-      "panel-d6cc20413100ecf644f977d027eda180-btn-0",
-      "panel-d6cc20413100ecf644f977d027eda180-btn-1",
-      "panel-d6cc20413100ecf644f977d027eda180-btn-2",
-      "panel-ee0ebf6f3e4c470794b302e984a19b7a-0",
-      "panel-ee0ebf6f3e4c470794b302e984a19b7a-1",
-      "panel-ee0ebf6f3e4c470794b302e984a19b7a-2",
-      "panel-ee0ebf6f3e4c470794b302e984a19b7a-btn-0",
-      "panel-ee0ebf6f3e4c470794b302e984a19b7a-btn-1",
-      "panel-ee0ebf6f3e4c470794b302e984a19b7a-btn-2",
+      "panel-04cc902a1b9ae501f2232225b0f51e7d-0",
+      "panel-04cc902a1b9ae501f2232225b0f51e7d-1",
+      "panel-04cc902a1b9ae501f2232225b0f51e7d-2",
+      "panel-04cc902a1b9ae501f2232225b0f51e7d-btn-0",
+      "panel-04cc902a1b9ae501f2232225b0f51e7d-btn-1",
+      "panel-04cc902a1b9ae501f2232225b0f51e7d-btn-2",
+      "panel-0c79a02cf39639268a202b758ad2d285-0",
+      "panel-0c79a02cf39639268a202b758ad2d285-1",
+      "panel-0c79a02cf39639268a202b758ad2d285-2",
+      "panel-0c79a02cf39639268a202b758ad2d285-btn-0",
+      "panel-0c79a02cf39639268a202b758ad2d285-btn-1",
+      "panel-0c79a02cf39639268a202b758ad2d285-btn-2",
+      "panel-0e36f3b8517c31a97b03032544995744-0",
+      "panel-0e36f3b8517c31a97b03032544995744-1",
+      "panel-0e36f3b8517c31a97b03032544995744-2",
+      "panel-0e36f3b8517c31a97b03032544995744-btn-0",
+      "panel-0e36f3b8517c31a97b03032544995744-btn-1",
+      "panel-0e36f3b8517c31a97b03032544995744-btn-2",
+      "panel-0e85ca27bed5d65b86196838671b87e4-0",
+      "panel-0e85ca27bed5d65b86196838671b87e4-1",
+      "panel-0e85ca27bed5d65b86196838671b87e4-2",
+      "panel-0e85ca27bed5d65b86196838671b87e4-btn-0",
+      "panel-0e85ca27bed5d65b86196838671b87e4-btn-1",
+      "panel-0e85ca27bed5d65b86196838671b87e4-btn-2",
+      "panel-14d7bbfb7be05a0e3b1c7cf418b26dfc-0",
+      "panel-14d7bbfb7be05a0e3b1c7cf418b26dfc-1",
+      "panel-14d7bbfb7be05a0e3b1c7cf418b26dfc-2",
+      "panel-14d7bbfb7be05a0e3b1c7cf418b26dfc-btn-0",
+      "panel-14d7bbfb7be05a0e3b1c7cf418b26dfc-btn-1",
+      "panel-14d7bbfb7be05a0e3b1c7cf418b26dfc-btn-2",
+      "panel-1721ebebd9944796cadea61fec2fa159-0",
+      "panel-1721ebebd9944796cadea61fec2fa159-1",
+      "panel-1721ebebd9944796cadea61fec2fa159-2",
+      "panel-1721ebebd9944796cadea61fec2fa159-btn-0",
+      "panel-1721ebebd9944796cadea61fec2fa159-btn-1",
+      "panel-1721ebebd9944796cadea61fec2fa159-btn-2",
+      "panel-1d66e6454e1bd519c133f51c1650706c-0",
+      "panel-1d66e6454e1bd519c133f51c1650706c-1",
+      "panel-1d66e6454e1bd519c133f51c1650706c-2",
+      "panel-1d66e6454e1bd519c133f51c1650706c-btn-0",
+      "panel-1d66e6454e1bd519c133f51c1650706c-btn-1",
+      "panel-1d66e6454e1bd519c133f51c1650706c-btn-2",
+      "panel-238ffa7f4a8dcee0cfa8eeb911fead48-0",
+      "panel-238ffa7f4a8dcee0cfa8eeb911fead48-1",
+      "panel-238ffa7f4a8dcee0cfa8eeb911fead48-2",
+      "panel-238ffa7f4a8dcee0cfa8eeb911fead48-btn-0",
+      "panel-238ffa7f4a8dcee0cfa8eeb911fead48-btn-1",
+      "panel-238ffa7f4a8dcee0cfa8eeb911fead48-btn-2",
+      "panel-3-0",
+      "panel-3-1",
+      "panel-3-2",
+      "panel-3-btn-0",
+      "panel-3-btn-1",
+      "panel-3-btn-2",
+      "panel-3d6152c55298dd12978e1dd8e8ad07f1-0",
+      "panel-3d6152c55298dd12978e1dd8e8ad07f1-1",
+      "panel-3d6152c55298dd12978e1dd8e8ad07f1-2",
+      "panel-3d6152c55298dd12978e1dd8e8ad07f1-btn-0",
+      "panel-3d6152c55298dd12978e1dd8e8ad07f1-btn-1",
+      "panel-3d6152c55298dd12978e1dd8e8ad07f1-btn-2",
+      "panel-3f780129615672a2fd09eabb09b80d1f-0",
+      "panel-3f780129615672a2fd09eabb09b80d1f-1",
+      "panel-3f780129615672a2fd09eabb09b80d1f-2",
+      "panel-3f780129615672a2fd09eabb09b80d1f-btn-0",
+      "panel-3f780129615672a2fd09eabb09b80d1f-btn-1",
+      "panel-3f780129615672a2fd09eabb09b80d1f-btn-2",
+      "panel-41673841783e8a5342b0fc5a08cb5e29-0",
+      "panel-41673841783e8a5342b0fc5a08cb5e29-1",
+      "panel-41673841783e8a5342b0fc5a08cb5e29-2",
+      "panel-41673841783e8a5342b0fc5a08cb5e29-btn-0",
+      "panel-41673841783e8a5342b0fc5a08cb5e29-btn-1",
+      "panel-41673841783e8a5342b0fc5a08cb5e29-btn-2",
+      "panel-4d26f9c6fbfbcab2d570487afdc3f239-0",
+      "panel-4d26f9c6fbfbcab2d570487afdc3f239-1",
+      "panel-4d26f9c6fbfbcab2d570487afdc3f239-2",
+      "panel-4d26f9c6fbfbcab2d570487afdc3f239-btn-0",
+      "panel-4d26f9c6fbfbcab2d570487afdc3f239-btn-1",
+      "panel-4d26f9c6fbfbcab2d570487afdc3f239-btn-2",
+      "panel-5fdabe7772b55d2c1299b3c287f67a88-0",
+      "panel-5fdabe7772b55d2c1299b3c287f67a88-1",
+      "panel-5fdabe7772b55d2c1299b3c287f67a88-2",
+      "panel-5fdabe7772b55d2c1299b3c287f67a88-btn-0",
+      "panel-5fdabe7772b55d2c1299b3c287f67a88-btn-1",
+      "panel-5fdabe7772b55d2c1299b3c287f67a88-btn-2",
+      "panel-7fcd2764c358618f1e4112c62d405ea4-0",
+      "panel-7fcd2764c358618f1e4112c62d405ea4-1",
+      "panel-7fcd2764c358618f1e4112c62d405ea4-2",
+      "panel-7fcd2764c358618f1e4112c62d405ea4-btn-0",
+      "panel-7fcd2764c358618f1e4112c62d405ea4-btn-1",
+      "panel-7fcd2764c358618f1e4112c62d405ea4-btn-2",
+      "panel-8c100e1753414457c6fe150d54c47a72-0",
+      "panel-8c100e1753414457c6fe150d54c47a72-1",
+      "panel-8c100e1753414457c6fe150d54c47a72-2",
+      "panel-8c100e1753414457c6fe150d54c47a72-btn-0",
+      "panel-8c100e1753414457c6fe150d54c47a72-btn-1",
+      "panel-8c100e1753414457c6fe150d54c47a72-btn-2",
+      "panel-8dd997690015112313cbcbfc3ae3ffab-0",
+      "panel-8dd997690015112313cbcbfc3ae3ffab-1",
+      "panel-8dd997690015112313cbcbfc3ae3ffab-2",
+      "panel-8dd997690015112313cbcbfc3ae3ffab-btn-0",
+      "panel-8dd997690015112313cbcbfc3ae3ffab-btn-1",
+      "panel-8dd997690015112313cbcbfc3ae3ffab-btn-2",
+      "panel-95e3aed36f5cb0f7ea0701222b241963-0",
+      "panel-95e3aed36f5cb0f7ea0701222b241963-1",
+      "panel-95e3aed36f5cb0f7ea0701222b241963-2",
+      "panel-95e3aed36f5cb0f7ea0701222b241963-btn-0",
+      "panel-95e3aed36f5cb0f7ea0701222b241963-btn-1",
+      "panel-95e3aed36f5cb0f7ea0701222b241963-btn-2",
+      "panel-9d83293e530db0b5b82bcfe39b825ecc-0",
+      "panel-9d83293e530db0b5b82bcfe39b825ecc-1",
+      "panel-9d83293e530db0b5b82bcfe39b825ecc-2",
+      "panel-9d83293e530db0b5b82bcfe39b825ecc-btn-0",
+      "panel-9d83293e530db0b5b82bcfe39b825ecc-btn-1",
+      "panel-9d83293e530db0b5b82bcfe39b825ecc-btn-2",
+      "panel-b074cec1ce13618424031659a9a45e58-0",
+      "panel-b074cec1ce13618424031659a9a45e58-1",
+      "panel-b074cec1ce13618424031659a9a45e58-2",
+      "panel-b074cec1ce13618424031659a9a45e58-btn-0",
+      "panel-b074cec1ce13618424031659a9a45e58-btn-1",
+      "panel-b074cec1ce13618424031659a9a45e58-btn-2",
+      "panel-b3fd9e78fd6b81b579609205aa1f3778-0",
+      "panel-b3fd9e78fd6b81b579609205aa1f3778-1",
+      "panel-b3fd9e78fd6b81b579609205aa1f3778-2",
+      "panel-b3fd9e78fd6b81b579609205aa1f3778-btn-0",
+      "panel-b3fd9e78fd6b81b579609205aa1f3778-btn-1",
+      "panel-b3fd9e78fd6b81b579609205aa1f3778-btn-2",
+      "panel-ca4b6940ba8f448bb1c131eb6b6fbe0c-0",
+      "panel-ca4b6940ba8f448bb1c131eb6b6fbe0c-1",
+      "panel-ca4b6940ba8f448bb1c131eb6b6fbe0c-2",
+      "panel-ca4b6940ba8f448bb1c131eb6b6fbe0c-btn-0",
+      "panel-ca4b6940ba8f448bb1c131eb6b6fbe0c-btn-1",
+      "panel-ca4b6940ba8f448bb1c131eb6b6fbe0c-btn-2",
+      "panel-dde83bf03b1a9c2f8e27dc4006e70e5c-0",
+      "panel-dde83bf03b1a9c2f8e27dc4006e70e5c-1",
+      "panel-dde83bf03b1a9c2f8e27dc4006e70e5c-2",
+      "panel-dde83bf03b1a9c2f8e27dc4006e70e5c-btn-0",
+      "panel-dde83bf03b1a9c2f8e27dc4006e70e5c-btn-1",
+      "panel-dde83bf03b1a9c2f8e27dc4006e70e5c-btn-2",
+      "panel-ed6dd8fdc76ebe2f01ef6e05b340baac-0",
+      "panel-ed6dd8fdc76ebe2f01ef6e05b340baac-1",
+      "panel-ed6dd8fdc76ebe2f01ef6e05b340baac-2",
+      "panel-ed6dd8fdc76ebe2f01ef6e05b340baac-btn-0",
+      "panel-ed6dd8fdc76ebe2f01ef6e05b340baac-btn-1",
+      "panel-ed6dd8fdc76ebe2f01ef6e05b340baac-btn-2",
+      "panel-f7d6922687c35988422413f08824dd85-0",
+      "panel-f7d6922687c35988422413f08824dd85-1",
+      "panel-f7d6922687c35988422413f08824dd85-2",
+      "panel-f7d6922687c35988422413f08824dd85-btn-0",
+      "panel-f7d6922687c35988422413f08824dd85-btn-1",
+      "panel-f7d6922687c35988422413f08824dd85-btn-2",
+      "panel-f90b236c80edd14268f4b88fd0b4a168-0",
+      "panel-f90b236c80edd14268f4b88fd0b4a168-1",
+      "panel-f90b236c80edd14268f4b88fd0b4a168-2",
+      "panel-f90b236c80edd14268f4b88fd0b4a168-btn-0",
+      "panel-f90b236c80edd14268f4b88fd0b4a168-btn-1",
+      "panel-f90b236c80edd14268f4b88fd0b4a168-btn-2",
      "persona",
      "pie-chart",
      "pills",
@@ -977,12 +1018,17 @@
      "security",
      "sequence-diagram",
      "spinner",
+      "stacked-cards-with-an-icon",
+      "stacked-cards-with-an-image",
+      "stacked-video-message",
+      "start-using-your-data-immediately",
      "state-diagram",
      "sub",
      "sup",
      "sécurité",
      "table",
      "tabs",
+      "tap-into-the-latest-thinking-from-infusal-and-stay-in-the-lead",
      "third-panel",
      "third-party-links--use-of-your-information",
      "timeline",
@@ -995,6 +1041,7 @@
      "toast-message-email-4",
      "toc-collapse",
      "tooltip",
+      "turn-boring-into-brilliant",
      "types-de-cookies-que-nous-utilisons",
      "types-of-cookies-we-use",
      "underline",
@@ -1002,11 +1049,14 @@
      "video",
      "video-type",
      "vidéo",
+      "vimeo",
      "vos-droits",
      "welcome-to-hinode",
      "what-are-cookies",
+      "works-seamlessly-with-your-current-tech-stack",
      "xy-chart",
-      "your-rights"
+      "your-rights",
+      "youtube"
    ]
  }
 }
--- a/go.mod
+++ b/go.mod
@@ -4,7 +4,7 @@ go 1.19

 require (
 	github.com/airbnb/lottie-web v5.12.2+incompatible // indirect
-	github.com/cloudcannon/bookshop/hugo/v3 v3.16.1 // indirect
+	github.com/cloudcannon/bookshop/hugo/v3 v3.16.3 // indirect
 	github.com/gethinode/mod-bootstrap v1.3.3 // indirect
 	github.com/gethinode/mod-csp v1.0.7 // indirect
 	github.com/gethinode/mod-flexsearch/v2 v2.1.1 // indirect
--- a/go.sum
+++ b/go.sum
@@ -6,6 +6,8 @@ github.com/cloudcannon/bookshop/hugo/v3 v3.16.0 h1:Fb76ABHqTyPl9Z2QqYJCwiMBKPySh
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.0/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.1 h1:WByz6rqg28h94VLVLscu77/CHhi2peig/LqrnVomX0Y=
 github.com/cloudcannon/bookshop/hugo/v3 v3.16.1/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.3 h1:/Z66xKILl1SNGQePHZCnxo6vFgED7AGI600OSPotXj4=
+github.com/cloudcannon/bookshop/hugo/v3 v3.16.3/go.mod h1:s7mIonDhtsLcn10ZKuVXyqd6BDHI8vT1WQhZw8rPfY8=
 github.com/gethinode/mod-bootstrap v1.0.1 h1:NDZar+UEL42YHCvzzO+jVgqkZU5INA12BpjX3y6U4I4=
 github.com/gethinode/mod-bootstrap v1.0.1/go.mod h1:DcpPc2cNaXUPGEvhD7npuEEPA7573NvakTlrwFbyjr8=
 github.com/gethinode/mod-bootstrap v1.1.0 h1:BbalsW8kmFhv+J+dcc41TGcjIlM/p69AB0h0oGhAXIU=
--- a/layouts/_partials/assets/card-group.html
+++ b/layouts/_partials/assets/card-group.html
@@ -156,7 +156,7 @@
                    "ratio"         (partial "inline/style.html" (dict "styles" $args.styles "index" $index "key" "ratio" "default" $args.ratio))
                    "portrait"      (partial "inline/style.html" (dict "styles" $args.styles "index" $index "key" "portrait" "default" $args.portrait))
                    "subtle"        $args.subtle
-                    "icon-style"    (or (index $element "$icon-style") $element.style)
+                    "icon-style"    (or (index $element "icon-style") $element.style $args.iconStyle)
                    "align"         $args.align
                    "button"        $args.button
                    "button-label"  (or (index $element "button-label") $element.buttonLabel)
--- a/layouts/_partials/assets/card.html
+++ b/layouts/_partials/assets/card.html
@@ -62,6 +62,26 @@
    </small></p>
 {{- end -}}

+{{/* Inline partial to render the card's icon */}}
+{{- define "_partials/inline/card-icon.html" -}}
+    {{ $padding := .padding }}
+    {{ $icon := .icon}}
+    {{ $rounded := .rounded }}
+    {{ $style := .style}}
+    {{ $stack := .stack }}
+    {{ $class := .class }}
+
+    <div class="card-icon{{ with $padding }} p-{{ . }}{{ end }}{{ if $rounded }} fa-stack {{ $style }} fa-fw {{ $stack }}{{ end }} {{ $class }}">
+        {{ if $rounded }}
+            {{- partial "assets/icon.html" (dict "icon" (printf "fas circle fa-stack-2x") "spacing" false) -}}
+            {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-stack-1x fa-inverse" $icon) "spacing" false) -}}
+        {{ else }}
+            {{- partial "assets/icon.html" (dict "icon" (printf "%s %s fa-fw" $icon $style) "spacing" false) -}}
+        {{ end }}
+    </div>
+{{- end -}}
+
+
 {{/* Initialize global variables */}}
 {{- $padding := partial "utilities/GetPadding.html" -}}

@@ -110,7 +130,6 @@
 {{- $icon := $args.icon -}}
 {{- $iconStyle := "" -}}
 {{- $anchor := $args.anchor }}
-{{- $style := $args.style }}

 {{- with $page -}}
    {{- if not $args.title }}{{ $title = .Title }}{{ end -}}
@@ -126,10 +145,11 @@
    {{- if not $args.anchor }}{{ $anchor = (or (and (reflect.IsMap .Params.Thumbnail) .Params.Thumbnail.anchor) "") }}{{ end -}}
 {{- end -}}

+{{- $style := $args.iconStyle }}
 {{ if (hasPrefix $args.orientation "horizontal") }}
-    {{ if not $args.style }}{{ $style = "fa-fluid fa-fw" }}{{ end }}
+    {{ if not $args.iconStyle }}{{ $style = "fa-fluid fa-fw" }}{{ end }}
 {{ else }}
-    {{ if not $args.style }}{{ $style = "fa-4x" }}{{ end }}
+    {{ if not $args.iconStyle }}{{ $style = "fa-4x" }}{{ end }}
    {{- $iconStyle = "pb-3" -}}
 {{ end }}

@@ -138,11 +158,19 @@
 {{- if eq $args.body "none" }}{{ $title = "" }}{{ $description = "" }}{{ end -}}
 {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}

+{{- $thumbnailArgs := dict
+    "src"      $thumbnail
+    "portrait" $args.portrait
+    "anchor"   $anchor
+    "sizes"    $args.sizes
+    "title"    (or $args.alt $title)
+    "loading"  $args.loading
+-}}

 {{/* Main code */}}
-{{ if or (ne $args.gutter "0") ($args.wrapper) }}<div class="g-{{ $args.gutter }} {{ $args.wrapper }}">{{ end }}
+{{ if or (ne $args.gutter "0") ($args.wrapper) }}<div class="g-{{ $args.gutter }} {{ $args.wrapper }} h-100">{{ end }}

-{{ $stack := "fa-2x" }}
+{{ $stack := "" }}

 {{- if hasPrefix $args.orientation "horizontal" -}}
    {{ $col1 := "" }}
@@ -157,61 +185,44 @@
            {{ $col1 = "col-4 pe-0" }}
            {{ $col2 = "col-8" }}
        {{ end }}
-    {{ else if $icon }}
-        {{ if eq $args.orientation "horizontal-sm" }}
-            {{ $stack = "fa-1x" }}
-            {{ $col1 = "col-4 col-md-2 pe-0" }}
-            {{ $col2 = "col-8 col-md-10" }}
-        {{ else }}
-            {{ $col1 = "col-4 pe-0" }}
-            {{ $col2 = "col-8" }}
-        {{ end }}
-
    {{ end }}

    {{/* Render horizontal card */}}
    <div class="card {{ $colorStyle }}{{ $args.class }}">
-        <div class="row g-0 row-cols-2 h-100{{ if $args.button }} pb-{{ $padding.y }}{{ end }}">
+        <div class="{{ if $thumbnail }}row-cols-2 row {{ end }} g-0 h-100{{ if $args.button }} pb-{{ $padding.y }}{{ end }}">
            {{- if $thumbnail -}}
                <div class="{{ $col1 }}">
                    {{ $fullHeight := "card-img-h100" }}
                    {{ $rounding := "rounded-start" }}
                    {{ if eq (lower (path.Ext $thumbnail)) ".svg" }}{{ $fullHeight = "" }}{{ $rounding = "" }}{{ end }}
-                    {{- partial $args.hook (dict 
-                        "src"      $thumbnail
-                        "ratio"    (or $ratio "auto")
-                        "portrait" $args.portrait
-                        "sizes"    $args.sizes
-                        "anchor"   $anchor
-                        "wrapper"  "h-100 card-img-wrap d-flex align-items-center"
+                    {{- partial $args.hook (merge $thumbnailArgs (dict 
+                        "wrapper"  "card-img-wrap h-100 d-flex align-items-center"
                        "class"    (printf "card-img-bg %s %s" $rounding $fullHeight)
-                        "title"    $title
-                        "loading"  $args.loading
-                    ) -}}
-                </div>
-            {{- else if $icon -}}
-                <div class="{{ $col1 }} p-{{ $args.padding }}">
-                    <div class="card-icon {{ if $args.iconRounded }}fa-stack {{ $args.stack }} mx-auto{{ else }}fa-wrapper h-100 {{ end }} d-flex align-items-{{ $args.align}} justify-content-center {{ $iconStyle }}">
-                        {{ if $args.iconRounded }}
-                            {{- partial "assets/icon.html" (dict "icon" "fas circle fa-stack-2x") -}}
-                            {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-stack-1x fa-inverse" $icon)) -}}
-                        {{ else }}
-                            {{- partial "assets/icon.html" (dict "icon" (printf "%s %s" $icon $style)) -}}
-                        {{ end }}
-                    </div>
+                        "ratio"    (or $ratio "auto")
+                    )) -}}
                </div>
            {{- end -}}
            <div class="{{ $col2 }}">
-                <div class="card-body d-flex p-{{ $args.padding }} flex-column h-100 flex-fill">
-                    {{ if $page }}
-                        <div>{{ partial "inline/card-caption.html" (dict
-                            "page"     $page
-                            "keywords" $args.headerStyle
-                            "color"    $args.color
-                            ) }}
-                        </div>
+                <div class="card-body p-{{ $args.padding }} h-100 hstack">
+                    {{ if $icon }}
+                        {{- partial "inline/card-icon.html" (dict
+                            "icon"     $icon
+                            "padding"  $args.padding
+                            "rounded"  $args.iconRounded
+                            "style"    $style
+                            "stack"    $args.stack
+                            "class"    (printf "align-self-%s me-1 mt-1 col-auto" $args.align)
+                        )}}
                    {{ end }}
-                    <div class="flex-fill">
+                    <div>
+                        {{ if $page }}
+                            <div>{{ partial "inline/card-caption.html" (dict
+                                "page"     $page
+                                "keywords" $args.headerStyle
+                                "color"    $args.color
+                                ) }}
+                            </div>
+                        {{ end }}
                        {{- partial "inline/card-body.html" (dict
                            "title"       $title
                            "href"        $href
@@ -219,25 +230,25 @@
                            "description" $description
                            "button"      $args.button
                        ) -}}
+                        {{ if $page }}<div>{{ partial "inline/card-caption.html" (dict "page" $page "keywords" $args.footerStyle "color" $args.color) }}</div>{{ end }}
+                        {{ if and $href $args.button }}
+                            {{ $label := (or $args.buttonLabel $title) | default (T "readMore") }}
+                            {{ $buttonClass := "card-button mb-n4" }}
+                            {{ $buttonType := (or $args.linkType $args.buttonType) }}
+                            {{ if eq $buttonType "link" }}{{ $buttonClass = "card-button card-button-link mb-n4" }}{{ end }}
+                            <div class="d-flex align-items-end">
+                                {{ partial "assets/button.html" (dict 
+                                    "title"       $label
+                                    "icon"        "fas chevron-right"
+                                    "href"        $href
+                                    "outline"     true
+                                    "button-size" "sm"
+                                    "class"       $buttonClass
+                                    "link-type"   $buttonType
+                                )}}
+                            </div>
+                        {{ end }}
                    </div>
-                    {{ if $page }}<div>{{ partial "inline/card-caption.html" (dict "page" $page "keywords" $args.footerStyle "color" $args.color) }}</div>{{ end }}
-                    {{ if and $href $args.button }}
-                        {{ $label := (or $args.buttonLabel $title) | default (T "readMore") }}
-                        {{ $buttonClass := "card-button mb-n4" }}
-                        {{ $buttonType := (or $args.linkType $args.buttonType) }}
-                        {{ if eq $buttonType "link" }}{{ $buttonClass = "card-button card-button-link mb-n4" }}{{ end }}
-                        <div class="d-flex align-items-end">
-                            {{ partial "assets/button.html" (dict 
-                                "title"       $label
-                                "icon"        "fas chevron-right"
-                                "href"        $href
-                                "outline"     true
-                                "button-size" "sm"
-                                "class"       $buttonClass
-                                "link-type"   $buttonType
-                            )}}
-                        </div>
-                    {{ end }}
                </div>
            </div>
        </div>
@@ -245,30 +256,23 @@
 {{- else -}}
    {{/* Render stacked / default card */}}
    {{ $overlay := eq $args.orientation "overlay" }}
-    <div class="card {{ $colorStyle }} {{ $args.class }} text-{{ $args.align }}">
+    <div class="card {{ $colorStyle }} {{ $args.class }} text-{{ $args.align }}{{ if not $thumbnail }} p-{{ $args.padding }}{{ end }}">
        {{- if $thumbnail -}}
-            {{- partial $args.hook (dict
-                "src"      $thumbnail
-                "ratio"    (or $ratio "16x9")
-                "portrait" $args.portrait
-                "anchor"   $anchor
-                "sizes"    $args.sizes
+            {{- partial $args.hook (merge $thumbnailArgs (dict
                "wrapper"  "card-img-wrap"
                "class"    "card-img-top card-img-bg"
-                "title"    (or $args.alt $title)
-                "loading"  $args.loading
-            ) -}}
+                "ratio"    (or $ratio "16x9")
+            )) -}}
        {{- else if $icon -}}
-            <div class="card-icon p-{{ $args.padding }} {{ $iconStyle }} text-{{ $args.align }} {{ if $args.iconRounded }}fa-stack {{ $args.stack }}{{ end }} w-100">
-                {{ if $args.iconRounded }}
-                    {{- partial "assets/icon.html" (dict "icon" (printf "fas circle fa-stack-2x %s")) -}}
-                    {{- partial "assets/icon.html" (dict "icon" (printf "%s fa-stack-1x fa-inverse" $icon)) -}}
-                {{ else }}
-                    {{- partial "assets/icon.html" (dict "icon" (printf "%s %s" $icon $style)) -}}
-                {{ end }}
-            </div>
+            {{- partial "inline/card-icon.html" (dict
+                "icon"     $icon
+                "rounded"  $args.iconRounded
+                "style"    $style
+                "stack"    $args.stack
+                "class"    (printf "mb-1 m-0 text-%s" $args.align)
+            )}}
        {{- end -}}
-        <div class="card-body d-flex flex-column p-{{ $args.padding }} {{ if $overlay }}card-img-overlay card-overlay-gradient p-4{{ end }}" {{ if $overlay }}data-bs-theme="dark"{{ end }}>
+        <div class="card-body p-0 d-flex flex-column{{ if $thumbnail }} p-{{ $args.padding }}{{ end }}{{ if $overlay }}card-img-overlay card-overlay-gradient p-4{{ end }}" {{ if $overlay }}data-bs-theme="dark"{{ end }}>
            {{ if $args.overlay }}<div class="flex-grow-1"></div>{{ end }}
            {{ if $page }}{{- partial "inline/card-caption.html" (dict "page" $page "keywords" $args.headerStyle "color" $args.color) -}}{{ end }}
            {{- partial "inline/card-body.html" (dict "title" $title "href" $href "color" $args.color "description" $description) -}}
@@ -276,7 +280,7 @@
        </div>
        {{ if $args.button }}
            {{ $label := (or $args.buttonLabel $title) | default (T "readMore") }}
-            <div class="row p-{{ $args.padding }}" >
+            <div class="row" >
                <div class="{{ if eq $args.orientation "horizontal-sm" }}col-4 col-md-2{{ else if eq $args.orientation "horizontal" }}col-4{{ end }}"></div>
                <div class="col d-flex align-items-end {{ if eq $args.orientation "horizontal-sm" }}px-2{{ else if eq $args.orientation "horizontal"}}px-1 {{ else }}px-2 pt-1{{ end }}">
                    {{ $buttonClass := "card-button" }}
@@ -289,7 +293,7 @@
                        "button-size" "sm"
                        "class"       "card-button"
                        "class"       $buttonClass
-                        "link-type"   $args.buttonType
+                        "link-type"   $buttonType
                    )}}
                </div>
            </div>
--- a/layouts/_partials/assets/section-title.html
+++ b/layouts/_partials/assets/section-title.html
@@ -86,7 +86,7 @@
 }}

 <!-- Main code -->
-<div class="text-{{ $args.heading.align }}{{ with $justify }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}{{ with $width }} {{ . }}{{ end }} py-{{ $padding.y }}">
+<div class="text-{{ $args.heading.align }}{{ with $justify }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}{{ with $width }} {{ . }}{{ end }} pb-{{ $padding.y }}">
    {{ if and $preheading (eq $arrangement "first") }}
        <div class="container-fluid">
            <div class="row">
--- a/layouts/_partials/assets/timeline.html
+++ b/layouts/_partials/assets/timeline.html
@@ -109,7 +109,7 @@
    {{ end }}

    {{/* Render default timeline */}}
-    <div class="container p-0 d-none d-md-block mb-5 {{ with $background }} timeline-{{ . }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}">
+    <div class="container p-0 d-none d-md-block {{ with $background }} timeline-{{ . }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}">
        {{ $title | safeHTML }}
        {{ range $index, $item := $data }}
            <div class="row timeline timeline-{{ $item.color }} timeline-dot g-0 ">
--- a/layouts/_shortcodes/card.html
+++ b/layouts/_shortcodes/card.html
@@ -31,12 +31,12 @@
 {{- $header := or (partial "utilities/GetArgParent" (dict "page" . "arg" "header-style")) (partial "utilities/GetArgParent" (dict "page" . "arg" "header"))  -}}
 {{- $icon := .Get "icon" -}}
 {{- $iconRounded := or (partial "utilities/GetArgParent" (dict "page" . "arg" "icon-rounded")) (partial "utilities/GetArgParent" (dict "page" . "arg" "iconRounded")) -}}
-{{- $align := partial "utilities/GetArgParent" (dict "page" . "arg" "align") -}}
+{{- $align := partial "utilities/GetArgParent" (dict "page" . "arg" "align") | default "start" -}}
 {{- $style := or (partial "utilities/GetArgParent" (dict "page" . "arg" "icon-style")) (partial "utilities/GetArgParent" (dict "page" . "arg" "style")) -}}
 {{- $subtle := partial "utilities/GetArgParent" (dict "page" . "arg" "subtle") -}}
 {{- $loading := .Get "loading" -}}
 {{- $orientation := partial "utilities/GetArgParent" (dict "page" . "arg" "orientation") -}}
-{{- $padding := partial "utilities/GetArgParent" (dict "page" . "arg" "padding") -}}
+{{- $padding := partial "utilities/GetArgParent" (dict "page" . "arg" "padding") | default 3 -}}
 {{- $ratio := partial "utilities/GetArgParent" (dict "page" . "arg" "ratio") -}}
 {{- $page := .Page -}}
 {{- $path := .Get "path" -}}
--- a/layouts/_shortcodes/example-bookshop.html
+++ b/layouts/_shortcodes/example-bookshop.html
@@ -54,7 +54,13 @@
            {{ errorf "Expected '_bookshop_name': %s" .Position -}}
            {{ $error = true }}
        {{ else }}
-            {{ $partial = partial "_bookshop/helpers/component.html" (slice $component_name $data "p-1 p-md-4" "m-n1 m-md-n4") }}
+            {{- $padding := partial "utilities/GetPadding.html" -}}
+            {{ $partial = partial "_bookshop/helpers/component.html" (slice
+                $component_name
+                $data
+                (printf "p-1 px-md-%d py-md-%d" $padding.x $padding.y)
+                (printf "m-n1 mx-md-n%d my-md-n%d" $padding.x $padding.y)
+            ) }}
        {{ end }}
    {{ else }}
        {{ errorf "Expected frontmatter codeblock as input: %s" .Position -}}
Author	SHA1	Message	Date
Mark Dumay	38d1ddb86d	Merge pull request #1502 from gethinode/develop Develop	2025-07-08 06:39:23 +02:00
Mark Dumay	17287492e5	fix: adjust padding of section title	2025-07-08 06:31:12 +02:00
Mark Dumay	992d724a6f	Merge branch 'main' into develop	2025-07-08 06:17:21 +02:00
Mark Dumay	0b81eba373	Merge pull request #1501 from gethinode/hugo-mod-dependencies Update Hugo module dependencies	2025-07-08 06:17:04 +02:00
Mark Dumay	0a5e8bed92	fix: standardize padding of content blocks	2025-07-08 06:07:14 +02:00
Mark Dumay	a387adca66	feat: add support for configurable icon style to video message	2025-07-08 06:06:28 +02:00
markdumay	5341db7db2	fix: update Hugo module dependencies	2025-07-08 03:30:43 +00:00
Mark Dumay	f4d59a0324	Merge pull request #1500 from gethinode/develop Develop	2025-07-07 14:22:40 +02:00
Mark Dumay	6c068898a3	fix: ensure card icons have equal width	2025-07-07 14:15:30 +02:00
Mark Dumay	eec6697ff6	Merge branch 'main' into develop	2025-07-07 14:02:53 +02:00
Mark Dumay	26402fb5be	fix: update build stats	2025-07-07 14:02:18 +02:00
Mark Dumay	e08aebf928	docs: adjust article layout	2025-07-07 14:02:01 +02:00
Mark Dumay	787ad2eb91	feat: make card icons configurable	2025-07-07 14:01:23 +02:00
Mark Dumay	8f137b0c54	feat: make article icons configurable	2025-07-07 14:00:41 +02:00
Mark Dumay	a979dd8d58	fix: adjust default values of card arguments	2025-07-07 14:00:03 +02:00
Mark Dumay	b77a125485	fix: correct card group argument initialization of icon-style	2025-07-07 13:59:27 +02:00
Mark Dumay	004da99765	docs: include additional card examples	2025-07-07 13:58:51 +02:00
Mark Dumay	907c8ac800	fix: improve rendering of card icons Icon columns now resize properly when set to horizontal layout. Padding and alignment have also been revised.	2025-07-07 13:20:54 +02:00
Mark Dumay	a8efc27771	Merge pull request #1499 from gethinode/develop fix: correct separator argument definition	2025-07-06 14:29:27 +02:00
Mark Dumay	3bf8da3767	Merge branch 'main' into develop	2025-07-06 14:20:10 +02:00
Mark Dumay	131de0c064	fix: correct seperator argument definition	2025-07-06 14:16:52 +02:00