Merge pull request #1579 from gethinode/develop

Develop
fix: vertically align brand text in navbar
2025-10-17 15:03:20 +00:00 · 2025-09-14 15:16:48 +02:00 · 2025-09-14 14:59:06 +02:00 · 2025-09-14 13:58:02 +02:00 · 2025-09-14 12:45:07 +02:00 · 2025-09-14 12:35:40 +02:00
32 changed files with 303 additions and 128 deletions
--- a/assets/scss/common/_styles.scss
+++ b/assets/scss/common/_styles.scss
@@ -151,3 +151,17 @@ $utilities: map-merge(
        )
    )
 );
+
+.width-100 {
+    width: 100%;
+}
+
+$utilities: (
+  "width": (
+    property: width,
+    responsive: true,
+    values: (
+      auto: auto
+    )
+  )
+);
--- a/assets/scss/components/_navbar.scss
+++ b/assets/scss/components/_navbar.scss
@@ -104,20 +104,27 @@
    margin: 0 .15rem;
 }

-.navbar-title {
+.navbar-title, .navbar-title-center, .navbar-title-start {
    display: inline-block;
    white-space: normal;
-    text-align: center !important;
    vertical-align: middle;
    padding: 0 $spacer;
    width: 100% !important;
 }

+.navbar-title, .navbar-title-center {
+    text-align: center !important;
+}
+
 .navbar-contrast .nav-link.active, .navbar-contrast .nav-link.show, .navbar-contrast .nav-link:hover {
    border-bottom: solid 1px var(--bs-navbar-hover-color);
    margin-bottom: -1px;
 }

+.navbar-brand {
+    margin-right: 0;
+}
+
 .navbar-contrast {
    --bs-navbar-color: white !important;
    --bs-navbar-hover-color: white !important;
@@ -125,7 +132,7 @@
    --bs-navbar-active-color: white !important;
    --bs-navbar-toggler-color: white;

-    .navbar-title, .mode-switch {
+    .navbar-title, .navbar-brand, .mode-switch {
        --#{$prefix}border-color: white;

        color: white !important;
@@ -177,6 +184,7 @@
 .navbar .nav-item {
    display: flex;
    align-items: center;
+    white-space: nowrap;
 }

 .navbar-collapse .dropdown {
@@ -287,13 +295,10 @@
 }

 .navbar-container {
+    min-height: calc(2rem + 10px);
    width: 100% !important;
 }

-.navbar-brand {
-    margin-right: 0;
-}
-
@include media-breakpoint-up(#{$navbar-size}) {
    :root {
        --navbar-offset: #{$navbar-offset};
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -88,6 +88,8 @@
 [navigation]
    anchor = true
    logo = "/img/logo_icon.svg"
+    logo-mode = false
+    logo-align = "center"
    logo-height = 30
    color = "body"
    fixed = true
--- a/data/structures/card.yml
+++ b/data/structures/card.yml
@@ -73,6 +73,8 @@ arguments:
    group: partial
  anchor:
    release: v0.24.23
+  links:
+    release: v1.14.0
  # deprecated arguments
  header:
    type: select
--- a/data/structures/navbar.yml
+++ b/data/structures/navbar.yml
@@ -79,6 +79,25 @@ arguments:
    comment: >-
      Address of the logo image, defaults to the parameter `logo` set in the
      `main` section of the site's parameter configuration.
+  logo-align:
+    type: select
+    optional: true
+    default: center
+    comment: Alignment of the logo when the navbar is in collapsed mode.
+    options:
+      values:
+        - start
+        - center
+    release: v1.15.0
+  logo-mode:
+    type: bool
+    default: false
+    optional: true
+    comment: >-
+      Flag indicating if the logo should support color modes. If set, the
+      navbar searches for images having a matching color-mode suffix
+      such as `-light` or `-dark`.
+    release: v1.15.0
  # deprecated arguments
  size:
    type: select
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -41,6 +41,8 @@
 [navigation]
    anchor = true
    logo = "/img/logo_icon.svg"
+    logo-mode = false
+    logo-align = "center"
    logo-height = 30
    color = "body"
    fixed = true
--- a/exampleSite/hugo_stats.json
+++ b/exampleSite/hugo_stats.json
@@ -245,6 +245,9 @@
      "fa-activity",
      "fa-address-card",
      "fa-angle-left",
+      "fa-angle-right",
+      "fa-angles-left",
+      "fa-angles-right",
      "fa-arrow-left",
      "fa-arrow-right",
      "fa-bootstrap",
@@ -429,6 +432,7 @@
      "navbar-mode-selector",
      "navbar-nav",
      "navbar-nav-scroll",
+      "navbar-title-center",
      "navbar-toggler",
      "next",
      "no-js",
@@ -597,7 +601,9 @@
      "visually-hidden",
      "vr",
      "w-100",
-      "w-50"
+      "w-50",
+      "width-100",
+      "width-md-auto"
    ],
    "ids": [
      "abbr",
@@ -656,11 +662,16 @@
      "docs",
      "documentation",
      "dropdown-nav-0",
-      "dropdown-panel-4bb40e55576372d7d5033b3cb5988c2c",
-      "dropdown-panel-6dfba858bf9eaea88ebc32de712ebf3f",
-      "dropdown-panel-6fe204644b3fccca0d62ab3b712bf1cd",
-      "dropdown-panel-b8350cafdd51c4d33847172721da9800",
-      "dropdown-panel-e25d76a286385f8669a497412d250185",
+      "dropdown-panel-2b8b08fb591233c47c33a09d7a3cabb2",
+      "dropdown-panel-3044dd7fb06db4f5c79bf1522c153f56",
+      "dropdown-panel-5bfe3d6bfd8c06ec24e70db3f9a4748a",
+      "dropdown-panel-78af5baad4c30cfa644110746ddfb992",
+      "dropdown-panel-7f94c3f87920b35e1b662ea7733339c1",
+      "dropdown-panel-84bd47650fd6c7a113bf963d6e901569",
+      "dropdown-panel-9b19540564307ecc4bc91dda5d9e753f",
+      "dropdown-panel-c0509ba7d39b8fb33dd16b4b4749be3b",
+      "dropdown-panel-e628c03f369bed412decaf0050f85482",
+      "dropdown-panel-fc8fe6ba8fa6e64d79e3892b6355665f",
      "elements-type",
      "entity-relationship-diagram",
      "example",
@@ -678,16 +689,24 @@
      "fab-medium",
      "fab-whatsapp",
      "fab-x-twitter",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-heading-faq-aa1b2fa31cd6205cdeb0e1b972a20584",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-item-0",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-item-1",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-item-2",
+      "faq-de3299f30b4c2eb970876a8e40bdc3f6",
+      "faq-de3299f30b4c2eb970876a8e40bdc3f6-heading-faq-de3299f30b4c2eb970876a8e40bdc3f6",
+      "faq-de3299f30b4c2eb970876a8e40bdc3f6-item-0",
+      "faq-de3299f30b4c2eb970876a8e40bdc3f6-item-1",
+      "faq-de3299f30b4c2eb970876a8e40bdc3f6-item-2",
+      "faq-f5150391281ce44f87050091503b035d",
+      "faq-f5150391281ce44f87050091503b035d-heading-faq-f5150391281ce44f87050091503b035d",
+      "faq-f5150391281ce44f87050091503b035d-item-0",
+      "faq-f5150391281ce44f87050091503b035d-item-1",
+      "faq-f5150391281ce44f87050091503b035d-item-2",
      "fas-1",
      "fas-2",
      "fas-3",
      "fas-address-card",
      "fas-angle-left",
+      "fas-angle-right",
+      "fas-angles-left",
+      "fas-angles-right",
      "fas-arrow-left",
      "fas-arrow-right",
      "fas-chevron-right",
@@ -773,11 +792,16 @@
      "nav-0-btn-1",
      "nav-0-btn-2",
      "nav-nav-0",
-      "nav-panel-4bb40e55576372d7d5033b3cb5988c2c",
-      "nav-panel-6dfba858bf9eaea88ebc32de712ebf3f",
-      "nav-panel-6fe204644b3fccca0d62ab3b712bf1cd",
-      "nav-panel-b8350cafdd51c4d33847172721da9800",
-      "nav-panel-e25d76a286385f8669a497412d250185",
+      "nav-panel-2b8b08fb591233c47c33a09d7a3cabb2",
+      "nav-panel-3044dd7fb06db4f5c79bf1522c153f56",
+      "nav-panel-5bfe3d6bfd8c06ec24e70db3f9a4748a",
+      "nav-panel-78af5baad4c30cfa644110746ddfb992",
+      "nav-panel-7f94c3f87920b35e1b662ea7733339c1",
+      "nav-panel-84bd47650fd6c7a113bf963d6e901569",
+      "nav-panel-9b19540564307ecc4bc91dda5d9e753f",
+      "nav-panel-c0509ba7d39b8fb33dd16b4b4749be3b",
+      "nav-panel-e628c03f369bed412decaf0050f85482",
+      "nav-panel-fc8fe6ba8fa6e64d79e3892b6355665f",
      "navbar",
      "navbar-0-collapse",
      "navbar-mode",
@@ -786,36 +810,66 @@
      "navigation",
      "notification",
      "overview",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-0",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-1",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-2",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-btn-0",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-btn-1",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-btn-2",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-0",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-1",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-2",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-btn-0",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-btn-1",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-btn-2",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-0",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-1",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-2",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-btn-0",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-btn-1",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-btn-2",
-      "panel-b8350cafdd51c4d33847172721da9800-0",
-      "panel-b8350cafdd51c4d33847172721da9800-1",
-      "panel-b8350cafdd51c4d33847172721da9800-2",
-      "panel-b8350cafdd51c4d33847172721da9800-btn-0",
-      "panel-b8350cafdd51c4d33847172721da9800-btn-1",
-      "panel-b8350cafdd51c4d33847172721da9800-btn-2",
-      "panel-e25d76a286385f8669a497412d250185-0",
-      "panel-e25d76a286385f8669a497412d250185-1",
-      "panel-e25d76a286385f8669a497412d250185-2",
-      "panel-e25d76a286385f8669a497412d250185-btn-0",
-      "panel-e25d76a286385f8669a497412d250185-btn-1",
-      "panel-e25d76a286385f8669a497412d250185-btn-2",
+      "panel-2b8b08fb591233c47c33a09d7a3cabb2-0",
+      "panel-2b8b08fb591233c47c33a09d7a3cabb2-1",
+      "panel-2b8b08fb591233c47c33a09d7a3cabb2-2",
+      "panel-2b8b08fb591233c47c33a09d7a3cabb2-btn-0",
+      "panel-2b8b08fb591233c47c33a09d7a3cabb2-btn-1",
+      "panel-2b8b08fb591233c47c33a09d7a3cabb2-btn-2",
+      "panel-3044dd7fb06db4f5c79bf1522c153f56-0",
+      "panel-3044dd7fb06db4f5c79bf1522c153f56-1",
+      "panel-3044dd7fb06db4f5c79bf1522c153f56-2",
+      "panel-3044dd7fb06db4f5c79bf1522c153f56-btn-0",
+      "panel-3044dd7fb06db4f5c79bf1522c153f56-btn-1",
+      "panel-3044dd7fb06db4f5c79bf1522c153f56-btn-2",
+      "panel-5bfe3d6bfd8c06ec24e70db3f9a4748a-0",
+      "panel-5bfe3d6bfd8c06ec24e70db3f9a4748a-1",
+      "panel-5bfe3d6bfd8c06ec24e70db3f9a4748a-2",
+      "panel-5bfe3d6bfd8c06ec24e70db3f9a4748a-btn-0",
+      "panel-5bfe3d6bfd8c06ec24e70db3f9a4748a-btn-1",
+      "panel-5bfe3d6bfd8c06ec24e70db3f9a4748a-btn-2",
+      "panel-78af5baad4c30cfa644110746ddfb992-0",
+      "panel-78af5baad4c30cfa644110746ddfb992-1",
+      "panel-78af5baad4c30cfa644110746ddfb992-2",
+      "panel-78af5baad4c30cfa644110746ddfb992-btn-0",
+      "panel-78af5baad4c30cfa644110746ddfb992-btn-1",
+      "panel-78af5baad4c30cfa644110746ddfb992-btn-2",
+      "panel-7f94c3f87920b35e1b662ea7733339c1-0",
+      "panel-7f94c3f87920b35e1b662ea7733339c1-1",
+      "panel-7f94c3f87920b35e1b662ea7733339c1-2",
+      "panel-7f94c3f87920b35e1b662ea7733339c1-btn-0",
+      "panel-7f94c3f87920b35e1b662ea7733339c1-btn-1",
+      "panel-7f94c3f87920b35e1b662ea7733339c1-btn-2",
+      "panel-84bd47650fd6c7a113bf963d6e901569-0",
+      "panel-84bd47650fd6c7a113bf963d6e901569-1",
+      "panel-84bd47650fd6c7a113bf963d6e901569-2",
+      "panel-84bd47650fd6c7a113bf963d6e901569-btn-0",
+      "panel-84bd47650fd6c7a113bf963d6e901569-btn-1",
+      "panel-84bd47650fd6c7a113bf963d6e901569-btn-2",
+      "panel-9b19540564307ecc4bc91dda5d9e753f-0",
+      "panel-9b19540564307ecc4bc91dda5d9e753f-1",
+      "panel-9b19540564307ecc4bc91dda5d9e753f-2",
+      "panel-9b19540564307ecc4bc91dda5d9e753f-btn-0",
+      "panel-9b19540564307ecc4bc91dda5d9e753f-btn-1",
+      "panel-9b19540564307ecc4bc91dda5d9e753f-btn-2",
+      "panel-c0509ba7d39b8fb33dd16b4b4749be3b-0",
+      "panel-c0509ba7d39b8fb33dd16b4b4749be3b-1",
+      "panel-c0509ba7d39b8fb33dd16b4b4749be3b-2",
+      "panel-c0509ba7d39b8fb33dd16b4b4749be3b-btn-0",
+      "panel-c0509ba7d39b8fb33dd16b4b4749be3b-btn-1",
+      "panel-c0509ba7d39b8fb33dd16b4b4749be3b-btn-2",
+      "panel-e628c03f369bed412decaf0050f85482-0",
+      "panel-e628c03f369bed412decaf0050f85482-1",
+      "panel-e628c03f369bed412decaf0050f85482-2",
+      "panel-e628c03f369bed412decaf0050f85482-btn-0",
+      "panel-e628c03f369bed412decaf0050f85482-btn-1",
+      "panel-e628c03f369bed412decaf0050f85482-btn-2",
+      "panel-fc8fe6ba8fa6e64d79e3892b6355665f-0",
+      "panel-fc8fe6ba8fa6e64d79e3892b6355665f-1",
+      "panel-fc8fe6ba8fa6e64d79e3892b6355665f-2",
+      "panel-fc8fe6ba8fa6e64d79e3892b6355665f-btn-0",
+      "panel-fc8fe6ba8fa6e64d79e3892b6355665f-btn-1",
+      "panel-fc8fe6ba8fa6e64d79e3892b6355665f-btn-2",
      "persona",
      "pie-chart",
      "pills",
--- a/go.mod
+++ b/go.mod
@@ -15,7 +15,7 @@ require (
 	github.com/gethinode/mod-lottie v1.6.1 // indirect
 	github.com/gethinode/mod-mermaid/v3 v3.0.1 // indirect
 	github.com/gethinode/mod-simple-datatables/v2 v2.0.2 // indirect
-	github.com/gethinode/mod-utils/v4 v4.15.1 // indirect
+	github.com/gethinode/mod-utils/v4 v4.16.1 // indirect
 	github.com/nextapps-de/flexsearch v0.0.0-20250907103239-defb38b083f0 // indirect
 	github.com/twbs/bootstrap v5.3.8+incompatible // indirect
 )
--- a/go.sum
+++ b/go.sum
@@ -510,6 +510,10 @@ github.com/gethinode/mod-utils/v4 v4.15.0 h1:Zocy3qEVluYcx9te7bN6Serwp49kjhuH+eI
 github.com/gethinode/mod-utils/v4 v4.15.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/gethinode/mod-utils/v4 v4.15.1 h1:zsn6pYxMePLqsNaX+V8qND5tAbbp/CiscgZrnFAxc2s=
 github.com/gethinode/mod-utils/v4 v4.15.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.16.0 h1:yroLCeQyE/xU46YIKS81ZtFsOONTmVudrv2qW7IBH5Q=
+github.com/gethinode/mod-utils/v4 v4.16.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.16.1 h1:HjV6TONU7ZbXC2xZIPRupjKOUORddtQH8bb4dnULY1U=
+github.com/gethinode/mod-utils/v4 v4.16.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/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=
--- a/layouts/_partials/assets/card.html
+++ b/layouts/_partials/assets/card.html
@@ -6,17 +6,38 @@

 {{ $error := false }}

+{{- define "_partials/inline/card-icons.html" -}}
+    {{ $links := .links }}
+    
+    <span class="text-body-secondary">
+        {{- range $index, $item := $links -}}
+            {{ partial "assets/button.html" (dict 
+                "href"      $item.url
+                "icon"      (printf "%s fa-fw" $item.icon)
+                "class"     "btn-social p-0"
+                "label"     $item.title
+                "spacing"   false
+            ) }}
+        {{- end -}}
+    </span>
+{{- end -}}
+
 {{/* Inline partial to render the card's body */}}
 {{- define "_partials/inline/card-body.html" -}}
    {{- $title := .title -}}
    {{- $href := .href -}}
    {{- $color := .color -}}
    {{- $description := .description -}}
-    {{- $button := .button -}}
+    {{- $links := .links -}}
    
    {{- if $href -}}
        <a href="{{ $href }}" class="{{ if $color }}link-bg-{{ $color }}{{ else }}card-body-link{{ end }} stretched-link">
-                <p class="card-title fs-lg-5 fs-6">{{ $title }}</p>
+            {{ if or $title $links }}
+                <p class="card-title fs-lg-5 fs-6">
+                    {{- with $title }}{{ . }}{{ end }}
+                    {{ with $links }}{{ partial "inline/card-icons.html" (dict "links" .) }}{{ end -}}
+                </p>
+            {{ end -}}
            {{ with $description }}
                <div class="card-text {{ if $color }}link-bg-{{ $color }}{{ else }}card-body-link{{ end }}">
                {{ . | safeHTML }}
@@ -25,7 +46,12 @@
        </a>
    {{- else -}}
        <div>
-            {{ with $title }}<p class="card-title fs-lg-5 fs-6">{{ . }}</p>{{ end -}}
+            {{ if or $title $links }}
+                <p class="card-title fs-lg-5 fs-6">
+                    {{- with $title }}{{ . }}{{ end }}
+                    {{ with $links }}{{ partial "inline/card-icons.html" (dict "links" .) }}{{ end -}}
+                </p>
+            {{ end -}}
            {{ with $description }}<div class="card-text">{{ . | safeHTML }}</div>{{ end -}}
        </div>
    {{- end -}}
@@ -228,7 +254,7 @@
                            "href"        $href
                            "color"       $args.color
                            "description" $description
-                            "button"      $args.button
+                            "links"       $args.links
                        ) -}}
                        {{ if $page }}<div>{{ partial "inline/card-caption.html" (dict "page" $page "keywords" $args.footerStyle "color" $args.color) }}</div>{{ end }}
                        {{ if and $href $args.button }}
@@ -275,7 +301,13 @@
        <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) -}}
+            {{- partial "inline/card-body.html" (dict
+                "title"       $title
+                "href"        $href
+                "color"       $args.color
+                "description" $description
+                "links"       $args.links
+            ) -}}
            {{ if $page }}{{- partial "inline/card-caption.html" (dict "page" $page "keywords" $args.footerStyle "color" $args.color) -}}{{ end }}
        </div>
        {{ if $args.button }}
--- a/layouts/_partials/assets/contact.html
+++ b/layouts/_partials/assets/contact.html
@@ -50,17 +50,18 @@
    {{ end }}

    {{ partial "assets/hero.html"  (dict
-        "page"         $args.page
-        "heading"      (merge $heading (dict "size" 6))
-        "background"   $args.background
-        "illustration" $illustration 
-        "order"        $args.order
-        "link-type"    $args.linkType
-        "links"        $args.links
-        "orientation"  $args.orientation
-        "width"        (or $args.width 12)
-        "use-title"    true
-        "size"         6
+        "page"          $args.page
+        "heading"       (merge $heading (dict "size" 6))
+        "background"    $args.background
+        "illustration"  $illustration 
+        "order"         $args.order
+        "link-type"     $args.linkType
+        "links"         $args.links
+        "orientation"   $args.orientation
+        "width"         (or $args.width 12)
+        "use-title"     true
+        "size"          6
+        "content-style" "text-muted fs-5"
        )
    }}
 {{ end }}
--- a/layouts/_partials/assets/navbar.html
+++ b/layouts/_partials/assets/navbar.html
@@ -78,9 +78,29 @@
 {{- end -}}

 {{ $logo := "" }}
-{{ with $args.logo | default site.Params.navigation.logo }}
-    {{ $height := index site.Params.navigation "logo-height" | default 30 }}
-    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" $height) }}
+{{ $mode := index site.Params.navigation "logo-mode" | default false }}
+{{ if (not (in $args.default "logo-mode")) }}
+    {{ $mode = $args.logoMode }}
+{{ end }}
+
+{{ $align := index site.Params.navigation "logo-align" | default "center" }}
+{{ if (not (in $args.default "logo-align")) }}
+    {{ $align = $args.logoAlign }}
+{{ end }}
+
+{{ if not $args.title }}
+    {{ with $args.logo | default site.Params.navigation.logo }}
+        {{ $height := index site.Params.navigation "logo-height" | default 30 }}
+        {{ $class := cond (eq $align "start") "my-auto" "m-auto" }}
+        {{ $logo = partial "assets/image.html" (dict 
+            "src"          .
+            "loading"      "eager"
+            "title"        $title
+            "image-height" $height
+            "mode"         $mode
+            "class"        (printf "h-100 %s" $class)
+        ) }}
+    {{ end }}
 {{ end }}

 {{- $class := $args.class -}}
@@ -107,26 +127,29 @@
        {{ end }}        
        >
        <div class="container-xxl p-0">
-            <div class="d-flex navbar-container justify-content-center">
-                {{/* Insert sidebar toggler when applicable */}}
-                <div class="d-flex align-items-center">
-                    {{- if $page.Scratch.Get "sidebar" -}}
-                        <button class="navbar-toggler collapsed p-0 mx-auto fw-30" type="button" data-bs-toggle="offcanvas"
-                            data-bs-target="#offcanvass-sidebar" aria-controls="offcanvass-sidebar" aria-label="{{ T "toggleSidebar" }}">
-                            {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
-                        </button>
-                    {{- else -}}
-                        {{/* Insert invisible sidebar toggler to center logo correctly on smaller screens */}}
-                        <button class="navbar-toggler collapsed p-0 mx-auto invisible fw-30" type="button">
-                            {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
-                        </button>
-                    {{- end -}}
-                </div>
+            <div class="d-flex navbar-container">
+                {{/* Insert sidebar toggler or placeholder when applicable */}}
+                {{ $sidebar := $page.Scratch.Get "sidebar" }}
+                {{- if or $sidebar (eq $align "center") -}}
+                    <div class="d-flex align-items-center">
+                        {{- if $sidebar -}}
+                            <button class="navbar-toggler collapsed p-0 mx-auto fw-30" type="button" data-bs-toggle="offcanvas"
+                                data-bs-target="#offcanvass-sidebar" aria-controls="offcanvass-sidebar" aria-label="{{ T "toggleSidebar" }}">
+                                {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
+                            </button>
+                        {{- else if eq $align "center" -}}
+                            {{/* Insert invisible sidebar toggler to center logo correctly on smaller screens */}}
+                            <button class="navbar-toggler collapsed p-0 mx-auto invisible fw-30" type="button">
+                                {{- partial "assets/icon.html" (dict "icon" "fas ellipsis fa-fw" "spacing" false) -}}
+                            </button>
+                        {{- end -}}
+                    </div>
+                {{ end }}
        
                {{/* Insert the brand logo or name */}}
-                <div class="{{ if $logo }}mx-auto{{ else }}flex-grow-1 flex-{{ $args.breakpoint }}-grow-0{{ end }}">
+                <div class="width-100 width-{{ $args.breakpoint }}-auto my-auto {{ if eq $align "center" }}text-center{{ end }}">
                    <a class="navbar-brand" href="{{ site.Home.RelPermalink }}" aria-label="{{ T "home" }}">
-                        {{- with $logo -}}{{ . }}{{- else -}}<div class="navbar-title fw-bold h-100">{{ $title }}</div>{{- end -}}
+                        {{- with $logo -}}{{ . }}{{- else -}}<div class="p-0 navbar-title-{{ $align }} fw-bold h-100">{{ $title }}</div>{{- end -}}
                    </a>
                </div>
        
--- a/layouts/_partials/assets/section-title.html
+++ b/layouts/_partials/assets/section-title.html
@@ -19,10 +19,10 @@
 {{- $padding := partial "utilities/GetPadding.html" -}}

 {{/* Initialize local arguments */}}
-{{- $size := (or $args.heading.size site.Params.modules.bookshop.title.size) | default 4 -}}
-{{- $arrangement := (or $args.arrangement site.Params.modules.bookshop.title.arrangement) | default "above" -}}
-{{- $headingStyle := (or $args.headingStyle site.Params.modules.bookshop.title.headingStyle) | default "display" -}}
-{{- $contentStyle := (or $args.contentStyle site.Params.modules.bookshop.title.contentStyle) | default "lead text-muted" -}}
+{{- $size := (or $args.heading.size site.Params.style.title.size) | default 4 -}}
+{{- $arrangement := (or $args.arrangement site.Params.style.title.arrangement) | default "above" -}}
+{{- $headingStyle := (or $args.headingStyle site.Params.style.title.headingStyle) | default "display" -}}
+{{- $contentStyle := (or $args.contentStyle site.Params.style.title.contentStyle) | default "lead text-muted" -}}
 {{- $preheading := $args.heading.preheading }}
 {{- $title := $args.heading.title }}
 {{- $width := $args.heading.width | default 12 -}}
--- a/layouts/_shortcodes/args.html
+++ b/layouts/_shortcodes/args.html
@@ -29,5 +29,6 @@
        "parent"       $args.parent
        "render-type"  $args.renderType
        "header-level" $args.headerLevel
+        "_default"     $args.default
    ) -}}
 {{- end -}}
--- a/layouts/_shortcodes/button.html
+++ b/layouts/_shortcodes/button.html
@@ -57,6 +57,7 @@
        "tab"          $args.tab
        "toast-id"     (or $args.toastId $args.toast)
        "spacing"      $spacing
+        "_default"     $args.default
    ) -}}

    {{ with $args.wrapper }}
--- a/layouts/_shortcodes/card-group.html
+++ b/layouts/_shortcodes/card-group.html
@@ -78,5 +78,6 @@
    "link-type"    $buttonType
    "icon-rounded" $iconRounded
    "scroll"       $scroll
+    "_default"     $args.default
    ) 
 -}}
--- a/layouts/_shortcodes/card.html
+++ b/layouts/_shortcodes/card.html
@@ -94,6 +94,7 @@
        "alt"          $alt
        "button"       $button
        "link-type"    $linkType
+        "_default"     $args.default
    ) -}}

    {{/* Pass output to parent or current stream */}}
--- a/layouts/_shortcodes/image.html
+++ b/layouts/_shortcodes/image.html
@@ -43,5 +43,6 @@
        "anchor"   $args.anchor
        "loading"  $args.loading
        "page"     .Page
+        "_default" $args.default
    ) -}} 
 {{- end -}}
--- a/layouts/_shortcodes/img.html
+++ b/layouts/_shortcodes/img.html
@@ -32,7 +32,7 @@
        "caption"  $args.caption
        "ratio"    $ratio
        "portrait" $portrait   
-        "loading"  $args.loading             
+        "loading"  $args.loading
    ) }}

    {{ $current := .Parent.Scratch.Get "inner" }}
--- a/layouts/_shortcodes/link.html
+++ b/layouts/_shortcodes/link.html
@@ -36,5 +36,6 @@
        "class"       $args.class
        "page"        .Page
        "position"    .Position
+        "_default"    $args.default
    ) }}
 {{- end -}}
--- a/layouts/_shortcodes/nav-item.html
+++ b/layouts/_shortcodes/nav-item.html
@@ -46,6 +46,7 @@
        "body"      $body
        "show"      $args.show
        "disabled"  $args.disabled
+        "_default"  $args.default
        )
    -}}

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

--- a/layouts/_shortcodes/nav.html
+++ b/layouts/_shortcodes/nav.html
@@ -43,6 +43,7 @@
        "class"        $args.class
        "pane"         $args.pane
        "width"        $args.width
+        "_default"     $args.default
        ) 
    -}}
 {{- end -}}
--- a/layouts/_shortcodes/navbar.html
+++ b/layouts/_shortcodes/navbar.html
@@ -41,8 +41,10 @@
        "mode"       $args.mode
        "menus"      $args.menus
        "logo"       $args.logo
+        "logo-mode"  $args.logoMode
        "title"      $args.title
        "class"      $args.class
+        "_default"   $args.default
        )
    -}}
 {{ end -}}
--- a/layouts/_shortcodes/persona.html
+++ b/layouts/_shortcodes/persona.html
@@ -39,5 +39,6 @@
        "href"      $args.href
        "content"   $content
        "thumbnail" $args.thumbnail
+        "_default"  $args.default
    ) -}}
 {{- end -}}
--- a/layouts/_shortcodes/table.html
+++ b/layouts/_shortcodes/table.html
@@ -30,5 +30,6 @@
        "pagingOptionPageSelect" $args.pagingOptionPageSelect
        "searchable"             $args.searchable
        "wrap"                   $args.wrap
+        "_default"               $args.default
    ) }}
 {{ end }}
--- a/layouts/_shortcodes/timeline.html
+++ b/layouts/_shortcodes/timeline.html
@@ -32,5 +32,5 @@

 {{/* Main code */}}
 {{ if not $error }}
-    {{ partial "assets/timeline.html" (dict "page" $page "data" $args.data "background" $args.background) }}
+    {{ partial "assets/timeline.html" (dict "page" $page "data" $args.data "background" $args.background "_default" $args.default) }}
 {{ end }}
--- a/layouts/_shortcodes/toast.html
+++ b/layouts/_shortcodes/toast.html
@@ -33,8 +33,9 @@
 {{ if not $error -}}
    {{ partial "assets/toast.html" (dict
        "id" $id
-        "title" (or $args.title $args.header)
-        "message" $message
-        "class" $args.class
+        "title"    (or $args.title $args.header)
+        "message"  $message
+        "class"    $args.class
+        "_default" $args.default
    ) }}
 {{ end -}}
--- a/layouts/_shortcodes/video.html
+++ b/layouts/_shortcodes/video.html
@@ -29,5 +29,6 @@
        "title"     $args.title 
        "autoplay"  $args.autoplay
        "autotitle" $args.autotitle
+        "_default"  $args.default
    ) }}
 {{ end -}}
--- a/layouts/_shortcodes/vimeo.html
+++ b/layouts/_shortcodes/vimeo.html
@@ -28,5 +28,6 @@
        "title"     (or $args.title "Vimeo Video")
        "autoplay"  $args.autoplay
        "autotitle" $args.autotitle
+        "_default"  $args.default
    ) }}
 {{ end -}}
--- a/layouts/_shortcodes/youtube.html
+++ b/layouts/_shortcodes/youtube.html
@@ -28,5 +28,6 @@
        "title"     (or $args.title "YouTube Video")
        "autoplay"  $args.autoplay
        "autotitle" $args.autotitle
+        "_default"  $args.default
    ) }}
 {{ end -}}
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,7 +37,7 @@
        "semantic-release": "^24.2.8",
        "shx": "^0.4.0",
        "stylelint": "^16.24.0",
-        "stylelint-config-standard-scss": "^15.0.1"
+        "stylelint-config-standard-scss": "^16.0.0"
      },
      "optionalDependencies": {
        "@gethinode/netlify-plugin-dartsass": "^0.3.0",
@@ -8706,9 +8706,9 @@
      }
    },
    "node_modules/mdn-data": {
-      "version": "2.21.0",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.21.0.tgz",
-      "integrity": "sha512-+ZKPQezM5vYJIkCxaC+4DTnRrVZR1CgsKLu5zsQERQx6Tea8Y+wMx5A24rq8A8NepCeatIQufVAekKNgiBMsGQ==",
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.24.0.tgz",
+      "integrity": "sha512-i97fklrJl03tL1tdRVw0ZfLLvuDsdb6wxL+TrJ+PKkCbLrp2PCu2+OYdCKychIUm19nSM/35S6qz7pJpnXttoA==",
      "dev": true,
      "license": "CC0-1.0"
    },
@@ -16239,9 +16239,9 @@
      }
    },
    "node_modules/stylelint-config-recommended": {
-      "version": "16.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-16.0.0.tgz",
-      "integrity": "sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==",
+      "version": "17.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-17.0.0.tgz",
+      "integrity": "sha512-WaMSdEiPfZTSFVoYmJbxorJfA610O0tlYuU2aEwY33UQhSPgFbClrVJYWvy3jGJx+XW37O+LyNLiZOEXhKhJmA==",
      "dev": true,
      "funding": [
        {
@@ -16258,26 +16258,26 @@
        "node": ">=18.12.0"
      },
      "peerDependencies": {
-        "stylelint": "^16.16.0"
+        "stylelint": "^16.23.0"
      }
    },
    "node_modules/stylelint-config-recommended-scss": {
-      "version": "15.0.1",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-15.0.1.tgz",
-      "integrity": "sha512-V24bxkNkFGggqPVJlP9iXaBabwSGEG7QTz+PyxrRtjPkcF+/NsWtB3tKYvFYEmczRkWiIEfuFMhGpJFj9Fxe6Q==",
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-16.0.1.tgz",
+      "integrity": "sha512-wfpU6kmTUwPEHMACYdpt5wLM/aS44+sqE8yk82LkOkA7yVpAuTZDwd3m9762d0mRnNCn0JMUx4XfDVDmbb8hTA==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
        "postcss-scss": "^4.0.9",
-        "stylelint-config-recommended": "^16.0.0",
-        "stylelint-scss": "^6.12.0"
+        "stylelint-config-recommended": "^17.0.0",
+        "stylelint-scss": "^6.12.1"
      },
      "engines": {
        "node": ">=20"
      },
      "peerDependencies": {
        "postcss": "^8.3.3",
-        "stylelint": "^16.16.0"
+        "stylelint": "^16.23.1"
      },
      "peerDependenciesMeta": {
        "postcss": {
@@ -16286,9 +16286,9 @@
      }
    },
    "node_modules/stylelint-config-standard": {
-      "version": "38.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-38.0.0.tgz",
-      "integrity": "sha512-uj3JIX+dpFseqd/DJx8Gy3PcRAJhlEZ2IrlFOc4LUxBX/PNMEQ198x7LCOE2Q5oT9Vw8nyc4CIL78xSqPr6iag==",
+      "version": "39.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-39.0.0.tgz",
+      "integrity": "sha512-JabShWORb8Bmc1A47ZyJstran60P3yUdI1zWMpGYPeFiC6xzHXJMkpKAd8EjIhq3HPUplIWWMDJ/xu0AiPd+kA==",
      "dev": true,
      "funding": [
        {
@@ -16302,31 +16302,31 @@
      ],
      "license": "MIT",
      "dependencies": {
-        "stylelint-config-recommended": "^16.0.0"
+        "stylelint-config-recommended": "^17.0.0"
      },
      "engines": {
        "node": ">=18.12.0"
      },
      "peerDependencies": {
-        "stylelint": "^16.18.0"
+        "stylelint": "^16.23.0"
      }
    },
    "node_modules/stylelint-config-standard-scss": {
-      "version": "15.0.1",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-15.0.1.tgz",
-      "integrity": "sha512-8pmmfutrMlPHukLp+Th9asmk21tBXMVGxskZCzkRVWt1d8Z0SrXjUUQ3vn9KcBj1bJRd5msk6yfEFM0UYHBRdg==",
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-16.0.0.tgz",
+      "integrity": "sha512-/FHECLUu+med/e6OaPFpprG86ShC4SYT7Tzb2PTVdDjJsehhFBOioSlWqYFqJxmGPIwO3AMBxNo+kY3dxrbczA==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "stylelint-config-recommended-scss": "^15.0.1",
-        "stylelint-config-standard": "^38.0.0"
+        "stylelint-config-recommended-scss": "^16.0.1",
+        "stylelint-config-standard": "^39.0.0"
      },
      "engines": {
        "node": ">=20"
      },
      "peerDependencies": {
        "postcss": "^8.3.3",
-        "stylelint": "^16.18.0"
+        "stylelint": "^16.23.1"
      },
      "peerDependenciesMeta": {
        "postcss": {
@@ -16335,9 +16335,9 @@
      }
    },
    "node_modules/stylelint-scss": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.12.0.tgz",
-      "integrity": "sha512-U7CKhi1YNkM1pXUXl/GMUXi8xKdhl4Ayxdyceie1nZ1XNIdaUgMV6OArpooWcDzEggwgYD0HP/xIgVJo9a655w==",
+      "version": "6.12.1",
+      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.12.1.tgz",
+      "integrity": "sha512-UJUfBFIvXfly8WKIgmqfmkGKPilKB4L5j38JfsDd+OCg2GBdU0vGUV08Uw82tsRZzd4TbsUURVVNGeOhJVF7pA==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
    "semantic-release": "^24.2.8",
    "shx": "^0.4.0",
    "stylelint": "^16.24.0",
-    "stylelint-config-standard-scss": "^15.0.1"
+    "stylelint-config-standard-scss": "^16.0.0"
  },
  "optionalDependencies": {
    "@gethinode/netlify-plugin-dartsass": "^0.3.0",
Author	SHA1	Message	Date
Mark Dumay	6085688d7b	Merge pull request #1579 from gethinode/develop Develop	2025-09-14 15:16:48 +02:00
Mark Dumay	54e1720be6	fix: vertically align brand text in navbar	2025-09-14 14:59:06 +02:00
Mark Dumay	f482f4dd94	feat: enable configuration of navbar logo align and mode	2025-09-14 13:58:02 +02:00
Mark Dumay	b48a9598f4	fix: prevent wrapping of navbar items	2025-09-14 12:45:07 +02:00
Mark Dumay	ed56db6d0d	refactor: remove redundant spacing	2025-09-14 12:35:40 +02:00
Mark Dumay	9a91208f58	fix: pass default arguments from shortcode to partial	2025-09-14 12:35:10 +02:00
Mark Dumay	353f5e2194	Merge pull request #1578 from gethinode/develop Develop	2025-09-13 09:52:06 +02:00
Mark Dumay	cd301e2274	fix: correct regression error for site's title style	2025-09-13 09:32:22 +02:00
Mark Dumay	7fbeb7fa5a	fix: override site's title size for contact body	2025-09-13 09:30:59 +02:00
Mark Dumay	80a8e6ca2f	feat: support optional links in cards Renders each link as a button with class `btn-social` next to the card's title.	2025-09-13 09:27:32 +02:00
Mark Dumay	64f892dca9	fix: bump dependencies	2025-09-13 09:14:21 +02:00
github-actions[bot]	5f1edc0643	Merge pull request #1576 from gethinode/dependabot/npm_and_yarn/stylelint-config-standard-scss-16.0.0 build(deps-dev): bump stylelint-config-standard-scss from 15.0.1 to 16.0.0	2025-09-13 06:47:22 +00:00
Mark Dumay	defd63142d	Merge branch 'main' into dependabot/npm_and_yarn/stylelint-config-standard-scss-16.0.0	2025-09-13 08:41:42 +02:00
dependabot[bot]	bbb976440e	build(deps-dev): bump stylelint-config-standard-scss Bumps [stylelint-config-standard-scss](https://github.com/stylelint-scss/stylelint-config-standard-scss) from 15.0.1 to 16.0.0. - [Release notes](https://github.com/stylelint-scss/stylelint-config-standard-scss/releases) - [Changelog](https://github.com/stylelint-scss/stylelint-config-standard-scss/blob/main/CHANGELOG.md) - [Commits](https://github.com/stylelint-scss/stylelint-config-standard-scss/compare/v15.0.1...v16.0.0) --- updated-dependencies: - dependency-name: stylelint-config-standard-scss dependency-version: 16.0.0 dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>	2025-09-12 13:07:31 +00:00