Merge pull request #1580 from gethinode/develop

fix: refine vertical alignment of brand

assets/scss/common/_scrollbar.scss

@@ -21,6 +21,7 @@
 
 	// Standard version (Firefox, only appears on scroll)
 	@supports (-moz-appearance:none) {
+		/* stylelint-disable-next-line no-invalid-position-declaration */
 		scrollbar-color: $foreground-color $background-color;
 	}
 }

assets/scss/common/_styles.scss

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

assets/scss/components/_navbar.scss

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

config/_default/params.toml

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

data/structures/card.yml

@@ -73,6 +73,8 @@ arguments:
     group: partial
   anchor:
     release: v0.24.23
+  links:
+    release: v1.14.0
   # deprecated arguments
   header:
     type: select

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

exampleSite/config/_default/params.toml

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

exampleSite/hugo_stats.json

@@ -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,11 @@
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-4bb40e55576372d7d5033b3cb5988c2c",
+      "dropdown-panel-01d46922d433251f7c1674604c7060b1",
-      "dropdown-panel-6dfba858bf9eaea88ebc32de712ebf3f",
+      "dropdown-panel-16c0f69a272204f0a4afc67975115e22",
-      "dropdown-panel-6fe204644b3fccca0d62ab3b712bf1cd",
+      "dropdown-panel-c8aa1ee17023581002d35f4a0f7fceb4",
-      "dropdown-panel-b8350cafdd51c4d33847172721da9800",
+      "dropdown-panel-c9653d8ece86bd4bab72508877f29b38",
-      "dropdown-panel-e25d76a286385f8669a497412d250185",
+      "dropdown-panel-f33f815632f94c1611148ae2d42bc2c6",
       "elements-type",
       "entity-relationship-diagram",
       "example",
@@ -678,16 +684,19 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584",
+      "faq-8f17f376776b52730bd49951296cfbaa",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-heading-faq-aa1b2fa31cd6205cdeb0e1b972a20584",
+      "faq-8f17f376776b52730bd49951296cfbaa-heading-faq-8f17f376776b52730bd49951296cfbaa",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-item-0",
+      "faq-8f17f376776b52730bd49951296cfbaa-item-0",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-item-1",
+      "faq-8f17f376776b52730bd49951296cfbaa-item-1",
-      "faq-aa1b2fa31cd6205cdeb0e1b972a20584-item-2",
+      "faq-8f17f376776b52730bd49951296cfbaa-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 +782,11 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-4bb40e55576372d7d5033b3cb5988c2c",
+      "nav-panel-01d46922d433251f7c1674604c7060b1",
-      "nav-panel-6dfba858bf9eaea88ebc32de712ebf3f",
+      "nav-panel-16c0f69a272204f0a4afc67975115e22",
-      "nav-panel-6fe204644b3fccca0d62ab3b712bf1cd",
+      "nav-panel-c8aa1ee17023581002d35f4a0f7fceb4",
-      "nav-panel-b8350cafdd51c4d33847172721da9800",
+      "nav-panel-c9653d8ece86bd4bab72508877f29b38",
-      "nav-panel-e25d76a286385f8669a497412d250185",
+      "nav-panel-f33f815632f94c1611148ae2d42bc2c6",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -786,36 +795,36 @@
       "navigation",
       "notification",
       "overview",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-0",
+      "panel-01d46922d433251f7c1674604c7060b1-0",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-1",
+      "panel-01d46922d433251f7c1674604c7060b1-1",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-2",
+      "panel-01d46922d433251f7c1674604c7060b1-2",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-btn-0",
+      "panel-01d46922d433251f7c1674604c7060b1-btn-0",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-btn-1",
+      "panel-01d46922d433251f7c1674604c7060b1-btn-1",
-      "panel-4bb40e55576372d7d5033b3cb5988c2c-btn-2",
+      "panel-01d46922d433251f7c1674604c7060b1-btn-2",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-0",
+      "panel-16c0f69a272204f0a4afc67975115e22-0",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-1",
+      "panel-16c0f69a272204f0a4afc67975115e22-1",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-2",
+      "panel-16c0f69a272204f0a4afc67975115e22-2",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-btn-0",
+      "panel-16c0f69a272204f0a4afc67975115e22-btn-0",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-btn-1",
+      "panel-16c0f69a272204f0a4afc67975115e22-btn-1",
-      "panel-6dfba858bf9eaea88ebc32de712ebf3f-btn-2",
+      "panel-16c0f69a272204f0a4afc67975115e22-btn-2",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-0",
+      "panel-c8aa1ee17023581002d35f4a0f7fceb4-0",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-1",
+      "panel-c8aa1ee17023581002d35f4a0f7fceb4-1",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-2",
+      "panel-c8aa1ee17023581002d35f4a0f7fceb4-2",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-btn-0",
+      "panel-c8aa1ee17023581002d35f4a0f7fceb4-btn-0",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-btn-1",
+      "panel-c8aa1ee17023581002d35f4a0f7fceb4-btn-1",
-      "panel-6fe204644b3fccca0d62ab3b712bf1cd-btn-2",
+      "panel-c8aa1ee17023581002d35f4a0f7fceb4-btn-2",
-      "panel-b8350cafdd51c4d33847172721da9800-0",
+      "panel-c9653d8ece86bd4bab72508877f29b38-0",
-      "panel-b8350cafdd51c4d33847172721da9800-1",
+      "panel-c9653d8ece86bd4bab72508877f29b38-1",
-      "panel-b8350cafdd51c4d33847172721da9800-2",
+      "panel-c9653d8ece86bd4bab72508877f29b38-2",
-      "panel-b8350cafdd51c4d33847172721da9800-btn-0",
+      "panel-c9653d8ece86bd4bab72508877f29b38-btn-0",
-      "panel-b8350cafdd51c4d33847172721da9800-btn-1",
+      "panel-c9653d8ece86bd4bab72508877f29b38-btn-1",
-      "panel-b8350cafdd51c4d33847172721da9800-btn-2",
+      "panel-c9653d8ece86bd4bab72508877f29b38-btn-2",
-      "panel-e25d76a286385f8669a497412d250185-0",
+      "panel-f33f815632f94c1611148ae2d42bc2c6-0",
-      "panel-e25d76a286385f8669a497412d250185-1",
+      "panel-f33f815632f94c1611148ae2d42bc2c6-1",
-      "panel-e25d76a286385f8669a497412d250185-2",
+      "panel-f33f815632f94c1611148ae2d42bc2c6-2",
-      "panel-e25d76a286385f8669a497412d250185-btn-0",
+      "panel-f33f815632f94c1611148ae2d42bc2c6-btn-0",
-      "panel-e25d76a286385f8669a497412d250185-btn-1",
+      "panel-f33f815632f94c1611148ae2d42bc2c6-btn-1",
-      "panel-e25d76a286385f8669a497412d250185-btn-2",
+      "panel-f33f815632f94c1611148ae2d42bc2c6-btn-2",
       "persona",
       "pie-chart",
       "pills",

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.0 // 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
 )

go.sum

@@ -508,6 +508,12 @@ github.com/gethinode/mod-utils/v4 v4.14.0 h1:CF5dy+HWg22L306bWVhClWK9b1NVinEqtb4
 github.com/gethinode/mod-utils/v4 v4.14.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/gethinode/mod-utils/v4 v4.15.0 h1:Zocy3qEVluYcx9te7bN6Serwp49kjhuH+eIvcCYpeC8=
 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=

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

layouts/_partials/assets/contact.html

@@ -61,6 +61,7 @@
         "width"         (or $args.width 12)
         "use-title"     true
         "size"          6
+        "content-style" "text-muted fs-5"
         )
     }}
 {{ end }}

layouts/_partials/assets/navbar.html

@@ -78,9 +78,29 @@
 {{- end -}}
 
 {{ $logo := "" }}
+{{ $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 }}
-    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" $height) }}
+        {{ $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">
+            <div class="d-flex navbar-container">
-                {{/* Insert sidebar toggler when applicable */}}
+                {{/* 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 $page.Scratch.Get "sidebar" -}}
+                        {{- 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 -}}
+                        {{- 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 {{ if not $logo }}my-auto {{ end  }} {{ 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>
         

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 -}}
+{{- $size := (or $args.heading.size site.Params.style.title.size) | default 4 -}}
-{{- $arrangement := (or $args.arrangement site.Params.modules.bookshop.title.arrangement) | default "above" -}}
+{{- $arrangement := (or $args.arrangement site.Params.style.title.arrangement) | default "above" -}}
-{{- $headingStyle := (or $args.headingStyle site.Params.modules.bookshop.title.headingStyle) | default "display" -}}
+{{- $headingStyle := (or $args.headingStyle site.Params.style.title.headingStyle) | default "display" -}}
-{{- $contentStyle := (or $args.contentStyle site.Params.modules.bookshop.title.contentStyle) | default "lead text-muted" -}}
+{{- $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 -}}

layouts/_shortcodes/args.html

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

layouts/_shortcodes/button.html

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

layouts/_shortcodes/card-group.html

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

layouts/_shortcodes/card.html

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

layouts/_shortcodes/image.html

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

layouts/_shortcodes/link.html

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

layouts/_shortcodes/nav-item.html

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

layouts/_shortcodes/nav.html

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

layouts/_shortcodes/navbar.html

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

layouts/_shortcodes/persona.html

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

layouts/_shortcodes/table.html

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

layouts/_shortcodes/timeline.html

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

layouts/_shortcodes/toast.html

@@ -36,5 +36,6 @@
         "title"    (or $args.title $args.header)
         "message"  $message
         "class"    $args.class
+        "_default" $args.default
     ) }}
 {{ end -}}

layouts/_shortcodes/video.html

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

layouts/_shortcodes/vimeo.html

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

layouts/_shortcodes/youtube.html

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

package-lock.json

@@ -32,12 +32,12 @@
         "netlify-plugin-hugo-cache-resources": "^0.2.1",
         "npm-run-all": "^4.1.5",
         "postcss-cli": "^11.0.1",
-        "replace-in-files-cli": "^3.0.0",
+        "replace-in-files-cli": "^4.0.0",
         "rimraf": "^6.0.1",
-        "semantic-release": "^24.2.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",
@@ -7153,13 +7153,13 @@
       }
     },
     "node_modules/hook-std": {
-      "version": "3.0.0",
+      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/hook-std/-/hook-std-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/hook-std/-/hook-std-4.0.0.tgz",
-      "integrity": "sha512-jHRQzjSDzMtFy34AGj1DN+vq54WVuhSvKgrHf0OMiFQTwDD4L/qqofVEWjLOBMTn5+lCD3fPg32W9yOfnEJTTw==",
+      "integrity": "sha512-IHI4bEVOt3vRUDJ+bFA9VUJlo7SzvFARPNLw75pqSmAOP2HmTWfFJtPvLBrDrlgjEYXY9zs7SFdHPQaJShkSCQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -8706,9 +8706,9 @@
       }
     },
     "node_modules/mdn-data": {
-      "version": "2.21.0",
+      "version": "2.24.0",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.21.0.tgz",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.24.0.tgz",
-      "integrity": "sha512-+ZKPQezM5vYJIkCxaC+4DTnRrVZR1CgsKLu5zsQERQx6Tea8Y+wMx5A24rq8A8NepCeatIQufVAekKNgiBMsGQ==",
+      "integrity": "sha512-i97fklrJl03tL1tdRVw0ZfLLvuDsdb6wxL+TrJ+PKkCbLrp2PCu2+OYdCKychIUm19nSM/35S6qz7pJpnXttoA==",
       "dev": true,
       "license": "CC0-1.0"
     },
@@ -14440,22 +14440,23 @@
       }
     },
     "node_modules/replace-in-files-cli": {
-      "version": "3.0.0",
+      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/replace-in-files-cli/-/replace-in-files-cli-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/replace-in-files-cli/-/replace-in-files-cli-4.0.0.tgz",
-      "integrity": "sha512-A2VjOaPF8yjiaRjuIlvX3PB0uRMQ3DpnKG4yg38wjPrqR0OSzD00ubOZqqwAunoT5emKjEZPvdkm6JRVJrBmlQ==",
+      "integrity": "sha512-b6Nzz19x+huwKe1pqjovWj/JGFwVvi+XbY1YPuWzlD+3Ihb1BPgoNfPweFvbjmSmj60bPLABgJX0HUQVhzEVsA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "escape-string-regexp": "^5.0.0",
-        "globby": "^14.0.1",
+        "globby": "^14.1.0",
         "meow": "^13.2.0",
         "normalize-path": "^3.0.0",
-        "write-file-atomic": "^5.0.1"
+        "write-file-atomic": "^6.0.0"
       },
       "bin": {
         "replace-in-files": "cli.js"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -14473,6 +14474,33 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/replace-in-files-cli/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/replace-in-files-cli/node_modules/write-file-atomic": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-6.0.0.tgz",
+      "integrity": "sha512-GmqrO8WJ1NuzJ2DrziEI2o57jKAVIQNf8a18W3nCYU3H7PNWqCCVTeH6/NQE93CIllIgQS98rrmVkYgTX9fFJQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || >=20.5.0"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -14851,9 +14879,9 @@
       }
     },
     "node_modules/semantic-release": {
-      "version": "24.2.7",
+      "version": "24.2.8",
-      "resolved": "https://registry.npmjs.org/semantic-release/-/semantic-release-24.2.7.tgz",
+      "resolved": "https://registry.npmjs.org/semantic-release/-/semantic-release-24.2.8.tgz",
-      "integrity": "sha512-g7RssbTAbir1k/S7uSwSVZFfFXwpomUB9Oas0+xi9KStSCmeDXcA7rNhiskjLqvUe/Evhx8fVCT16OSa34eM5g==",
+      "integrity": "sha512-uvoLiKEB/AvvA3SCPE78cd90nVJXn220kkEA6sNGzDpas4s7pe4OgYWvhfR0lvWBdBH/T0RFCI6U+GvcT2CypQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14871,7 +14899,7 @@
         "find-versions": "^6.0.0",
         "get-stream": "^6.0.0",
         "git-log-parser": "^1.2.0",
-        "hook-std": "^3.0.0",
+        "hook-std": "^4.0.0",
         "hosted-git-info": "^8.0.0",
         "import-from-esm": "^2.0.0",
         "lodash-es": "^4.17.21",
@@ -16211,9 +16239,9 @@
       }
     },
     "node_modules/stylelint-config-recommended": {
-      "version": "16.0.0",
+      "version": "17.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-16.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-17.0.0.tgz",
-      "integrity": "sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==",
+      "integrity": "sha512-WaMSdEiPfZTSFVoYmJbxorJfA610O0tlYuU2aEwY33UQhSPgFbClrVJYWvy3jGJx+XW37O+LyNLiZOEXhKhJmA==",
       "dev": true,
       "funding": [
         {
@@ -16230,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",
+      "version": "16.0.1",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-15.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-16.0.1.tgz",
-      "integrity": "sha512-V24bxkNkFGggqPVJlP9iXaBabwSGEG7QTz+PyxrRtjPkcF+/NsWtB3tKYvFYEmczRkWiIEfuFMhGpJFj9Fxe6Q==",
+      "integrity": "sha512-wfpU6kmTUwPEHMACYdpt5wLM/aS44+sqE8yk82LkOkA7yVpAuTZDwd3m9762d0mRnNCn0JMUx4XfDVDmbb8hTA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "postcss-scss": "^4.0.9",
-        "stylelint-config-recommended": "^16.0.0",
+        "stylelint-config-recommended": "^17.0.0",
-        "stylelint-scss": "^6.12.0"
+        "stylelint-scss": "^6.12.1"
       },
       "engines": {
         "node": ">=20"
       },
       "peerDependencies": {
         "postcss": "^8.3.3",
-        "stylelint": "^16.16.0"
+        "stylelint": "^16.23.1"
       },
       "peerDependenciesMeta": {
         "postcss": {
@@ -16258,9 +16286,9 @@
       }
     },
     "node_modules/stylelint-config-standard": {
-      "version": "38.0.0",
+      "version": "39.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-38.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-39.0.0.tgz",
-      "integrity": "sha512-uj3JIX+dpFseqd/DJx8Gy3PcRAJhlEZ2IrlFOc4LUxBX/PNMEQ198x7LCOE2Q5oT9Vw8nyc4CIL78xSqPr6iag==",
+      "integrity": "sha512-JabShWORb8Bmc1A47ZyJstran60P3yUdI1zWMpGYPeFiC6xzHXJMkpKAd8EjIhq3HPUplIWWMDJ/xu0AiPd+kA==",
       "dev": true,
       "funding": [
         {
@@ -16274,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",
+      "version": "16.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-15.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-16.0.0.tgz",
-      "integrity": "sha512-8pmmfutrMlPHukLp+Th9asmk21tBXMVGxskZCzkRVWt1d8Z0SrXjUUQ3vn9KcBj1bJRd5msk6yfEFM0UYHBRdg==",
+      "integrity": "sha512-/FHECLUu+med/e6OaPFpprG86ShC4SYT7Tzb2PTVdDjJsehhFBOioSlWqYFqJxmGPIwO3AMBxNo+kY3dxrbczA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "stylelint-config-recommended-scss": "^15.0.1",
+        "stylelint-config-recommended-scss": "^16.0.1",
-        "stylelint-config-standard": "^38.0.0"
+        "stylelint-config-standard": "^39.0.0"
       },
       "engines": {
         "node": ">=20"
       },
       "peerDependencies": {
         "postcss": "^8.3.3",
-        "stylelint": "^16.18.0"
+        "stylelint": "^16.23.1"
       },
       "peerDependenciesMeta": {
         "postcss": {
@@ -16307,9 +16335,9 @@
       }
     },
     "node_modules/stylelint-scss": {
-      "version": "6.12.0",
+      "version": "6.12.1",
-      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.12.0.tgz",
+      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.12.1.tgz",
-      "integrity": "sha512-U7CKhi1YNkM1pXUXl/GMUXi8xKdhl4Ayxdyceie1nZ1XNIdaUgMV6OArpooWcDzEggwgYD0HP/xIgVJo9a655w==",
+      "integrity": "sha512-UJUfBFIvXfly8WKIgmqfmkGKPilKB4L5j38JfsDd+OCg2GBdU0vGUV08Uw82tsRZzd4TbsUURVVNGeOhJVF7pA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {

package.json

@@ -94,12 +94,12 @@
     "netlify-plugin-hugo-cache-resources": "^0.2.1",
     "npm-run-all": "^4.1.5",
     "postcss-cli": "^11.0.1",
-    "replace-in-files-cli": "^3.0.0",
+    "replace-in-files-cli": "^4.0.0",
     "rimraf": "^6.0.1",
-    "semantic-release": "^24.2.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",