Merge pull request #1485 from gethinode/develop

Semantic release

.github/workflows/npm-publish.yml

@@ -1,41 +0,0 @@
-# This workflow will run tests using node and then publish a package to npmjs.org when a release is created
-# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
-name: Publish package to npmjs
-
-on:
-  workflow_dispatch:
-  release:
-    types: [published]
-
-env:
-  REGISTRY_URL: 'https://registry.npmjs.org/'
-
-jobs:
-  build:
-    strategy:
-      matrix:
-        os: [ubuntu-latest]
-        node-version: [20.x]
-
-    runs-on: ${{ matrix.os }}
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Setup .npmrc file to publish to npm
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node-version }}
-          registry-url: ${{ env.REGISTRY_URL }}
-          cache: 'npm'
-          cache-dependency-path: '**/package-lock.json'
-  
-      # [27/AUG/23] Adjusted from npm ci to prevent EBADPLATFORM error due to fsevents
-      - name: Install npm
-        run: npm i
-
-      - name: Publish package to npm
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release.yml

@@ -0,0 +1,44 @@
+name: Release
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+
+env:
+  HUSKY: 0
+
+permissions:
+  contents: read # for checkout
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write # to be able to publish a GitHub release
+      issues: write # to be able to comment on released issues
+      pull-requests: write # to be able to comment on released pull requests
+      id-token: write # to enable use of OIDC for npm provenance
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "lts/*"
+
+      - name: Install dependencies
+        run: npm clean-install
+
+      - name: Verify the integrity of provenance attestations and registry signatures for installed dependencies
+        run: npm audit signatures
+
+      - name: Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npx semantic-release

.gitignore

@@ -1,5 +1,6 @@
 _vendor/
 prebuild/
+prebuild-headers/
 public/
 resources/
 node_modules/

.husky/commit-msg

@@ -0,0 +1 @@
+npx --no -- commitlint --edit $1

.husky/install.mjs

@@ -0,0 +1,6 @@
+// Skip Husky install in production and CI
+if (process.env.NODE_ENV === 'production' || process.env.CI === 'true') {
+    process.exit(0)
+}
+const husky = (await import('husky')).default
+console.log(husky())

.husky/pre-commit

@@ -0,0 +1 @@
+npm test

assets/scss/components/_nav.scss

@@ -1,14 +1,8 @@
-.nav-tabs .nav-tabs {
+.nav-tabs {
-    border: none;
+    border: none !important;
 }
 
-.nav-tabs .nav-link.active {
+.nav-callout, .tab-content {
-    border-bottom-color: var(--bs-body-bg) !important;
-    border-bottom-style: solid !important;
-    z-index: 1;
-}
-
-.nav-callout {
     --#{$prefix}nav-callout-bg: var(--#{$prefix}light);
     --#{$prefix}nav-callout-active-bg: var(--bs-primary-bg-subtle);
     --#{$prefix}nav-callout-gap: #{$nav-underline-gap};
@@ -92,7 +86,7 @@
 
 @if $enable-dark-mode {
     @include color-mode(dark) {
-        .nav-callout {
+        .nav-callout, .tab-content {
             --#{$prefix}nav-callout-bg: var(--#{$prefix}tertiary-bg);
         }
 

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = {extends: ['@commitlint/config-conventional']}

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

@@ -21,7 +21,7 @@
     {{ partial "assets/hero.html"  (dict 
         "heading"      $args.heading
         "background"   $args.background
-        "illustration" (merge (dict "ratio" "1x1") $args.illustration)
+        "illustration" (merge (dict "ratio" "auto") $args.illustration)
         "order"        $args.order
         "link-type"    $args.linkType
         "links"        $args.links

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) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
 
 	{{ $partial := "assets/card-group.html" }}
 	{{ $params := dict }}

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

@@ -35,7 +35,7 @@
 {{ end}}
 
 {{ if not $error }}
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
 
 	{{- partial "assets/card-group.html" (dict 
 		"page"         page

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

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

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

@@ -96,7 +96,7 @@
 		) }}
 	{{ end}}
 
-	{{- partial "assets/section-title.html" (dict "heading" $args.heading) -}}
+	{{- partial "assets/section-title.html" (dict "heading" $args.heading "justify" $args.justify) -}}
 
 	{{ if eq $args.orientation "stacked" }}
 		<div class="col-{{ $breakpoint.current }}-{{ $args.width }} mx-auto pb-{{ $padding.y }}">

content/_index.md

@@ -7,18 +7,18 @@ content_blocks:
       title: Welcome to Hinode!
       content: |-
         A clean documentation and blog theme for your Hugo site based on Bootstrap 5.
-      align: start
+      width: 6
     background:
       color: primary
       subtle: true
     illustration:
       image: /img/sunrise.jpg
       ratio: 16x9
-      width: 8
+    width: 8
-    width: 6
     links:
-      - title: Get started
+      - title: About
-        url: https://gethinode.com/docs
+        url: about
-        icon: fas book-open
+        icon: fas chevron-right
     orientation: horizontal
+    justify: center
 ---

data/netlify.toml

@@ -4,12 +4,12 @@
     command = "npm run build:example"
 
 [build.environment]
-    DART_SASS_VERSION = "1.83.1"
+    DART_SASS_VERSION = "1.89.2"
-    HUGO_VERSION = "0.140.2"
+    HUGO_VERSION = "0.147.9"
     HUGO_ENV = "production"
     HUGO_ENABLEGITINFO = "true"
-    NODE_VERSION = "22.12.0"
+    NODE_VERSION = "22.13.0"
-    NPM_VERSION = "10.9.0"
+    NPM_VERSION = "10.9.2"
 # toml-docs-end netlify
 
 [context.deploy-preview]

data/structures/nav.yml

@@ -7,8 +7,12 @@ arguments:
     group: partial
   list:
     group: partial
+  nav-disabled:
+    release: v1.0.0
   nav-items:
     release: v1.0.0
+  nav-show:
+    release: v1.0.0
   nav-titles:
     release: v1.0.0
   tab-type:

data/structures/timeline.yml

@@ -9,3 +9,4 @@ arguments:
     optional: false
   background:
   class:
+  justify:

exampleSite/content/en/blocks/_index.md

@@ -6,18 +6,17 @@ content_blocks:
   - _bookshop_name: hero
     heading:
       title: Content blocks
-      align: start
-    breadcrumb: true
-
-  - _bookshop_name: articles
-    heading:
       content: >-
         Hinode uses [Bookshop](https://github.com/CloudCannon/bookshop) to
         support so-called content blocks. Content blocks are reusable page
         elements, such as a hero, about panel, or an FAQ. Hinode includes
         several ready-to-use blocks. Click on a card for more details about
         a content block, including its frontmatter configuration.
+      align: start
       width: 8
+    breadcrumb: true
+
+  - _bookshop_name: articles
     hide-empty: false
     input:
       section: blocks

exampleSite/content/en/blocks/about.md

@@ -25,6 +25,7 @@ The `about` content block renders a short message next to an illustration. You c
     subtle: true
   illustration:
     image: /assets/img/nat-9l98kFByiao-unsplash.jpg
+    ratio: 1x1
   link-type: link
   links:
     - title: First link

exampleSite/content/en/blog/bootstrap-elements.md

@@ -362,14 +362,14 @@ As an example, the following shortcode displays a tab group with vertically alig
 <!-- markdownlint-disable MD037 -->
 {{< example lang="hugo" >}}
   {{</* nav tab-type="pills" vertical="true" */>}}
-    {{</* nav-item title="Nav Item #1" show="true" */>}}
+    {{</* nav-item title="Nav Item #1" */>}}
       This is the first item's nav body. It supports Markdown content.
       The item is shown by adding the value `show` to the `class` argument.
     {{</* /nav-item */>}}
-    {{</* nav-item title="Nav Item #2" */>}}
+    {{</* nav-item title="Nav Item #2" show="true" */>}}
       This is the second item's nav body.
     {{</* /nav-item */>}}
-    {{</* nav-item title="Nav Item #3" */>}}
+    {{</* nav-item title="Nav Item #3" disabled="true" */>}}
       This is the third item's nav body.
     {{</* /nav-item */>}}
   {{</* /nav */>}}

exampleSite/hugo_stats.json

@@ -207,6 +207,7 @@
       "d-sm-block",
       "d-sm-none",
       "data-table",
+      "disabled",
       "display-1",
       "display-4",
       "dropdown",
@@ -614,11 +615,11 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-f38add4e4b48c1c030c4b64eb31efe8f",
+      "faq-46cc9ad0fb899a0f4539dbaa956f4df4",
-      "faq-f38add4e4b48c1c030c4b64eb31efe8f-heading-faq-f38add4e4b48c1c030c4b64eb31efe8f",
+      "faq-46cc9ad0fb899a0f4539dbaa956f4df4-heading-faq-46cc9ad0fb899a0f4539dbaa956f4df4",
-      "faq-f38add4e4b48c1c030c4b64eb31efe8f-item-0",
+      "faq-46cc9ad0fb899a0f4539dbaa956f4df4-item-0",
-      "faq-f38add4e4b48c1c030c4b64eb31efe8f-item-1",
+      "faq-46cc9ad0fb899a0f4539dbaa956f4df4-item-1",
-      "faq-f38add4e4b48c1c030c4b64eb31efe8f-item-2",
+      "faq-46cc9ad0fb899a0f4539dbaa956f4df4-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
@@ -698,10 +699,10 @@
       "nav-0-0",
       "nav-0-1",
       "nav-0-2",
+      "nav-0-btn-0",
+      "nav-0-btn-1",
+      "nav-0-btn-2",
       "nav-nav-0",
-      "nav-nav-0-btn-0",
-      "nav-nav-0-btn-1",
-      "nav-nav-0-btn-2",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",

go.mod

@@ -18,7 +18,7 @@ require (
 	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.8.0 // indirect
+	github.com/gethinode/mod-utils/v4 v4.8.4 // indirect
 	github.com/nextapps-de/flexsearch v0.0.0-20250606060143-c28f52c09b7a // indirect
 	github.com/twbs/bootstrap v5.3.7+incompatible // indirect
 )

go.sum

@@ -444,6 +444,14 @@ github.com/gethinode/mod-utils/v4 v4.7.0 h1:JaL/+APOwdEzAi6y174ZdwoguCdALyGiGX8q
 github.com/gethinode/mod-utils/v4 v4.7.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
 github.com/gethinode/mod-utils/v4 v4.8.0 h1:/+M3EHqA8IzgBWXX1GLmT/xKbk2FVhUwmUfMnk/goF4=
 github.com/gethinode/mod-utils/v4 v4.8.0/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.1 h1:XJULrx5VWO4wR69EsvfPp9bQoRvx8Y7GwnknpDbrDpg=
+github.com/gethinode/mod-utils/v4 v4.8.1/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.2 h1:mhPmqdeCar2sOdVwKIyJl5la0RVBPtw4d29ncRKN3ek=
+github.com/gethinode/mod-utils/v4 v4.8.2/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.3 h1:CSaFR/c1cGrSPpH5ZfrNOoMhAbNb8sw0SCRh9ZxCJTU=
+github.com/gethinode/mod-utils/v4 v4.8.3/go.mod h1:bYmvRdAo4ICy5MpSGafDvO4p5bTDpsDKFCPL3bH0mN4=
+github.com/gethinode/mod-utils/v4 v4.8.4 h1:ExD2zZCGonAmbIxC9wBU2dp+V4ZfvG46NWaz+LaV3iQ=
+github.com/gethinode/mod-utils/v4 v4.8.4/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=

hugo_stats.json

@@ -1,211 +1,7 @@
 {
   "htmlElements": {
-    "tags": [
+    "tags": null,
-      "a",
+    "classes": null,
-      "body",
+    "ids": null
-      "button",
-      "div",
-      "footer",
-      "form",
-      "head",
-      "html",
-      "img",
-      "input",
-      "label",
-      "li",
-      "link",
-      "meta",
-      "nav",
-      "ol",
-      "p",
-      "path",
-      "script",
-      "section",
-      "small",
-      "span",
-      "strong",
-      "svg",
-      "symbol",
-      "title",
-      "ul",
-      "use"
-    ],
-    "classes": [
-      "active",
-      "align-items-center",
-      "align-items-start",
-      "align-self-center",
-      "align-self-end",
-      "ball",
-      "bg-body",
-      "bg-opacity-10",
-      "bg-primary",
-      "bg-primary-subtle",
-      "bottom-0",
-      "bottom-bar",
-      "breadcrumb",
-      "breadcrumb-item",
-      "btn",
-      "btn-close",
-      "btn-primary",
-      "checkbox",
-      "col",
-      "col-12",
-      "col-6",
-      "col-8",
-      "col-md-1",
-      "col-md-11",
-      "col-md-2",
-      "col-md-6",
-      "col-md-8",
-      "col-sm-12",
-      "collapse",
-      "collapsed",
-      "container-fluid",
-      "container-xxl",
-      "d-flex",
-      "d-inline",
-      "d-md-block",
-      "d-md-none",
-      "d-none",
-      "d-sm-block",
-      "d-sm-none",
-      "display-1",
-      "display-4",
-      "emphasis",
-      "end-0",
-      "fa",
-      "fa-10x",
-      "fa-2x",
-      "fa-angle-left",
-      "fa-book-open",
-      "fa-ellipsis",
-      "fa-face-frown",
-      "fa-fw",
-      "fa-github",
-      "fa-linkedin",
-      "fa-medium",
-      "fa-moon",
-      "fa-sun",
-      "fab",
-      "fas",
-      "fixed-top",
-      "flex-column",
-      "flex-fill",
-      "flex-grow-1",
-      "footer",
-      "form-control",
-      "fs-3",
-      "fw-30",
-      "fw-bold",
-      "h-100",
-      "hero",
-      "hero-content",
-      "hero-image",
-      "hero-image-container",
-      "hero-title",
-      "hstack",
-      "img-fluid",
-      "img-wrap",
-      "invisible",
-      "is-search",
-      "justify-content-center",
-      "justify-content-end",
-      "justify-content-md-start",
-      "justify-content-start",
-      "label",
-      "lead",
-      "link-bg-footer",
-      "link-secondary",
-      "m-auto",
-      "main",
-      "main-nav-toggler",
-      "me-auto",
-      "middle-bar",
-      "mode-switch",
-      "ms-auto",
-      "ms-md-3",
-      "mt-3",
-      "mt-4",
-      "mt-5",
-      "mt-md-0",
-      "mx-auto",
-      "mx-md-0",
-      "my-auto",
-      "my-md-auto",
-      "nav-item",
-      "nav-link",
-      "navbar",
-      "navbar-brand",
-      "navbar-collapse",
-      "navbar-container",
-      "navbar-expand-md",
-      "navbar-fixed-top",
-      "navbar-mode-selector",
-      "navbar-nav",
-      "navbar-toggler",
-      "no-js",
-      "order-0",
-      "order-1",
-      "order-md-0",
-      "order-md-1",
-      "p-0",
-      "p-2",
-      "p-3",
-      "p-4",
-      "position-fixed",
-      "position-relative",
-      "ps-1",
-      "pt-1",
-      "pt-4",
-      "pt-md-0",
-      "px-4",
-      "px-xxl-0",
-      "py-3",
-      "py-4",
-      "rounded",
-      "row",
-      "row-cols-1",
-      "row-cols-2",
-      "row-cols-sm-3",
-      "search",
-      "search-input",
-      "search-suggestions",
-      "section-cover",
-      "shadow",
-      "svg-inline--fa",
-      "text-body",
-      "text-center",
-      "text-decoration-none",
-      "text-md-start",
-      "text-muted",
-      "text-secondary",
-      "text-sm-start",
-      "text-start",
-      "toast",
-      "toast-body",
-      "toast-container",
-      "toast-header",
-      "toggler-icon",
-      "top-bar"
-    ],
-    "ids": [
-      "container",
-      "fa-face-frown",
-      "fab-github",
-      "fab-linkedin",
-      "fab-medium",
-      "fas-angle-left",
-      "fas-book-open",
-      "fas-ellipsis",
-      "fas-moon",
-      "fas-sun",
-      "navbar-0-collapse",
-      "navbar-mode",
-      "navbar-mode-checkbox",
-      "toast-container",
-      "toast-copied-code-message",
-      "welcome-to-hinode"
-    ]
   }
 }

layouts/_partials/assets/card.html

@@ -179,7 +179,7 @@
                     {{ if eq (lower (path.Ext $thumbnail)) ".svg" }}{{ $fullHeight = "" }}{{ $rounding = "" }}{{ end }}
                     {{- partial $args.hook (dict 
                         "src"      $thumbnail
-                        "ratio"    (or $ratio "1x1")
+                        "ratio"    (or $ratio "auto")
                         "portrait" $args.portrait
                         "sizes"    $args.sizes
                         "anchor"   $anchor

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

@@ -83,7 +83,7 @@
     {{ else }}
         {{ warnf "Unsupported media type '%s': %q" (string $res.MediaType) $src -}}
     {{ end }}
-{{ else if $args.ratio }}
+{{ else if and $args.ratio (ne $args.ratio "auto") }}
     {{ $transform = "fill" }}
     {{ $dims = partial "assets/helpers/GetDimension.html" (dict "ratio" $args.ratio) }}
     {{ if not $dims }}{{ errorf "partial [assets/image.html] - Cannot find dimension data: %s" $args.ratio }}{{ end }}

layouts/_partials/assets/hero.html

@@ -101,6 +101,7 @@
         "link-type"   (or $args.linkType $args.type)
         "class"       "hero-title"
         "arrangement" $arrangement
+        "justify"     $args.justify
     ) }}
 
     {{ if eq $args.orientation "stacked" }}

layouts/_partials/assets/nav-item.html

@@ -6,16 +6,16 @@
 */}}
 
 {{/* Initialize arguments */}}
-{{ $args := partial "utilities/InitArgs.html" (dict "structure" "nav-item" "args" . "group" "partial") }}
+{{- $args := partial "utilities/InitArgs.html" (dict "structure" "nav-item" "args" . "group" "partial") -}}
-{{ if or $args.err $args.warnmsg }}
+{{- if or $args.err $args.warnmsg -}}
-    {{ partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
+    {{- partial (cond $args.err "utilities/LogErr.html" "utilities/LogWarn.html") (dict 
         "partial" "assets/nav-item.html" 
         "warnid"  "warn-invalid-arguments"
         "msg"     "Invalid arguments"
         "details" ($args.errmsg | append $args.warnmsg)
         "file"    page.File
-    )}}
+    ) -}}
-{{ end }}
+{{- end -}}
 
 {{/* Initialize local arguments */}}
 {{- $parentID := or $args.parentId $args.parentID -}}
@@ -36,16 +36,16 @@
         "class"        "hero-image"
         "image-overlay" $args.imageOverlay
     ) }}
-{{ else }}
+{{- else -}}
-    {{ $illustration = partial $args.hook (dict "page" $args.page "image" $args.illustration) }}
+    {{- $illustration = partial $args.hook (dict "page" $args.page "image" $args.illustration) -}}
-{{ end }}
+{{- end -}}
 
 {{/* Main code */}}
-{{ if not $args.err }}
+{{- if not $args.err -}}
-    {{ if eq $type "accordion" }}
+    {{- if eq $type "accordion" -}}
         <div class="accordion-item{{ if $args.show }} show{{ end }}{{ with $args.class }} {{ . }}{{ end }}">
             {{- with $title -}}
-                <h2 id="accordion-{{ $parentID }}-heading-{{ $args.id }}" class="accordion-header m-0" >
+                <h2 id="accordion-{{ $parentID }}-heading-{{ $args.id }}" class="accordion-header m-0">
                     <button
                         class="accordion-button collapsed {{ if $args.disabled }} text-secondary{{ end }}"
                         type="button"
@@ -55,14 +55,14 @@
                         aria-controls="accordion-{{ $parentID }}-item-{{ $args.id }}"
                         {{ if $args.disabled }} disabled{{ end }}
                     >
-                        {{ if $illustration }}
+                        {{- if $illustration -}}
                             <div class="row">
                                 <div class="col-3 col-sm-2 my-auto">{{ $illustration | safeHTML }}</div>
                                 <div class="col-9 col-sm-10 fs-6 fs-sm-5 my-auto">{{ . }}</div>
                             </div>
-                        {{ else }}
+                        {{- else }}
                             {{ . }}
-                        {{ end }}
+                        {{ end -}}
                     </button>
                 </h2>
             {{- end -}}
@@ -75,19 +75,16 @@
                 <div class="accordion-body">{{ $args.body | $args.page.RenderString | safeHTML }}</div>
             </div>
         </div>
-    {{ else }}
+    {{- else -}}
         <div
             id="{{ $parentID }}-{{ $args.id }}" 
-            class="tab-pane{{ if $args.show }} active {{ if $args.fade }}show{{ end }}{{ end }} {{ if $args.fade }}fade{{ end }}{{ with $args.class }} {{ . }}{{ end }}"
+            class="tab-pane{{ if $args.show }} active{{ if $args.fade }} show{{ end }}{{ end }}{{ if $args.fade }} fade{{ end }}{{ with $args.class }} {{ . }}{{ end }}"
             role="tabpanel"
             aria-labelledby="{{ $parentID }}-btn-{{ $args.id }}"
             tabindex="0"
-            data-header="{{ $title }}"
-            {{ if $args.show }}data-show-id="{{ $args.id }}"{{ end }} 
             data-has-content="{{ gt (len $args.body) 0 }}"
-            {{ if $args.disabled }} data-disabled-id="{{ $args.id }}"{{ end }}
         >
             {{ $args.body | $args.page.RenderString | safeHTML }}
         </div>
-    {{ end }}
+    {{- end -}}
-{{ end }}
+{{- end -}}

layouts/_partials/assets/nav.html

@@ -42,7 +42,7 @@
                         "class"        $args.class
                         "body"         (or $item.Description $item.Content)
                         "show"         false
-                        "disabled"     false
+                        "disabled"     $item.disabled
                         "item_type"    "accordion"
                         "illustration" (partial "utilities/GetIllustration.html" (dict "item" $item "size" "col-12"))
                         )
@@ -64,11 +64,14 @@
         {{- range $args.list }}{{ $titles = $titles | append .Title }} {{ end -}}
         {{- if reflect.IsSlice $args.navTitles }}{{ $titles = $titles | append $args.navTitles }}{{ end -}}
         {{- range $index, $item := $titles -}}
-            {{ $show := eq $index 0}}
+            {{ $itemID := printf "%s-btn-%d" $args.id $index -}}
+            {{- $show := eq $index 0 -}}
+            {{- if $args.navShow }}{{ $show = eq $args.navShow $itemID }}{{ end -}}
+            {{- $disabled := in $args.navDisabled $itemID -}}
             <li class="nav-item" role="presentation">
                 <button
-                    class="nav-link {{ if not $wrap }} text-nowrap{{ end }}{{ if $show }} active{{ end }}"
+                    class="nav-link{{ if not $wrap }} text-nowrap{{ end }}{{ if $show }} active{{ end }}{{ if $disabled }} disabled{{ end }}"
-                    id="nav-{{ $id }}-btn-{{ $index }}"
+                    id="{{ $itemID }}"
                     data-bs-toggle="pill"
                     data-bs-target="#{{ $id }}-{{ $index }}" 
                     type="button"
@@ -82,7 +85,7 @@
         {{ end -}}
     </ul>
 
-    <div class="tab-content {{ if eq $type "tabs" }}border border-bottom-0  p-3{{ else if $args.vertical }}ms-3{{ else }}mt-3{{ end }}">
+    <div class="tab-content {{ if eq $type "tabs" }}border p-3{{ else if $args.vertical }}ms-3{{ else }}mt-3{{ end }}">
         {{- range $index, $item := $args.list -}}
             {{- $header := $item.Title -}}
             {-{ $body := $item.Content -}}

layouts/_partials/assets/section-title.html

@@ -26,8 +26,9 @@
 {{- $preheading := $args.heading.preheading }}
 {{- $title := $args.heading.title }}
 {{- $width := $args.heading.width | default 12 -}}
-
+{{- $width = cond (lt $width 12) (printf "col-12 col-%s-%d" $breakpoint.current $width) "" }}
 {{ if and (not $preheading) $args.useSection }}{{ $preheading = page.CurrentSection.Name }}{{ end }}
+{{ $justify := cond (eq $args.justify "start") "" (cond (eq $args.justify "end") "me-0" "mx-auto") }}
 
 {{ if site.Params.main.titleCase }}
     {{ $preheading = title $preheading }}
@@ -85,7 +86,7 @@
 }}
 
 <!-- Main code -->
-<div class="text-{{ $args.heading.align }}{{ with $args.class }} {{ . }}{{ end }}{{ if lt $width 12 }} col-12 col-{{ $breakpoint.current }}-{{ $width }}{{ end }} py-{{ $padding.y }}">
+<div class="text-{{ $args.heading.align }}{{ with $justify }} {{ . }}{{ end }}{{ with $args.class }} {{ . }}{{ end }}{{ with $width }} {{ . }}{{ end }} py-{{ $padding.y }}">
     {{ if and $preheading (eq $arrangement "first") }}
         <div class="container-fluid">
             <div class="row">

layouts/_partials/assets/timeline.html

@@ -104,6 +104,7 @@
             "links"       $args.links
             "link-type"   (or $args.linkType $args.type)
             "arrangement" $arrangement
+            "justify"     $args.justify
         ) }}
     {{ end }}
 

layouts/_partials/utilities/RenderContentBlocks.html

@@ -35,21 +35,23 @@
 
     {{ $blocks = $blocks | append (dict 
         "_bookshop_name" "hero"
-        "heading" (dict "title" $pageTitle "align" $page.Site.Params.modules.bookshop.hero.align)
+        "heading"        (dict "title" $pageTitle "align" $page.Site.Params.modules.bookshop.hero.align)
-        "breadcrumb" $breadcrumb
+        "breadcrumb"     $breadcrumb
-        "background" (dict "backdrop" $page.Site.Params.modules.bookshop.hero.backdrop)
+        "background"     (dict "backdrop" $page.Site.Params.modules.bookshop.hero.backdrop)
-        "overlay-mode" $page.Site.Params.modules.bookshop.hero.overlayMode
+        "overlay-mode"   $page.Site.Params.modules.bookshop.hero.overlayMode
+        "justify"        "start"
     )}}
 
     {{ if eq $page.Kind "section" }}
         {{ $blocks = $blocks | append (dict 
             "_bookshop_name" "articles"
-            "hide-empty" false
+            "hide-empty"     false
-            "input" (dict "section" $page.Section "reverse" true "sort" "date" "nested" true)
+            "input"          (dict "section" $page.Section "reverse" true "sort" "date" "nested" true)
-            "cols" 3
+            "cols"           3
-            "padding" "0"
+            "padding"        "0"
-            "paginate" true
+            "paginate"       true
-            "scroll" false
+            "scroll"         false
+            "justify"        "start"
         )}}
     {{ end }}
 

layouts/_shortcodes/kbd.html

@@ -21,7 +21,7 @@
 {{- end -}}
 
 {{/* Initialize local arguments */}}
-{{- $text := or $args.text $args.title }}
+{{- $text := trim (or $args.text $args.title) " \n\r" }}
 {{- if not $text -}}
     {{- partial "utilities/LogErr.html" (dict 
         "partial"  "shortcodes/kbd.html" 
@@ -36,6 +36,6 @@
 {{/* Main code */}}
 {{- if not $error }}
     <kbd {{ if or $args.color $args.class }}class="{{ with $args.color }}text-bg-{{ . }} {{ end }}{{ $args.class }}"{{ end }}>
-        {{ $text | plainify }}
+        {{- $text -}}
     </kbd>
 {{ end -}}

layouts/_shortcodes/nav-item.html

@@ -30,6 +30,8 @@
     {{- if isset .Parent.Params "fade" }}{{ $parentFade = partial "utilities/CastBool.html" (.Parent.Get "fade") }}{{ end -}}
     {{- $fade = or $fade $parentFade -}}
     {{- $title := or $args.title $args.header -}}
+    {{- $itemID := printf "%s-btn-%d" $parent $id }}
+    {{- $disabledID := cond $args.disabled $itemID "" }}
     {{- $body := trim .Inner " \r\n" -}}
     {{- $current := "" -}}
 
@@ -49,15 +51,19 @@
 
     {{- $current := .Parent.Scratch.Get "inner" -}}
     {{- $titles := .Parent.Scratch.Get "inner-title" -}}
+    {{- $disabled := .Parent.Scratch.Get "inner-disabled" -}}
+    {{- if $args.show }}{{ .Parent.Scratch.Set "inner-show" $itemID }}{{ end -}}
     {{- if $current -}}
         {{- .Parent.Scratch.Set "inner" (print $current $output) -}}
         {{- .Parent.Scratch.Set "inner-title" ($titles | append $title) -}}
+        {{- .Parent.Scratch.Set "inner-disabled" ($disabled | append $disabledID) -}}
     {{- else -}}
         {{- .Parent.Scratch.Set "inner" $output -}}
         {{- .Parent.Scratch.Set "inner-title" (slice $title) -}}
+        {{- .Parent.Scratch.Set "inner-disabled" (slice $disabledID) -}}
     {{- end }}
 
-    {{- $alternative := partial "assets/nav-item" (dict 
+    {{- $alternative := partial "assets/nav-item.html" (dict 
         "page"         .Page
         "id"           $id
         "parent-id"    $parent

layouts/_shortcodes/nav.html

@@ -19,6 +19,8 @@
 
 {{- $inner := .Scratch.Get "inner" -}}
 {{- $innerTitles := .Scratch.Get "inner-title" -}}
+{{- $innerDisabled := .Scratch.Get "inner-disabled" -}}
+{{- $innerShow := .Scratch.Get "inner-show" -}}
 {{- $input := trim .Inner " \r\n" -}}
 {{- if $input -}}
     {{- $input = replace $input "\n" "\n  " -}}
@@ -28,17 +30,19 @@
 {{/* Main code */}}
 {{- if not $args.err -}}
     {{- partial "assets/nav.html" (dict 
-        "id"         (or $args.id (printf "nav-%d" .Ordinal))
+        "id"           (or $args.id (printf "nav-%d" .Ordinal))
-        "page"       .Page
+        "page"         .Page
-        "list"       $args.list
+        "list"         $args.list
-        "nav-items"  $inner
+        "nav-items"    $inner
-        "nav-titles" $innerTitles
+        "nav-titles"   $innerTitles
-        "tab-type"   (or $args.tabType $args.type)
+        "nav-disabled" $innerDisabled
-        "vertical"   $args.vertical
+        "nav-show"     $innerShow
-        "word-wrap"  $args.wordWrap
+        "tab-type"     (or $args.tabType $args.type)
-        "class"      $args.class
+        "vertical"     $args.vertical
-        "pane"       $args.pane
+        "word-wrap"    $args.wordWrap
-        "width"      $args.width
+        "class"        $args.class
+        "pane"         $args.pane
+        "width"        $args.width
         ) 
     -}}
 {{- end -}}

netlify.toml

@@ -4,12 +4,12 @@
   publish = 'exampleSite/public'
 
   [build.environment]
-    DART_SASS_VERSION = '1.78.0'
+    DART_SASS_VERSION = '1.89.2'
     HUGO_ENABLEGITINFO = 'true'
     HUGO_ENV = 'production'
-    HUGO_VERSION = '0.134.1'
+    HUGO_VERSION = '0.147.9'
-    NODE_VERSION = '20.17.0'
+    NODE_VERSION = '22.13.0'
-    NPM_VERSION = '10.8.2'
+    NPM_VERSION = '10.9.2'
 
 [context]
   [context.branch-deploy]
@@ -39,17 +39,17 @@
     Access-Control-Allow-Origin = '*'
     Content-Security-Policy = """
         base-uri 'self'; \
-        connect-src 'self' *.cookieyes.com cdn-cookieyes.com *.google-analytics.com *.analytics.google.com *.googletagmanager.com; \
+        connect-src 'self' *.analytics.google.com *.google.com *.google-analytics.com *.googletagmanager.com; \
         default-src 'none'; \
-        font-src 'self' fonts.gstatic.com; \
+        font-src 'self' fonts.gstatic.com data:; \
         form-action 'self'; \
-        frame-src player.cloudinary.com www.youtube-nocookie.com www.youtube.com player.vimeo.com; \
+        frame-src *.googletagmanager.com player.cloudinary.com www.youtube-nocookie.com www.youtube.com player.vimeo.com; \
-        img-src 'self' cdn-cookieyes.com *.google-analytics.com *.googletagmanager.com data: *.imgix.net *.imagekit.io *.cloudinary.com i.ytimg.com tile.openstreetmap.org i.vimeocdn.com; \
+        img-src 'self' *.google-analytics.com *.googletagmanager.com googletagmanager.com ssl.gstatic.com www.gstatic.com data: *.imgix.net *.imagekit.io *.cloudinary.com i.ytimg.com tile.openstreetmap.org i.vimeocdn.com; \
         manifest-src 'self'; \
         media-src 'self'; \
         object-src 'none'; \
-        script-src 'self' cdn-cookieyes.com *.google-analytics.com *.googletagmanager.com player.vimeo.com; \
+        script-src 'self' *.google-analytics.com *.googletagmanager.com *.analytics.google.com googletagmanager.com tagmanager.google.com player.vimeo.com; \
-        style-src 'self' 'unsafe-inline' www.youtube.com; \
+        style-src 'self' googletagmanager.com tagmanager.google.com fonts.googleapis.com www.youtube.com; \
         """
     Permissions-Policy = 'geolocation=(), midi=(), sync-xhr=(), microphone=(), camera=(), magnetometer=(), gyroscope=(), fullscreen=(), payment=() '
     Referrer-Policy = 'strict-origin'
@@ -59,23 +59,3 @@
     X-XSS-Protection = '1; mode=block'
     cache-control = 'max-age=0, no-cache, no-store, must-revalidate '
 
-[[redirects]]
-  from = '/fr/*'
-  status = 404
-  to = '/fr/404.html'
-
-[[redirects]]
-  from = '/nl/*'
-  status = 404
-  to = '/nl/404.html'
-
-[[redirects]]
-  from = '/en/*'
-  status = 404
-  to = '/en/404.html'
-
-[[redirects]]
-  from = '/*'
-  status = 404
-  to = '/en/404.html'
-

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gethinode/hinode",
-  "version": "1.0.0-beta5",
+  "version": "0.0.0-semantically-released",
   "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
   "keywords": [
     "hugo",
@@ -12,6 +12,7 @@
     "documentation"
   ],
   "main": "index.js",
+  "private": true,
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +29,7 @@
     "build:example": "npm run -s prebuild && hugo --gc --minify -s exampleSite",
     "build:example:ci": "npm run -s prebuild && hugo --gc --minify -s exampleSite -e ci",
     "build:debug": "hugo -e debug --debug",
-    "build:headers": "hugo --renderSegments headers -d prebuild && cpy prebuild/server.toml config/_default/ --flat",
+    "build:headers": "hugo --renderSegments headers -d prebuild-headers -e headers && cpy prebuild-headers/netlify.toml ./ --flat && cpy prebuild-headers/server.toml config/_default/ --flat",
     "build:example:headers": "hugo -s exampleSite --renderSegments headers -d prebuild && cpy exampleSite/prebuild/netlify.toml ./ --flat && cpy exampleSite/prebuild/server.toml exampleSite/config/_default/ --flat",
     "build:preview": "npm run build -D -F",
     "clean:public": "rimraf public exampleSite/public",
@@ -44,6 +45,7 @@
     "test": "npm run -s lint",
     "env": "hugo env",
     "precheck": "npm version",
+    "prepare": "node .husky/install.mjs",
     "check": "hugo version",
     "create:syntax": "npm-run-all update:syntax:**",
     "update:syntax:light1": "hugo gen chromastyles --style=github > ./assets/scss/components/_syntax-light.scss",
@@ -77,9 +79,16 @@
     "purgecss-whitelister": "^2.4.0"
   },
   "devDependencies": {
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
     "@gethinode/netlify-plugin-dartsass": "^0.3.0",
+    "@semantic-release/exec": "^7.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "commitizen": "^4.3.1",
     "cpy-cli": "^5.0.0",
-    "eslint": "^9.29.0",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^9.30.0",
+    "husky": "^9.1.7",
     "markdownlint-cli2": "^0.18.1",
     "neostandard": "^0.12.1",
     "netlify-plugin-hugo-cache-resources": "^0.2.1",
@@ -87,6 +96,7 @@
     "postcss-cli": "^11.0.1",
     "replace-in-files-cli": "^3.0.0",
     "rimraf": "^6.0.1",
+    "semantic-release": "^24.2.6",
     "shx": "^0.4.0",
     "stylelint": "^16.21.0",
     "stylelint-config-standard-scss": "^15.0.1"
@@ -98,5 +108,35 @@
   },
   "hugo-bin": {
     "buildTags": "extended"
+  },
+  "release": {
+    "branches": "main",
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/github",
+      [
+        "@semantic-release/exec",
+        {
+          "prepare": "npm install"
+        }
+      ],
+      [
+        "@semantic-release/git",
+        {
+          "assets": [
+            "dist",
+            "package.json",
+            "package-lock.json"
+          ],
+          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
+        }
+      ]
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   }
 }