Merge pull request #1469 from gethinode/develop

Enable purge settings

assets/scss/common/_styles.scss

@@ -18,23 +18,13 @@ a:active {
 // Ensure main page is rendered to full viewport height
 //
 .main {
-    min-height: 100vh;
-}
-
-.fullcover {
     --navbar-height: #{$navbar-height};
-
-    min-height: calc(100vh - var(--navbar-height));
-}
-
-.fullscreen {
     --overlay-offset: #{$overlay-offset};
+    --section-height: 88vh;
+    --max-section-height: 1024px;
 
-    min-height: calc(100vh - var(--overlay-offset));
-}
-
-.main-content {
-    margin-top: var(--navbar-offset);
+    min-height: 100vh;
+    margin-top: var(--overlay-offset);
 }
 
 $utilities: map-merge(
@@ -100,66 +90,24 @@ $utilities: map-merge(
     )
 );
 
-@media screen and (orientation: portrait) {
-    .min-vh-custom {
-        min-height: 25vh !important
-    }
-}
-
-@media screen and (orientation: landscape) {
-    .min-vh-custom {
-        min-height: 50vh !important
-    }
-}
-
 :root {
     --nav-height: 90px;
 }
 
-@include media-breakpoint-up(sm) {
-    .ratio-section {
-        min-height: calc(min(100vh, 576px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(md) {
-    .ratio-section {
-        min-height: calc(min(100vh, 768px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(lg) {
-    .ratio-section {
-        min-height: calc(min(100vh, 992px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(xl) {
-    .ratio-section {
-        min-height: calc(min(100vh, 1200px) - var(--nav-height));
-    }    
-}
-
-@include media-breakpoint-up(xxl) {
-    .ratio-section {
-        min-height: calc(min(100vh, 1400px) - var(--nav-height));
-    }    
-}
-
 .section-cover {
-    min-height: 100vh;
+    min-height: calc(var(--section-height) - var(--overlay-offset));
 }    
 
 @include media-breakpoint-up(xxl) {
     .section-cover {
-        min-height: calc(min(100vh, 1000px));
+        min-height: calc(min(calc(var(--section-height) - var(--overlay-offset)), var(--max-section-height)));
     }    
 }
 
 /* stylelint-disable media-feature-range-notation */
 @media (min-height: 1400px) { 
     .section-cover {
-        min-height: calc(min(100vh, 1000px));
+        min-height: calc(min(calc(var(--section-height) - var(--overlay-offset)), var(--max-section-height)));
     }
 }
 /* stylelint-enable media-feature-range-notation */

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

@@ -62,7 +62,7 @@
 
 <!-- Main code -->
 {{ if not $error }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading "class" "py-5") -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
 
 	{{ $partial := "assets/card-group.html" }}
 	{{ $params := dict }}

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

@@ -19,6 +19,9 @@
     {{ $error = $args.err }}
 {{ end }}
 
+{{/* Initialize global arguments */}}
+{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+
 {{/* Initialize local variables */}}
 {{ $list := slice }}
 {{ range $args.elements }}
@@ -32,12 +35,12 @@
 {{ end}}
 
 {{ if not $error }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading "class" "py-5") -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
 
 	{{- partial "assets/card-group.html" (dict 
 		"page"         page
 		"list"         $list
-		"class"        (printf "border-0 card-icon-primary d-sm-none %s" $args.class)
+		"class"        (printf "border-0 card-icon-primary d-%s-none %s" $breakpoint.prev $args.class)
 		"cols"         $args.cols
 		"gutter"       "4"
 		"padding"      $args.padding
@@ -53,7 +56,7 @@
 	{{- partial "assets/card-group.html" (dict 
 		"page"         page
 		"list"         $list
-		"class"        (printf "border-0 card-icon-primary d-none d-sm-block %s" $args.class)
+		"class"        (printf "border-0 card-icon-primary d-none d-%s-block %s" $breakpoint.prev $args.class)
 		"cols"         $args.cols
 		"gutter"       "4"
 		"padding"      $args.padding

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

@@ -19,11 +19,7 @@
 {{ if not $args.err }}
 	{{ $color := "" }}
 	{{ if $args.contrast }}{{ $color = "white" }}{{ end }}
-	{{- partial "assets/section-title.html" (dict 
-		"heading" $args.heading
-		"color" $color
-		"class" "py-5"
-	) -}}
+	{{- partial "assets/section-title.html" (dict  "heading" $args.heading "color" $color) -}}
 
 	{{ $class := "" }}
 	{{ $id := printf "faq-%s" (md5 (delimit (slice . now) "-")) }}

component-library/components/video-message/video-message.hugo.html

@@ -17,6 +17,7 @@
 {{ end }}
 
 {{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
 
 {{- define "_partials/inline/video.html" -}}
 	{{ $provider := .provider }}
@@ -25,10 +26,14 @@
 	{{ $autoplay := .autoplay }}
 	{{ $queryArgs := .queryArgs }}
 	{{ $border := .border }}
+	{{ $padding := .padding }}
 
 	{{ if site.Params.env_bookshop_live }}
 		{{/* Define dummy content as we cannot retrieve video data in live mode */}}
-		{{- partial "assets/live-image.html" (dict "src" "/img/placeholder-video.svg" "ratio" "21x9" "wrapper" "text-center mb-4") -}}
+		{{- partial "assets/live-image.html" (dict
+			"src" "/img/placeholder-video.svg"
+			"ratio" "21x9"
+			"wrapper" (printf "text-center mb-%d" $padding.y)) -}}
 	{{ else }}
         <div class="video-container{{ if $border }} video-container-border{{ end}}">
 			{{ partial "assets/video.html" (dict
@@ -91,13 +96,10 @@
 		) }}
 	{{ end}}
 
-	{{- partial "assets/section-title.html" (dict 
-		"heading" $args.heading
-		"class"   "py-5"
-	) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
 
 	{{ if eq $args.orientation "stacked" }}
-		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto">
+		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto pb-{{ $padding.y }}">
 		{{ with $args.video }}
 			{{- partial "inline/video.html" (dict
 				"provider"   .provider
@@ -106,14 +108,15 @@
 				"autoplay"   .autoplay
 				"query-args" .queryArgs
 				"border"     $.border
+				"padding"    $padding
 			) -}}
 		{{ end }}
 		</div>
-		<div class="mt-4">
+		<div class="mt-{{ $padding.y }} pb-{{ $padding.y }}">
 			{{- partial "inline/messages.html" (dict "list" $list "cols" $args.cols "type" $args.type "iconRounded" $args.iconRounded) -}}
 		</div>
 	{{ else }}
-		<div class="container grid gap-4">
+		<div class="container grid gap-4 pb-{{ $padding.y }}">
 			<div class="row row-cols-1 row-cols-{{ $breakpoint.current }}-2">
 				<div class="col col-{{ $breakpoint.current }}-{{ $args.width }} p-0">
 					{{ with $args.video }}
@@ -124,10 +127,11 @@
 							"autoplay"   .autoplay
 							"query-args" .queryArgs
 							"border"     $.border
+							"padding"    $padding
 						) -}}
 					{{ end }}
 				</div>
-				<div class="col col-{{ $breakpoint.current }}-{{ sub 12 $args.width }} mt-4 mt-{{ $breakpoint.current }}-0">
+				<div class="col col-{{ $breakpoint.current }}-{{ sub 12 $args.width }} mt-{{ $padding.y }} mt-{{ $breakpoint.current }}-0">
 					{{- partial "inline/messages.html" (dict "list" $list "cols" 1 "type" $args.type "iconRounded" $args.iconRounded) -}}
 				</div>
 			</div>

component-library/helpers/component.html

@@ -15,7 +15,7 @@
 {{- $component_props := index . 1 -}}
 {{- $class := index . 2 | default "p-0" -}}
 {{- $bgclass := index . 3 | default "" -}}
-
+{{- $padding := partial "utilities/GetPadding.html" -}}
 {{- $component_path := partial "_bookshop/helpers/component_key" $component_name -}}
 {{- $flat_component_path := partial "_bookshop/helpers/flat_component_key" $component_name -}}
 
@@ -34,7 +34,7 @@
     {{- $style := index $component_props "wrapper" -}}
     {{- $width := index $component_props "width" -}}
     {{- $justify := index $component_props "justify" | default "start" -}}
-    {{- $padding := cond (ne $component_name "separator") "px-4 px-xxl-0 py-4" "" -}}
+    {{- $padding := cond (ne $component_name "separator") (printf "px-%d px-xxl-0 py-%d" $padding.x $padding.y) "" -}}
     {{- $wrapper := $style }}
     {{ with $background }}
         {{ $wrapper = partial "utilities/GetBackgroundStyle.html" (dict "background" . "class" $style) }}

config/_default/hugo.toml

@@ -116,7 +116,7 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
 [module]
   [module.hugoVersion]
     extended = true
-    min = "0.141.0"
+    min = "0.146.0"
   [[module.mounts]]
     source = "archetypes"
     target = "archetypes"
@@ -188,11 +188,11 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
   [[module.imports]]
     path = "github.com/gethinode/mod-lottie"
   [[module.imports]]
-    path = "github.com/gethinode/mod-mermaid"
+    path = "github.com/gethinode/mod-mermaid/v2"
   [[module.imports]]
-    path = "github.com/gethinode/mod-simple-datatables"
+    path = "github.com/gethinode/mod-simple-datatables/v2"
   [[module.imports]]
-    path = "github.com/gethinode/mod-utils/v3"
+    path = "github.com/gethinode/mod-utils/v4"
 # toml-docs-end modules
 
 # toml-docs-start segments

config/_default/params.toml

@@ -10,6 +10,9 @@
     footerBelowFold = false
     loading = "lazy"
     breakpoint = "md"
+    [main.padding]
+        x = 4
+        y = 4
     titleCase = false
     [main.internalLinks]
         validate = true

config/postcss.config.js

@@ -30,7 +30,7 @@ const purgecss = purgeCSSPlugin({
       './_vendor/github.com/gethinode/mod-flexsearch/v2/assets/scss/modules/flexsearch/flexsearch.scss',
       './_vendor/github.com/gethinode/mod-katex/dist/katex.scss',
       './_vendor/github.com/gethinode/mod-leaflet/dist/leaflet.scss',
-      './_vendor/github.com/gethinode/mod-simple-datatables/dist/simple-datatables.scss',
+      './_vendor/github.com/gethinode/mod-simple-datatables/v2/dist/simple-datatables.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_carousel.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_dropdown.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_modal.scss',

data/structures/_types.yml

@@ -1,65 +0,0 @@
-types:
-  background:
-    backdrop:
-    color:
-    subtle:
-  heading:
-    preheading:
-    title:
-    content:
-    align:
-    arrangement:
-    width:
-    size:
-  illustration:
-    image:
-    icon:
-    ratio:
-    class:
-    anchor:
-    mode:
-    width:
-    image-overlay:
-    hook:
-  input:
-    section:
-    nested:
-    keywords:
-    categories:
-    tags:
-    reverse:
-    sort:
-  items:
-    - title:
-      description:
-  elements:
-    - title:
-      icon:
-      image:
-      mode:
-      content:
-  links:
-    - title:
-      url:
-      icon:
-      force:
-  messages:
-    - title:
-      icon:
-      content:
-      link:
-      label:
-  more:
-    title:
-    link:
-  styles:
-    - ratio:
-      orientation:
-      portrait:
-      width:
-  video:
-    provider:
-    account:
-    id:
-    autoplay:
-    query-args:

data/structures/image-definition.yml

@@ -4,6 +4,8 @@ arguments:
   mode:
   ratio:
   portrait:
+  image-height:
+  image-width:
   loading:
   priority:
   sizes:

data/structures/image.yml

@@ -44,6 +44,10 @@ arguments:
     release: v0.24.0
   anchor:
     release: v0.24.22
+  image-height:
+    release: v1.0.0
+  image-width:
+    release: v1.0.0
   # deprecated arguments
   url:
     type:

exampleSite/config/_default/hugo.toml

@@ -129,4 +129,4 @@ home = ["HTML", "RSS", "REDIR", "netlify", "server"]
   [[module.imports]]
     path = "github.com/gethinode/mod-simple-datatables"
   [[module.imports]]
-    path = "github.com/gethinode/mod-utils/v3"
+    path = "github.com/gethinode/mod-utils/v4"

exampleSite/config/_default/params.toml

@@ -8,6 +8,9 @@
     footerBelowFold = false
     loading = "lazy"
     breakpoint = "md"
+    [main.padding]
+        x = 4
+        y = 4
     titleCase = true
     [main.internalLinks]
         validate = true
@@ -122,8 +125,7 @@
     # themeFontPath = "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;600&display=swap" # external path
     themeFontPath = "/fonts" # local path
     themeFontPreload = "/fonts/inter-v12-latin-regular.woff2"
-    # TODO: adjust purge settings
-    purge = false
+    purge = true
 # toml-docs-end theme-colors
 
 [schema]

exampleSite/config/postcss.config.js

@@ -30,7 +30,7 @@ const purgecss = purgeCSSPlugin({
       './_vendor/github.com/gethinode/mod-flexsearch/v2/assets/scss/modules/flexsearch/flexsearch.scss',
       './_vendor/github.com/gethinode/mod-katex/dist/katex.scss',
       './_vendor/github.com/gethinode/mod-leaflet/dist/leaflet.scss',
-      './_vendor/github.com/gethinode/mod-simple-datatables/dist/simple-datatables.scss',
+      './_vendor/github.com/gethinode/mod-simple-datatables/v2/dist/simple-datatables.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_carousel.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_dropdown.scss',
       './_vendor/github.com/twbs/bootstrap/scss/_modal.scss',

exampleSite/content/en/blocks/articles.md

@@ -27,7 +27,11 @@ The `articles` content block renders a group of article cards.
     title: More Blogs
   padding: 0
   max: 3
+  background:
+    color: primary
+    subtle: true
   class: border-0 card-zoom card-body-margin
+  justify: center
 ```
 
 {{< /example-bookshop >}}

exampleSite/content/en/blog/components.md

@@ -22,7 +22,7 @@ As an example, the following shortcode shows an animation that plays on hover.
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" */>}}
+{{</* animation animation-data="gatin.json" autoplay=false hover=true class="col-6 mx-auto" */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 

exampleSite/content/fr/blog/components.md

@@ -22,7 +22,7 @@ Hinode propose plusieurs shortcodes en plus des [éléments Bootstrap]({{% relre
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" */>}}
+{{</* animation animation-data="gatin.json" autoplay=false hover=true class="col-6 mx-auto" */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 

exampleSite/content/nl/blog/components.md

@@ -21,7 +21,7 @@ Het volgende voorbeeld gebruikt een shortcode om een animatie te tonen, die afsp
 
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
-{{</* animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" */>}}
+{{</* animation animation-data="gatin.json" autoplay=false hover=true class="col-6 mx-auto" */>}}
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->
 

exampleSite/hinode.work.sum

@@ -7,5 +7,5 @@ github.com/gethinode/mod-cookieyes/v2 v2.0.4 h1:QgYSD3S23351e7xEeQb+Mon+e+I6Rbnn
 github.com/gethinode/mod-cookieyes/v2 v2.0.4/go.mod h1:tULb7D7CoTycGUyL7ryqHJKaX11XuL2SN+XwP7/DI0Y=
 github.com/gethinode/mod-cookieyes/v2 v2.1.2 h1:hzGCbRbpNAVkLr+jFWpAQaXHG0lgK+KgIpaZYsI1J+U=
 github.com/gethinode/mod-cookieyes/v2 v2.1.2/go.mod h1:tULb7D7CoTycGUyL7ryqHJKaX11XuL2SN+XwP7/DI0Y=
-github.com/gethinode/mod-utils/v3 v3.0.2 h1:AewNQYVXy/qoNdqJGG6nKCZXjtXavcZcgdeC1Q6EEnQ=
-github.com/gethinode/mod-utils/v3 v3.0.2/go.mod h1:9iHYWiDpDlcyrGAOHniubK/kziJYhTsw7UpGM+u4MOM=
+github.com/gethinode/mod-utils/v4 v4.4.0 h1:IhhJDLqXCdYvrjM6kUR10wlg0kyZrY94f7EuGMj8NN0=
+github.com/gethinode/mod-utils/v4 v4.4.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=

exampleSite/hugo_stats.json

@@ -100,7 +100,6 @@
       "bg-body",
       "bg-body-tertiary",
       "bg-danger",
-      "bg-info-subtle",
       "bg-opacity-10",
       "bg-primary",
       "bg-primary-subtle",
@@ -231,6 +230,7 @@
       "fa-arrow-right",
       "fa-book-open",
       "fa-bootstrap",
+      "fa-check",
       "fa-chevron-right",
       "fa-circle",
       "fa-circle-check",
@@ -260,9 +260,11 @@
       "fa-markdown",
       "fa-medium",
       "fa-moon",
+      "fa-robot",
       "fa-rocket",
       "fa-rotate-90",
       "fa-share-nodes",
+      "fa-sitemap",
       "fa-sort",
       "fa-square-check",
       "fa-stack",
@@ -283,7 +285,6 @@
       "flex-column",
       "flex-fill",
       "flex-grow-1",
-      "flex-md-grow-0",
       "flex-nowrap",
       "flex-row",
       "font-monospace",
@@ -295,7 +296,6 @@
       "fs-6",
       "fs-lg-5",
       "fs-md-5",
-      "fullscreen",
       "fw-30",
       "fw-bold",
       "fw-semibold",
@@ -331,6 +331,7 @@
       "justify-content-between",
       "justify-content-center",
       "justify-content-end",
+      "justify-content-md-end",
       "justify-content-md-start",
       "justify-content-start",
       "katex",
@@ -348,7 +349,7 @@
       "m-auto",
       "m-md-n4",
       "m-n1",
-      "main-content",
+      "main",
       "main-nav-toggler",
       "mb-0",
       "mb-3",
@@ -395,7 +396,6 @@
       "navbar-mode-selector",
       "navbar-nav",
       "navbar-nav-scroll",
-      "navbar-title",
       "navbar-toggler",
       "next",
       "no-js",
@@ -430,7 +430,6 @@
       "pt-4",
       "pt-5",
       "pt-md-0",
-      "pt-md-3",
       "ptw-3",
       "ptw-5",
       "ptw-lg-5",
@@ -442,9 +441,7 @@
       "py-2",
       "py-3",
       "py-4",
-      "py-5",
       "py-md-1",
-      "py-md-5",
       "ratio",
       "ratio-16x9",
       "releases",
@@ -502,6 +499,7 @@
       "text-decoration-none",
       "text-end",
       "text-info",
+      "text-md-end",
       "text-muted",
       "text-nowrap",
       "text-primary",
@@ -572,7 +570,6 @@
       "animatie",
       "animation",
       "arguments",
-      "automated",
       "background-type",
       "badge",
       "barre-de-navigation",
@@ -582,6 +579,7 @@
       "body-file-collapse-1",
       "bouton",
       "breadcrumb",
+      "build-a-static-website-fast-and-flexible",
       "button",
       "button-group",
       "c4-diagram",
@@ -591,7 +589,6 @@
       "carousel-0",
       "carrousel",
       "carte",
-      "check-our-guides-to-get-you-started",
       "chronologie",
       "class-diagram",
       "cloudinary",
@@ -603,13 +600,12 @@
       "container",
       "content-blocks",
       "cookies-etc",
-      "creating-your-website-has-never-been-easier",
       "custom-activity",
       "data-tables",
+      "developer-friendly-and-secure",
       "docs",
       "documentation",
       "elements-type",
-      "embrace-the-power-of-open-source",
       "entity-relationship-diagram",
       "example",
       "exemple",
@@ -626,16 +622,11 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-0531e8f162271c7364df25bde932ba4a",
-      "faq-0531e8f162271c7364df25bde932ba4a-heading-faq-0531e8f162271c7364df25bde932ba4a",
-      "faq-0531e8f162271c7364df25bde932ba4a-item-0",
-      "faq-0531e8f162271c7364df25bde932ba4a-item-1",
-      "faq-0531e8f162271c7364df25bde932ba4a-item-2",
-      "faq-25686b4e63cfe7fc2ad1ede047ee330d",
-      "faq-25686b4e63cfe7fc2ad1ede047ee330d-heading-faq-25686b4e63cfe7fc2ad1ede047ee330d",
-      "faq-25686b4e63cfe7fc2ad1ede047ee330d-item-0",
-      "faq-25686b4e63cfe7fc2ad1ede047ee330d-item-1",
-      "faq-25686b4e63cfe7fc2ad1ede047ee330d-item-2",
+      "faq-664efd96843c20a5a8800d1318cb7744",
+      "faq-664efd96843c20a5a8800d1318cb7744-heading-faq-664efd96843c20a5a8800d1318cb7744",
+      "faq-664efd96843c20a5a8800d1318cb7744-item-0",
+      "faq-664efd96843c20a5a8800d1318cb7744-item-1",
+      "faq-664efd96843c20a5a8800d1318cb7744-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
@@ -643,6 +634,7 @@
       "fas-arrow-left",
       "fas-arrow-right",
       "fas-book-open",
+      "fas-check",
       "fas-chevron-right",
       "fas-circle",
       "fas-circle-check",
@@ -661,16 +653,18 @@
       "fas-link",
       "fas-magnifying-glass",
       "fas-moon",
+      "fas-robot",
       "fas-rocket",
       "fas-share-nodes",
+      "fas-sitemap",
       "fas-sort",
       "fas-sun",
       "fas-timeline",
       "fas-up-right-from-square",
-      "fast",
       "fichier",
       "fil-dariane",
       "file",
+      "flexible--ready-to-use",
       "flowchart",
       "footer-docs-collapse-15",
       "footer-file-collapse-1",
@@ -713,7 +707,6 @@
       "messages-type",
       "mindmap",
       "more-type",
-      "multilingual",
       "nav",
       "nav-0-0",
       "nav-0-1",
@@ -731,10 +724,10 @@
       "navbar-sample-collapse",
       "navigation",
       "notification",
-      "optimized",
       "overview",
       "persona",
       "pie-chart",
+      "powered-by-open-source",
       "projecten",
       "projects",
       "projets",
@@ -743,9 +736,7 @@
       "que-sont-les-cookies-",
       "release",
       "requirement-chart",
-      "responsive",
       "réduire",
-      "secure",
       "security",
       "sequence-diagram",
       "spinner",

go.mod

@@ -8,14 +8,17 @@ require (
 	github.com/gethinode/mod-bootstrap v1.3.3 // indirect
 	github.com/gethinode/mod-csp v1.0.7 // indirect
 	github.com/gethinode/mod-flexsearch/v2 v2.1.1 // indirect
-	github.com/gethinode/mod-fontawesome/v2 v2.0.0 // indirect
-	github.com/gethinode/mod-google-analytics v1.3.1 // indirect
+	github.com/gethinode/mod-fontawesome/v2 v2.1.1 // indirect
+	github.com/gethinode/mod-google-analytics v1.3.2 // indirect
 	github.com/gethinode/mod-katex v1.1.3 // indirect
-	github.com/gethinode/mod-leaflet v1.2.1 // indirect
-	github.com/gethinode/mod-lottie v1.5.14 // indirect
+	github.com/gethinode/mod-leaflet v1.3.0 // indirect
+	github.com/gethinode/mod-lottie v1.6.0 // indirect
 	github.com/gethinode/mod-mermaid v1.1.23 // indirect
+	github.com/gethinode/mod-mermaid/v2 v2.0.1 // indirect
 	github.com/gethinode/mod-simple-datatables v1.1.7 // indirect
+	github.com/gethinode/mod-simple-datatables/v2 v2.0.1 // indirect
 	github.com/gethinode/mod-utils/v3 v3.3.1 // indirect
+	github.com/gethinode/mod-utils/v4 v4.5.1 // indirect
 	github.com/nextapps-de/flexsearch v0.0.0-20250606060143-c28f52c09b7a // indirect
-	github.com/twbs/bootstrap v5.3.6+incompatible // indirect
+	github.com/twbs/bootstrap v5.3.7+incompatible // indirect
 )

go.sum

@@ -156,6 +156,10 @@ github.com/gethinode/mod-fontawesome v1.10.1 h1:gXQ75VXI+a0W2ALkAFHd/QFQ/VoZR6eu
 github.com/gethinode/mod-fontawesome v1.10.1/go.mod h1:xBKsZH3WJtMOItZVlp9SbO51uaBy6IbvUZSKpNu3b6Y=
 github.com/gethinode/mod-fontawesome/v2 v2.0.0 h1:vIcVq4sa68iqYBEei+XBZgWKvT79NXuh+jMS6yVpCV8=
 github.com/gethinode/mod-fontawesome/v2 v2.0.0/go.mod h1:MJghtpjpnbGVzRN+1rH5Fs9Y+eQAawAotGnlemEPb60=
+github.com/gethinode/mod-fontawesome/v2 v2.1.0 h1:kRQ/4ady4Ih/m3bJ/1+/rkFhunuzjNEc4NqIlpNks/o=
+github.com/gethinode/mod-fontawesome/v2 v2.1.0/go.mod h1:Jhwzi3KQI3fYn1hPNPJFCk+kcz80s8ONT4FmwLTXH2c=
+github.com/gethinode/mod-fontawesome/v2 v2.1.1 h1:EieVCvEiT0ulXpEHY4kCLJvZCIvGkupIVyoCRTidrvo=
+github.com/gethinode/mod-fontawesome/v2 v2.1.1/go.mod h1:zukv88wXqquEvTJJ9mWWk8Ia+9INnA41wYqusf2RcHA=
 github.com/gethinode/mod-google-analytics v1.0.0 h1:fly42RQ69bdyJe8WFefsBIo7WMIXkd3wZn32kyAr4h4=
 github.com/gethinode/mod-google-analytics v1.0.0/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-google-analytics v1.0.1 h1:zbmOdnAhhFCA7qWw7fnR46biWhqW2r06sIaTWyhB5R0=
@@ -182,6 +186,8 @@ github.com/gethinode/mod-google-analytics v1.3.0 h1:R9oRB6nbFDwLsNmIhxlcmUVH4JE1
 github.com/gethinode/mod-google-analytics v1.3.0/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-google-analytics v1.3.1 h1:WPXrsO6Kpp0k8PYY9a1JyiZgYGMlkBfHY8eEg6CfcL0=
 github.com/gethinode/mod-google-analytics v1.3.1/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
+github.com/gethinode/mod-google-analytics v1.3.2 h1:W4caxWkSor/BFfOEGDDMp+7RajO/Jh1bE7LXxPqLE3A=
+github.com/gethinode/mod-google-analytics v1.3.2/go.mod h1:dl628cFozpCvoIMCiV7ujzQipjxcm3eatXrSfLPWNII=
 github.com/gethinode/mod-katex v1.0.0 h1:me/3dIIZBkfk1mRIFt8QiAGYwYDoSG5bc2hHRtIutFc=
 github.com/gethinode/mod-katex v1.0.0/go.mod h1:byAfpI3wuqNJIooTGVEGc1cjBhhCy4+CcK1H6495MYg=
 github.com/gethinode/mod-katex v1.0.1 h1:809QUztxmKgMNchU+v03iMO7Ma+ISc3ZzhXYauc21rs=
@@ -232,6 +238,8 @@ github.com/gethinode/mod-leaflet v1.2.0 h1:5q5LHmGNi9N4cdRDCsl/6oI8vY3oQ2ogNUjP3
 github.com/gethinode/mod-leaflet v1.2.0/go.mod h1:Ei0x9WiL7Dbi4JeG6yI1CE63bT1QJ8sKi67Jea1wFSE=
 github.com/gethinode/mod-leaflet v1.2.1 h1:p0bKi+F5vbXwYknBvFEN9KymK8PRqKaYhVz5O1QPs/c=
 github.com/gethinode/mod-leaflet v1.2.1/go.mod h1:Ei0x9WiL7Dbi4JeG6yI1CE63bT1QJ8sKi67Jea1wFSE=
+github.com/gethinode/mod-leaflet v1.3.0 h1:rRjuuW2KVJjnrBrFIOxxHxkB6RPdmlTivBlvceBG3Fk=
+github.com/gethinode/mod-leaflet v1.3.0/go.mod h1:F/XR1lYKENw91u+IC4NXQT6dbCyJlSJUPClMVpBK8Tw=
 github.com/gethinode/mod-lottie v1.0.0 h1:1CUZMcgN5FAyjjyuP3qkaOQ6M5sv6HUAbosW4sIT5VE=
 github.com/gethinode/mod-lottie v1.0.0/go.mod h1:erRCgSL2FCfKHI0jQbSpM+g0jXl7SjKVJrh7kWGteKs=
 github.com/gethinode/mod-lottie v1.0.1 h1:+IE7xtnSVQpJS56oBJq9RWKZeFEfxrOZAqE3BSrS/u0=
@@ -288,8 +296,12 @@ github.com/gethinode/mod-lottie v1.5.13 h1:Vth/OZDjfBZ9Kz5ew3tXGj9tU6w4StIta6qgf
 github.com/gethinode/mod-lottie v1.5.13/go.mod h1:tMFSUW9z3kC8IvDfs1ph9MGjuZFRBrpCnpodrwY+L4w=
 github.com/gethinode/mod-lottie v1.5.14 h1:17wmpi4XQzmwSB2HKNVa7c6ZzULrRnpKdowOFQQf0m8=
 github.com/gethinode/mod-lottie v1.5.14/go.mod h1:VrjjmrwP/NIrLW7oDQyEAHdbeIRQfbr5BKjgKvI9Al4=
+github.com/gethinode/mod-lottie v1.6.0 h1:O0ld9Q1rBWKb9HzuCuGPBfCegUcIqczMGNW2O/VjVYk=
+github.com/gethinode/mod-lottie v1.6.0/go.mod h1:jZy8EJ6ldLnOXhpzayJ2STZ4hzykqkguFHWpN4aHxMo=
 github.com/gethinode/mod-mermaid v1.1.23 h1:DA5iIdopb7f3wC+bfZ7J5HhcRUuVI/2j1+W/j5L/wwQ=
 github.com/gethinode/mod-mermaid v1.1.23/go.mod h1:rw6vrY9DpdJblwFwLuXCdy2kBHxMf6gGKWeetwfTSfc=
+github.com/gethinode/mod-mermaid/v2 v2.0.1 h1:QcahIFCgmYAGsukQ0d+/L4IJtDwgXgv0WzilZ9poI9o=
+github.com/gethinode/mod-mermaid/v2 v2.0.1/go.mod h1:kp3oUFAjKxuwzFbwxGWPEx5VQOu2ZHzcrwcNhDv08BI=
 github.com/gethinode/mod-simple-datatables v1.0.0 h1:Dj4WGw12OkaimwkCpLn5Jhmd49dvNJW9O2P/W9F+HlQ=
 github.com/gethinode/mod-simple-datatables v1.0.0/go.mod h1:K8T7fIdb8pMOB+OSW4A5lz5IW99+HyzcTgx764fvOGw=
 github.com/gethinode/mod-simple-datatables v1.0.2 h1:zhqxHet3iLQWYCBbGROALpOY9zQlptMycFkz1Tto5bA=
@@ -328,6 +340,8 @@ github.com/gethinode/mod-simple-datatables v1.1.6 h1:7nPeRwHlYbmlNEg7fBV6FyXqpxW
 github.com/gethinode/mod-simple-datatables v1.1.6/go.mod h1:bvMdmQFk4Hvyltf/QhMqUaApvPbIGTnbI3JLjOEh8go=
 github.com/gethinode/mod-simple-datatables v1.1.7 h1:wCY2bWFUxRHWbWzb/zefCACooCSbDPYKrZthfn+qAgM=
 github.com/gethinode/mod-simple-datatables v1.1.7/go.mod h1:FjkIEuxqeLLEqqDcz/nHAGHsRfV7EJP5Uhk4kYD8okY=
+github.com/gethinode/mod-simple-datatables/v2 v2.0.1 h1:ZwdI96n8dM2VLwdM/x+Vj7sa4tfiAUnkDj39jn+vkXc=
+github.com/gethinode/mod-simple-datatables/v2 v2.0.1/go.mod h1:mmf1AOxpHdSRQnW2k7ExVWKTyzbG2hpsDRssmyASNb8=
 github.com/gethinode/mod-utils v1.0.0 h1:cqHm2xS5uDiJzRm1KfHaNbq6uMVDKLhQa8/BuTZ1nhY=
 github.com/gethinode/mod-utils v1.0.0/go.mod h1:ONJm3pHCq7nvaPNjusLZNCeCbhOhSBH4HVKHwK1FdYE=
 github.com/gethinode/mod-utils v1.0.1 h1:jhZGlGFHHL1f5HXbBMXfiZ2gCz4TVafAzjnRPTIBSEE=
@@ -420,6 +434,10 @@ github.com/gethinode/mod-utils/v3 v3.3.0 h1:qxuIavgL9LIyMhfCv8El+KL41rcNmQ8GaExn
 github.com/gethinode/mod-utils/v3 v3.3.0/go.mod h1:9iHYWiDpDlcyrGAOHniubK/kziJYhTsw7UpGM+u4MOM=
 github.com/gethinode/mod-utils/v3 v3.3.1 h1:0mHrUyIwSkbiQIUuXpnptYDIizkI7Ak39RTgoRMbJfY=
 github.com/gethinode/mod-utils/v3 v3.3.1/go.mod h1:9iHYWiDpDlcyrGAOHniubK/kziJYhTsw7UpGM+u4MOM=
+github.com/gethinode/mod-utils/v4 v4.5.0 h1:p6sDsMNA/KE2IK3SPdWjFX3cPAwPP5gDxzJu2tIWYl4=
+github.com/gethinode/mod-utils/v4 v4.5.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.5.1 h1:VKmqi6+oC93noHUJ6HvFlelglHT/9+kXQjpJs7VtWko=
+github.com/gethinode/mod-utils/v4 v4.5.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3 h1:H/qVR5O4BXjRjD+5PZB+r4ug2BSJ2Of4RtwOntd+OKo=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
 github.com/nextapps-de/flexsearch v0.0.0-20240108021025-afd75f742f22 h1:re7L8FxbXQpnX8BgzkdUnDpsUmloGNyLmiy2ZCln8pg=
@@ -450,3 +468,5 @@ github.com/twbs/bootstrap v5.3.5+incompatible h1:6XrrFNMsiTTFcVTBf2886FO2XUNtwSE
 github.com/twbs/bootstrap v5.3.5+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
 github.com/twbs/bootstrap v5.3.6+incompatible h1:efmXVyq839m5QQ0+JBUdQQ1TrmoBqvQ5kRhUueKsH+4=
 github.com/twbs/bootstrap v5.3.6+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=
+github.com/twbs/bootstrap v5.3.7+incompatible h1:ea1W8TOWZFkqSK2M0McpgzLiUQVru3bz8aHb0j/XtuM=
+github.com/twbs/bootstrap v5.3.7+incompatible/go.mod h1:fZTSrkpSf0/HkL0IIJzvVspTt1r9zuf7XlZau8kpcY0=

hugo_stats.json

@@ -31,9 +31,9 @@
       "use"
     ],
     "classes": [
-      "%!s(<nil>)",
       "active",
       "align-items-center",
+      "align-items-start",
       "align-self-center",
       "align-self-end",
       "ball",
@@ -50,11 +50,11 @@
       "btn-primary",
       "checkbox",
       "col",
-      "col-10",
       "col-12",
       "col-6",
       "col-8",
-      "col-md-",
+      "col-md-1",
+      "col-md-11",
       "col-md-2",
       "col-md-6",
       "col-md-8",
@@ -92,10 +92,10 @@
       "fixed-top",
       "flex-column",
       "flex-fill",
+      "flex-grow-1",
       "footer",
       "form-control",
       "fs-3",
-      "fullscreen",
       "fw-30",
       "fw-bold",
       "h-100",
@@ -111,12 +111,14 @@
       "is-search",
       "justify-content-center",
       "justify-content-end",
+      "justify-content-md-start",
       "justify-content-start",
       "label",
       "lead",
       "link-bg-footer",
       "link-secondary",
-      "main-content",
+      "m-auto",
+      "main",
       "main-nav-toggler",
       "me-auto",
       "middle-bar",
@@ -156,19 +158,15 @@
       "ps-1",
       "pt-1",
       "pt-4",
-      "pt-5",
       "pt-md-0",
-      "pt-md-3",
       "px-4",
       "px-xxl-0",
       "py-3",
       "py-4",
-      "py-md-5",
       "rounded",
       "row",
       "row-cols-1",
       "row-cols-2",
-      "row-cols-md-2",
       "row-cols-sm-3",
       "search",
       "search-input",
@@ -179,6 +177,7 @@
       "text-body",
       "text-center",
       "text-decoration-none",
+      "text-md-start",
       "text-muted",
       "text-secondary",
       "text-sm-start",

layouts/_partials/assets/card-group.html

@@ -30,6 +30,8 @@
 {{- end -}}
 
 {{/* Initialize global variables */}}
+{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
 {{- $pretty := site.Params.main.internalLinks.pretty | default false -}}
 
 {{/* Initialize local variables */}}
@@ -186,7 +188,7 @@
 
     {{- if $paginator -}}
         {{- if gt $paginator.TotalPages 1 -}}
-            <div class="pt-3">{{- partial "assets/pagination.html" (dict "page" $args.page "format" "terse") -}}</div>
+            <div class="pt-{{ $padding.y }}">{{- partial "assets/pagination.html" (dict "page" $args.page "format" "terse") -}}</div>
         {{- end -}} 
     {{- else -}}
         {{- if or (and (gt $count $max) $args.hrefTitle) (and $args.hrefForce  $args.hrefTitle) -}}
@@ -194,7 +196,11 @@
             {{- if and $pretty (not (hasSuffix $href "/" )) (not (strings.Contains $href "#")) -}}
                 {{- $href = printf "%s/" $href -}}
             {{- end -}}
-            <a class="btn btn-outline-primary mt-4" href="{{ $href | safeURL }}" role="button">{{ $args.hrefTitle }}</a>
+            <div class="mt-{{ $padding.y }} w-100">
+                <a class="btn btn-outline-primary" href="{{ $href | safeURL }}" role="button">
+                    {{ $args.hrefTitle }}
+                </a>
+            </div>
         {{- end -}}
     {{- end -}}
 {{- end -}}

layouts/_partials/assets/card.html

@@ -62,7 +62,10 @@
     </small></p>
 {{- end -}}
 
-{{/* Initialize arguments */}}
+{{/* Initialize global variables */}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
+{{/* Initialize local arguments */}}
 {{ $args := partial "utilities/InitArgs.html" (dict "structure" "card" "args" . "group" "partial") }}
 {{ if or $args.err $args.warnmsg }}
     {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
@@ -168,7 +171,7 @@
 
     {{/* Render horizontal card */}}
     <div class="card {{ $colorStyle }}{{ $args.class }}">
-        <div class="row g-0 row-cols-2 h-100{{ if $args.button }} pb-5{{ end }}">
+        <div class="row g-0 row-cols-2 h-100{{ if $args.button }} pb-{{ $padding.y }}{{ end }}">
             {{- if $thumbnail -}}
                 <div class="{{ $col1 }}">
                     {{ $fullHeight := "card-img-h100" }}

layouts/_partials/assets/helpers/image-definition.html

@@ -51,6 +51,17 @@
 {{- $width := index $target "width" -}}
 {{- $data := index $target "data" -}}
 
+{{ if and $args.imageWidth $args.imageHeight }}
+    {{ $height = $args.imageHeight }}
+    {{ $width = $args.imageWidth }}
+{{ else if and $args.imageWidth $height $width }}
+    {{ $height = int (math.Round (mul (div (float $args.imageWidth) $width) $height)) }}
+    {{ $width = $args.imageWidth }}
+{{ else if and $args.imageHeight $height $width }}
+    {{ $width = int (math.Round (mul (div (float $args.imageHeight) $height) $width)) }}
+    {{ $height = $args.imageHeight }}
+{{ end }}
+
 {{/* Add color modes */}}
 {{- range $none := $modes -}}
     {{- if ne $none $args.colorMode -}}
@@ -81,7 +92,12 @@
             {{ with $width }} width="{{ . }}"{{ end -}}
             {{ with $alt }} alt="{{ . }}"{{ end }}>
     {{- else -}}
-        <svg class="{{ $args.class }}">
+        <svg class="{{ $args.class }}"
+        {{ if or $args.imageHeight $args.imageWidth }}
+            {{ with $width }} width="{{ . }}"{{ end }}
+            {{ with $height }} height="{{ . }}"{{ end }}
+        {{ end }}
+        >
             <use href="{{ $fallbackURL }}#{{ $fileAnchor }}"></use>
         </svg>
     {{- end -}}

layouts/_partials/assets/hero.html

@@ -22,6 +22,7 @@
 {{/* Initialize global variables */}}
 {{ $arrangement := site.Params.modules.bookshop.title.arrangement }}
 {{ if eq $args.order "first" }}{{ $arrangement = "above" }}{{ end }}
+{{- $padding := partial "utilities/GetPadding.html" -}}
 
 {{/* Initialize local variables */}}
 {{ $align := $args.align }}
@@ -57,7 +58,7 @@
 
 {{ if not $error }}
     {{ if and $args.breadcrumb (not page.IsHome) }}
-        <div class="d-flex flex-column align-items-{{ $align}} mb-4 pe-3">
+        <div class="d-flex flex-column align-items-{{ $align}} mb-{{ $padding.y }} pe-3">
             {{ if site.Params.env_bookshop_live }}
                 <i class="text-white">Breadcrumb preview not supported</i>
             {{ else }}
@@ -69,13 +70,12 @@
     {{ $imageWrapper := printf "mx-md-0 text-%s %s" $align $class }}
     {{ $imageJustify := "" }}
     {{ if eq $args.orientation "stacked" }}
-        {{ $imageWrapper = printf "pt-5 text-center %s" $class }}
+        {{ $imageWrapper = printf "pt-%d text-center %s" $padding.y $class }}
         {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}
     {{ else }}
         {{ $imageJustify = $align }}
     {{ end }}
 
-    {{ $sectionClass := cond (eq $args.orientation "stacked") "pt-5" "py-md-5" }}
     {{ if $args.icon }}{{ $imageWrapper = $iconWrapper }}{{ end }}
 
     {{ $illustration := partial $args.hook (dict
@@ -99,7 +99,7 @@
         "size"        $args.size
         "links"       $args.links
         "link-type"   (or $args.linkType $args.type)
-        "class"       (printf "hero-title %s" $sectionClass)
+        "class"       "hero-title"
         "arrangement" $arrangement
     ) }}
 
@@ -110,7 +110,7 @@
         {{ $title | safeHTML }}
     {{ else }}
         {{/* Render horizontal component */}}
-        <div class="row row-cols-1 {{ if eq $args.orientation "stacked" }}row-cols-md-2 {{ end }} w-100">
+        <div class="row row-cols-1 {{ if eq $args.orientation "stacked" }}row-cols-md-2 {{ end }} flex-grow-1">
             {{ $order1 := "order-1 order-md-0" }}
             {{ $order2 := "order-0 order-md-1" }}
             {{ if eq $args.order "first" }}
@@ -121,7 +121,7 @@
             {{ $imgWidth := sub 12 (or $args.heading.width 12) }}
             {{ if lt $imgWidth 1 }}{{ $imgWidth = 1 }}{{ end }}
 
-            <div class="col col-12 col-md-{{sub 12 $imgWidth }} {{ $order1 }} my-md-auto pt-5 pt-md-0 hero-content">
+            <div class="col col-12 col-md-{{sub 12 $imgWidth }} {{ $order1 }} my-md-auto pt-{{ $padding.y }} pt-md-0 hero-content">
                 {{ $title | safeHTML }}
             </div>
             <div class="col col-8 col-md-{{ $imgWidth }} {{ $order2 }} m-auto my-md-auto align-self-end">

layouts/_partials/assets/image.html

@@ -38,6 +38,8 @@
     "page"         $args.page
     "ratio"        $args.ratio
     "portrait"     $args.portrait
+    "image-width"  $args.imageWidth
+    "image-height" $args.imageHeight
     "wrapper"      $args.wrapper
     "class"        $args.class
     "title"        $args.title

layouts/_partials/assets/links.html

@@ -21,6 +21,7 @@
 
 {{/* Initialize global arguments */}}
 {{- $breakpoint := page.Scratch.Get "breakpoint" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
 
 {{- define "_partials/links-content.html" -}}
     {{ $links := .links }}    
@@ -93,10 +94,10 @@
     {{ end }}
 {{ end }}
 
-<div class="hstack d-none d-{{ $breakpoint.current }}-block {{ if gt (len $args.links) 1 }} gap-5{{ end }} justify-content-{{ $args.align }} pt-5 pt-md-3">
+<div class="hstack d-none d-{{ $breakpoint.current }}-block {{ if gt (len $args.links) 1 }} gap-5{{ end }} justify-content-{{ $args.align }} pt-{{ $padding.y }}">
     {{ partial "links-content.html" (dict "links" $args.links "justify" $args.justify "type" $args.linkType "li" false) }}
 </div>
 
-<div class="d-{{ $breakpoint.current }}-none">
+<div class="d-{{ $breakpoint.current }}-none pt-{{ $padding.y }}">
     {{ partial "links-content.html" (dict "links" $args.links "justify" $args.justify "type" $args.linkType "li" true) }}
 </div>

layouts/_partials/assets/navbar.html

@@ -79,6 +79,9 @@
     )}}
 {{ end }}
 
+{{/* Initialize global variables */}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
 {{/* Initialize local arguments */}}
 {{- $absoluteURL := site.Params.main.canonifyAssetsURLs | default false -}}
 {{- $pretty := site.Params.main.internalLinks.pretty | default false }}
@@ -114,48 +117,16 @@
 {{- $enableLanguage := or $page.IsTranslated hugo.IsMultilingual -}}
 {{- $horizontal := default false site.Params.navigation.horizontal -}}
 
-{{- $logo := $args.logo | default site.Params.navigation.logo -}}
-{{- $logoLight := "" -}}
-{{- $logoDark := "" -}}
-{{- if $enableDarkMode -}}
-    {{ $ext := path.Ext $logo -}}
-    {{- $ext := path.Ext $logo -}}
-    {{- $base := strings.TrimSuffix $ext $logo -}}
-    {{- range $suffix := $modes -}}
-        {{- $base = strings.TrimSuffix (printf "-%s" $suffix) $base -}}
-    {{- end -}}
-
-    {{- $logoLight = printf "%s-light%s" $base $ext -}}
-    {{- $logoDark = printf "%s-dark%s" $base $ext -}}
-    
-    {{- $light := fileExists (path.Join "/static" $logoLight) -}}
-    {{- $dark := fileExists (path.Join "/static" $logoDark) -}}
-    {{- if and $light (not $dark) -}}
-        {{- warnf "partial [assets/navbar.html] - Missing file: %s" $logoDark -}}
-        {{- $logoLight = "" -}}
-        {{- $logoDark = "" -}}
-    {{- end -}}
-    {{- if and (not $light) $dark -}}
-        {{- warnf "partial [assets/navbar.html] - Missing file: %s" $logoLight -}}
-        {{- $logoLight = "" -}}
-        {{- $logoDark = "" -}}
-    {{- end -}}
-    {{- if not (or $light $dark) -}}
-        {{- $logoLight = "" -}}
-        {{- $logoDark = "" -}}
-    {{- end -}}
-{{- end -}}
-
-{{ if $logo }}{{ $logo = partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $logo) }}{{ end }}
-{{ if $logoLight }}{{ $logoLight = partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $logoLight) }}{{ end }}
-{{ if $logoDark }}{{ $logoDark = partial "utilities/URLJoin.html" (dict "base" $baseURL "path" $logoDark) }}{{ end }}
-
 {{- $title := site.Title -}}
 {{- if $args.title -}}
     {{- $title = $args.title -}}
-    {{- if not $args.logo }}{{ $logo = "" }}{{ end -}}
 {{- end -}}
 
+{{ $logo := "" }}
+{{ with $args.logo | default site.Params.navigation.logo }}
+    {{ $logo = partial "assets/image.html" (dict "src" . "loading" "eager" "title" $title "image-height" 30) }}
+{{ end }}
+
 {{- $pre := $args.pre -}}
 {{- $post := $args.post -}}
 {{- $class := $args.class -}}
@@ -171,7 +142,7 @@
 {{/* Main code */}}
 <div class="container-fluid {{ if $args.fixed }}fixed-top{{ else if $overlay }}navbar-overlay{{ end }} p-0{{ with $class }} {{ . }}{{ end }}">
     {{- partial "assets/page-alert.html" (dict "page" $page) -}}
-    <nav class="navbar p-4
+    <nav class="navbar px-{{ $padding.x }} py-{{ $padding.y }}
         {{- if not $overlay }}{{ with $color }} bg-{{ . }}{{ end }}{{ end -}}
         {{ if $args.fixed }} navbar-fixed-top{{ end }} navbar-expand-{{ $args.breakpoint -}}
         {{ if $contrast }} navbar-contrast{{ end }}"
@@ -198,18 +169,9 @@
                 </div>
         
                 {{/* Insert the brand logo or name */}}
-                <div class="{{ if (or $logoLight $logo) }}mx-auto{{ else }}flex-grow-1 flex-{{ $args.breakpoint }}-grow-0{{ end }}">
+                <div class="{{ if $logo }}mx-auto{{ else }}flex-grow-1 flex-{{ $args.breakpoint }}-grow-0{{ end }}">
                     <a class="navbar-brand" href="{{ site.Home.RelPermalink }}" aria-label="{{ T "home" }}">
-                        {{- if (and $logoLight $logoDark) -}}
-                            {{ $width := partial "utilities/GetWidth.html" (dict "path" $logoLight "height" 30) }}
-                            <img src="{{if $absoluteURL }}{{ absURL $logoLight }}{{ else }}{{ $logoLight }}{{ end }}" class="d-none-inline-dark" alt="{{ $title }} logo" height="30"{{ with $width }} width="{{ . }}"{{ end }}>
-                            <img src="{{if $absoluteURL }}{{ absURL $logoDark }}{{ else }}{{ $logoDark }}{{ end }}" class="d-none-inline-light" alt="{{ $title }} logo" height="30"{{ with $width }} width="{{ . }}"{{ end }}>
-                        {{- else if $logo -}}
-                            {{ $width := partial "utilities/GetWidth.html" (dict "path" $logo "height" 30) }}
-                            <img src="{{if $absoluteURL }}{{ absURL $logo }}{{ else }}{{ $logo }}{{ end }}" alt="{{ $title }} logo" height="30"{{ with $width }} width="{{ . }}"{{ end }}>
-                        {{- else -}}
-                            <div class="navbar-title fw-bold h-100">{{ $title }}</div>
-                        {{- end -}}
+                        {{- with $logo -}}{{ . }}{{- else -}}<div class="navbar-title fw-bold h-100">{{ $title }}</div>{{- end -}}
                     </a>
                 </div>
         

layouts/_partials/assets/section-title.html

@@ -14,6 +14,10 @@
     )}}
 {{ end }}
 
+{{/* Initialize global arguments */}}
+{{- $breakpoint := partial "utilities/GetBreakpoint.html" -}}
+{{- $padding := partial "utilities/GetPadding.html" -}}
+
 {{/* Initialize local arguments */}}
 {{- $size := (or $args.size site.Params.modules.bookshop.title.size) | default 4 -}}
 {{- $arrangement := (or $args.arrangement site.Params.modules.bookshop.title.arrangement) | default "above" -}}
@@ -30,8 +34,6 @@
     {{ $title = title $title }}
 {{ end }}
 
-{{- $breakpoint := page.Scratch.Get "breakpoint" -}}
-
 {{ define "_partials/assets/section-title-header.html" }}
     {{ $headingStyle := .headingStyle }}
 
@@ -83,7 +85,7 @@
 }}
 
 <!-- Main code -->
-<div class="text-{{ $args.heading.align }}{{ with $args.class }} {{ . }}{{ end }}{{ if lt $width 12 }} col-12 col-md-{{ $width }}{{ end }}">
+<div class="text-{{ $args.heading.align }}{{ with $args.class }} {{ . }}{{ end }}{{ if lt $width 12 }} col-12 col-{{ $breakpoint.current }}-{{ $width }}{{ end }} py-{{ $padding.y }}">
     {{ if and $preheading (eq $arrangement "first") }}
         <div class="container-fluid">
             <div class="row">
@@ -97,12 +99,12 @@
                 <div class="col-12 col-{{ $breakpoint.prev }}-8 col-{{ $breakpoint.current }}-9 col-{{ $breakpoint.next }}-8 p-0">
                     {{ $header }}
                     {{ with $args.heading.content }}
-                        <div class="{{ $contentStyle }} pt-4">{{ . | page.RenderString | safeHTML }}</div>
+                        <div class="{{ $contentStyle }} pt-{{ $padding.y }}">{{ . | page.RenderString | safeHTML }}</div>
                     {{ end }}
                     {{ $links }}
                 </div>
                 <div class="col-12 col-{{ $breakpoint.prev }}-4 col-{{ $breakpoint.current }}-3 col-{{ $breakpoint.next }}-2 p-0 ps-{{ $breakpoint.prev }}-4">
-                    {{ $wrapper := (printf "col-4 col-%s-12 mx-auto pt-4 pt-%s-0" $breakpoint.prev $breakpoint.prev) }}
+                    {{ $wrapper := (printf "col-4 col-%s-12 mx-auto pt-%d pt-%s-0" $breakpoint.prev $padding.y $breakpoint.prev) }}
                     {{ partial "assets/featured-illustration.html" (merge $imgArgs (dict "wrapper" $wrapper)) }}
                 </div>
             </div>
@@ -119,11 +121,11 @@
                         </p>
                     {{ end }}
                     {{ $header }}
-                    {{ with $args.heading.content }}<div class="{{ $contentStyle }} pt-4">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
+                    {{ with $args.heading.content }}<div class="{{ $contentStyle }} pt-{{ $padding.y }}">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
                     {{ $links }}
                 </div>
                 <div class="col-12 col-{{ $breakpoint.current }}-2 p-0 pt-2 text-center">
-                    {{ $wrapper := (printf "col-4 col-%s-12 mx-auto pt-4 pt-%s-0" $breakpoint.prev $breakpoint.prev) }}
+                    {{ $wrapper := (printf "col-4 col-%s-12 mx-auto pt-%d pt-%s-0" $breakpoint.prev $padding.y $breakpoint.prev) }}
                     {{ partial "assets/featured-illustration.html" (merge $imgArgs (dict "ratio" $args.ratio "wrapper" "mx-auto")) }}
                 </div>
             </div>
@@ -135,7 +137,7 @@
             </p>
         {{ end }}
         {{ $header }}
-        {{ with $args.heading.content }}<div class="{{ $contentStyle }} pt-4">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
+        {{ with $args.heading.content }}<div class="{{ $contentStyle }} pt-{{ $padding.y }}">{{ . | page.RenderString | safeHTML }}</div>{{ end }}
         {{ $links }}
     {{ end }}
 </div>

layouts/_partials/assets/timeline.html

@@ -103,7 +103,6 @@
             "size"        $args.size
             "links"       $args.links
             "link-type"   (or $args.linkType $args.type)
-            "class"       "pb-4"
             "arrangement" $arrangement
         ) }}
     {{ end }}

layouts/_partials/list/featured.html

@@ -1,125 +0,0 @@
-{{- $page := .page -}}
-{{- $headings := .headings -}}
-{{- $orientation := .orientation | default "stacked" -}}
-{{- $actions := .actions -}}
-{{- $width := .width | default 6 }}
-{{ $sizes := "100vw" }}
-{{- if or (lt $width 1) (gt $width 12) -}}
-    {{- $width = 6 -}}
-    {{- warnf "partial [list/featured.html] - Invalid column width: %d" $width -}}
-{{ end -}}
-{{- $justify := .justify | default "center" -}}
-{{- $supportedJustify := slice "start" "end" "center" "between" "around" "evenly" -}}
-{{- if not (in $supportedJustify $justify) -}}
-    {{- errorf "partial [list/featured.html] - Invalid value for param 'justify': %s" $justify -}}
-{{- end -}}
-{{- $align := .align | default "center" -}}
-{{- $supportedAlign := slice "start" "end" "center" -}}
-{{- if not (in $supportedAlign $align) -}}
-    {{- errorf "partial [list/featured.html] - Invalid value for param 'align': %s" $align -}}
-{{- end -}}
-{{- $breadcrumb := and (not $page.IsHome) site.Params.navigation.breadcrumb -}}
-
-{{- define "_partials/inline/featured-sizes.html" }}
-    {{ $sizes := printf "(min-width: 768px) %dvw, 50vw" (int (math.Round (div (mul .width 100) 12))) }}
-    {{ return $sizes }}
-{{ end }}
-
-{{- define "_partials/inline/featured-body.html" }}
-    {{- $page := .page -}}
-    {{- $headings := .headings -}}
-    {{- $orientation := .orientation | default "stacked" -}}
-    {{- $actions := .actions -}}
-    {{- $align := .align | default "center" -}}
-
-    <div class="text-{{ $align }}">
-        {{ $title := $page.Title }}
-        {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
-
-        {{ with $title }}<p class="display-4">{{ . }}</p>{{ end }}
-        <span class="fs-5 text-muted">{{ $page.Description }}</span>
-
-        {{ if $actions }}
-            {{- $actions = sort $actions "weight" "asc" -}}
-            <div class="hstack{{ if gt (len $actions) 1 }} gap-1{{ end }} justify-content-{{ $align}} pt-5 pt-md-3">
-                {{ range $actions }}
-                    {{ partial "assets/button.html" (dict 
-                        "href"    .url
-                        "icon"    .icon
-                        "label"   .label
-                        "title"   .title
-                        "outline" .outline
-                        "order"   "last"
-                        "justify" "start"
-                    ) }}
-                {{ end }}
-            </div>
-        {{ end }}
-    </div>
-{{- end -}}
-
-{{- define "_partials/inline/featured-illustration.html" }}
-    {{- $page := .page -}}
-    {{- $style := printf "img-wrap mx-auto mx-md-0 %s" .style -}}
-    {{ $sizes := .sizes }}
-
-    {{ if $page.Params.icon }}
-        {{- $icon := (or (and (reflect.IsMap $page.Params.Icon) $page.Params.Icon.url) $page.Params.Icon) -}}
-        {{- $mode := and (reflect.IsMap $page.Params.Icon) $page.Params.Icon.mode -}}
-        {{ if eq (lower (path.Ext $icon)) ".json" }}
-            {{ partial "assets/animation.html" (dict "data" $icon "mode" $mode "loop" false "hover" true "class" "col-6 mx-auto text-center") }}
-        {{ else }}
-            {{ partial "assets/icon.html" (dict "icon" "mode" $mode $icon "wrapper" "col-6 mx-auto text-center")}}
-        {{ end }}
-    {{ else }}
-        {{- $thumbnail := "" -}}
-        {{ if reflect.IsMap $page.Params.Thumbnail }}{{ $thumbnail = $page.Params.Thumbnail.url }}{{ else }}{{ $thumbnail = $page.Params.Thumbnail }}{{ end }}
-        {{- if $thumbnail }}
-            {{ partial "assets/image.html" (dict 
-                "src"      $thumbnail
-                "ratio"    "16x9"
-                "sizes"    $sizes
-                "wrapper"  $style
-                "class"    "rounded"
-                "title"    $page.Site.Title
-                "priority" "high"
-            ) }}
-        {{ end }}
-    {{ end }}
-{{- end -}}
-
-<div class="container-fluid p-0 {{ with site.Params.home.feature.color }} bg-{{ . }} bg-opacity-{{ site.Params.style.themeOpacity | default "25" | safeHTML }}{{ end }}">
-    <div class="container-xxl p-4 px-xxl-0 {{ if site.Params.home.fullCover }} fullcover{{ end }} d-flex flex-column">
-        {{ if $breadcrumb }}
-            <div>{{ partial "assets/breadcrumb.html" (dict "page" $page) }}</div>
-        {{ end -}}
-
-        {{ if eq $orientation "stacked" }}
-            <div class="row justify-content-center flex-fill">
-                <div class="col-12 col-md-{{ $width }} m-auto text-center">
-                    {{ $sizes = partial "inline/featured-sizes.html" (dict "width" $width) }}
-                    {{ partial "inline/featured-illustration.html" (dict "page" $page "sizes" $sizes "style" "pb-4") }}
-                    {{ partial "inline/featured-body.html" (dict "page" $page "headings" $headings "orientation" $orientation "actions" $actions) }}
-                </div>
-            </div>
-        {{ else }}
-            <div class="row row-cols-1 row-cols-md-2 justify-content-{{ $justify }} flex-fill">
-                <div class="col col-12 col-md-{{ $width }} order-1 order-md-0 my-md-auto">
-                    {{ partial "inline/featured-body.html" (dict "page" $page "headings" $headings "orientation" $orientation "actions" $actions "align" $align) }}
-                </div>
-                {{ $newWidth := $width }}
-                {{ if gt $width 6 }}{{ $newWidth = sub 12 $width }}{{ end }}
-                {{ $sizes = partial "inline/featured-sizes.html" (dict "width" $newWidth) }}
-                <div class="col col-12 col-md-{{ $newWidth }} order-0 order-md-1 text-center my-md-auto align-self-end">
-                    {{ partial "inline/featured-illustration.html" (dict "page" $page "sizes" $sizes "style" "pb-4 pb-md-0") }}
-                </div>
-            </div>
-        {{ end }}
-
-        {{ with $headings }}
-            <div class="col col-12 p-0 pt-5">
-                {{ partial "assets/toc-main.html" (dict "headings" .) }}
-            </div>
-        {{ end }}
-    </div>
-</div>

layouts/_partials/utilities/GetPadding.html

@@ -0,0 +1,20 @@
+{{- /* Define main padding size */ -}}
+{{- $defaultY := 5 -}}
+{{- $defaultX := 5 -}}
+{{- $permitted := slice 0 1 2 3 4 5 }}
+{{- $paddingX := $defaultX -}}
+{{- if isset site.Params.main.padding "x" }}{{ $paddingX = site.Params.main.padding.x }}{{ end -}}
+{{- $paddingY := $defaultY -}}
+{{- if isset site.Params.main.padding "y" }}{{ $paddingY = site.Params.main.padding.y }}{{ end -}}
+
+{{- if not (in $permitted $paddingX) -}}
+    {{- warnf "layout [_default/baseof.html] - Invalid value for param 'padding.x': %d" $paddingX -}}
+    {{- $paddingX = $defaultX -}}
+{{- end -}}
+
+{{- if not (in $permitted $paddingY) -}}
+    {{- warnf "layout [_default/baseof.html] - Invalid value for param 'padding.y': %d" $paddingY -}}
+    {{- $paddingY = $defaultY -}}
+{{- end -}}
+
+{{- return (dict "x" $paddingX "y" $paddingY) -}}

layouts/_shortcodes/example-bookshop.html

@@ -44,9 +44,9 @@
 {{- if eq $lang "bookshop" }}
     {{ $type = "bookshop" }}
     {{ $frontmatter := slice "yml" "yaml" "toml" "json" }}
-    {{ $inputRE := findRESubmatch `\x60\x60\x60(?:yml|yaml|json|toml)(\r\n|\r|\n)([\s\S]*?)\x60\x60\x60` $content 1}}
+    {{ $inputRE := findRESubmatch `\x60\x60\x60(?:yml|yaml|json|toml)(\r\n|\r|\n)([\s\S]*?)\x60\x60\x60` $content 1 }}
     {{ if and $inputRE (eq (len (index $inputRE 0)) 3) }}
-        {{ $lang = trim (index (split $content "\n") 1) "\x60" }}
+        {{ $lang = (trim (index (split $content "\n") 2) "\x60") | default "yml" }}
         {{ $content = index (index $inputRE 0) 2 }}
         {{ $data = index (unmarshal $content) 0 }}
         {{ $component_name := (index $data "_bookshop_name") }}

layouts/baseof.html

@@ -50,7 +50,7 @@
             "breakpoint"  (default "md" site.Params.navigation.size))
         -}}
 
-        <div id="container" class="main-content fullscreen">
+        <div id="container" class="main">
             {{ $blocks }}
             {{ block "main" . }}{{ end -}}
         </div>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@gethinode/hinode",
-  "version": "1.0.0-alpha8",
+  "version": "1.0.0-beta",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@gethinode/hinode",
-      "version": "1.0.0-alpha8",
+      "version": "1.0.0-beta",
       "license": "MIT",
       "dependencies": {
         "@fullhuman/postcss-purgecss": "^7.0.2",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gethinode/hinode",
-  "version": "1.0.0-alpha8",
+  "version": "1.0.0-beta",
   "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
   "keywords": [
     "hugo",