Merge pull request #1158 from gethinode/develop

Fix deprecation warnings
Merge branch 'main' into develop
2025-10-10 19:43:11 +00:00 · 2024-09-04 14:43:06 +02:00 · 2024-09-04 14:36:00 +02:00 · 2024-09-04 14:35:21 +02:00 · 2024-09-04 14:35:16 +02:00 · 2024-09-04 14:25:44 +02:00
33 changed files with 1145 additions and 429 deletions
--- a/assets/js/video.js
+++ b/assets/js/video.js
@@ -0,0 +1,3 @@
+document.querySelectorAll('[data-video-padding]').forEach(element => {
+  element.style.paddingBottom = element.getAttribute('data-video-padding')
+})
--- a/assets/scss/components/_card.scss
+++ b/assets/scss/components/_card.scss
@@ -5,11 +5,21 @@
    background-color: var(--#{$prefix}secondary-bg);
 }

-.card-img-wrap {
+.card .card-img-wrap {
    overflow: hidden;
    position: relative;
 }

+.card .card-img-wrap:has(.card-img-top) {
+  border-top-left-radius: var(--#{$prefix}card-inner-border-radius);
+  border-top-right-radius: var(--#{$prefix}card-inner-border-radius);
+}
+
+.card .card-img-wrap:has(.card-img-bottom) {
+  border-bottom-right-radius: var(--#{$prefix}card-inner-border-radius);
+  border-bottom-left-radius: var(--#{$prefix}card-inner-border-radius);
+}
+
 .card-zoom {
    cursor: pointer;
 }
--- a/assets/scss/components/_video.scss
+++ b/assets/scss/components/_video.scss
@@ -1,11 +1,11 @@
-.youtube-embedded {
+.video-embedded {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
 }

-.youtube-embedded > iframe {
+.video-embedded > iframe {
    position: absolute;
    top: 0;
    left: 0;
--- a/config/_default/hugo.toml
+++ b/config/_default/hugo.toml
@@ -1,7 +1,6 @@
 # toml-docs-start main
 title = "Hinode"
 copyright = "Copyright © 2024 Mark Dumay."
-paginate = 9
 enableGitInfo = true
 # toml-docs-end main

@@ -49,6 +48,9 @@ home = ["HTML", "RSS", "REDIR"]
 [taxonomies]
  tag = 'tags'

+[pagination]
+  pagerSize = 9
+
 [privacy]
  [privacy.vimeo]
    disabled = false
@@ -95,7 +97,7 @@ home = ["HTML", "RSS", "REDIR"]
 [module]
  [module.hugoVersion]
    extended = true
-    min = "0.132.0"
+    min = "0.134.0"
    max = ""
  [[module.mounts]]
    source = "archetypes"
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -27,6 +27,18 @@
        host = "imgix"
 # toml-docs-end images

+# toml-docs-start videos
+[videos]
+    [videos.cloudinary]
+        host = "cloudinary"
+        account = "demo"
+    [videos.vimeo]
+        host = "vimeo"
+    [videos.youtube]
+        host = "youtube"
+# toml-docs-end videos
+
+
 # toml-docs-start debugging
 [debugging]
    showJS = false
--- a/config/_default/server.toml
+++ b/config/_default/server.toml
@@ -14,7 +14,7 @@ for = '/**'
        connect-src 'self'
            https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com; \
        font-src 'self' https://fonts.gstatic.com; \
-        frame-src 'self' https://www.youtube-nocookie.com https://www.youtube.com; \
+        frame-src 'self' https://player.cloudinary.com https://player.vimeo.com https://www.youtube-nocookie.com https://www.youtube.com; \
        img-src 'self' data: https://*.imgix.net https://*.imagekit.io https://*.cloudinary.com https://i.vimeocdn.com https://i.ytimg.com https://*.google-analytics.com https://*.googletagmanager.com https://tile.openstreetmap.org; \
        manifest-src 'self'; \
        media-src 'self' \
@@ -29,7 +29,6 @@ for = '/**'
        camera=(), \
        magnetometer=(), \
        gyroscope=(), \
-        fullscreen=(), \
        payment=() \
        """
    cache-control = """\
--- a/data/structures/image.yml
+++ b/data/structures/image.yml
@@ -112,7 +112,8 @@ arguments:
  title:
    type:
      - string
-      - 'hstring.RenderedString'
+      - hstring.RenderedString
+      - hstring.HTML
    optional: true
    comment: Alternate text of the image.
  caption:
--- a/data/structures/link.yml
+++ b/data/structures/link.yml
@@ -72,6 +72,7 @@ arguments:
      - string
      - template.HTML
      - hstring.RenderedString
+      - hstring.HTML
    optional: true
    group: partial
    comment: Link description.
--- a/data/structures/video.yml
+++ b/data/structures/video.yml
@@ -0,0 +1,90 @@
+comment: >-
+  Embeds a responsive video player for supported video providers. The video is
+  embedded in a responsive frame.
+arguments:
+  page:
+    type:
+      - '*hugolib.pageState'
+      - '*hugolib.pageForShortcode'
+    optional: false
+    group: partial
+    release: v0.26.5
+    comment: Context of the current page.
+  position:
+    type:
+      - 'text.Position'
+    optional: true
+    group: partial
+    release: v0.26.5
+    comment: Filename and position from which the shortcode was called.
+  host:
+    type: string
+    optional: true
+    default: youtube
+    release: v0.26.5
+    comment: >-
+      Host name of the video provider. It should match one of the registered
+      providers in the site's parameters under `videos`.
+  title:
+    type: string
+    optional: true
+    comment: >-
+      Title of the video. You can also set `autotitle` to retrieve the title
+      programmatically at build time, if supported by the provider.
+  class:
+    type: string
+    optional: true
+    position: 1
+    comment: >-
+      Class attribute of the video wrapper element.
+  id:
+    type: string
+    optional: false
+    position: 0
+    comment: Public ID of the video to be embedded.
+  account:
+    type: string
+    optional: true
+    comment: >-
+      Account name of the video asset, required by some digital asset managers.
+      You can also set the default account name in the site's parameters.
+    release: v0.26.5
+  autoplay:
+    type: bool
+    optional: true
+    default: false
+    comment: >-
+      Flag indicating the video should start playing immediately when loaded, if
+      supported by the browser. The audio will be muted.
+  autotitle:
+    type: bool
+    optional: true
+    default: false
+    release: v0.25.2
+    comment: >-
+      Trigger to retrieve the title from the video metadata, if supported by the
+      provider.
+  ratio:
+    type: select
+    optional: true
+    comment: >-
+      Ratio of the video. If set, determines the padding of the embedded video
+      frame. When not specified, the video dimensions used to calculate the
+      padding are retrieved programmatically.
+    options:
+      values:
+        - 1x1
+        - 3x2
+        - 4x3
+        - 16x9
+        - 21x9
+    release: v0.26.5
+  portrait:
+    type: bool
+    optional: true
+    default: false
+    comment: >-
+      Flag to adjust the ratio from landscape to portrait. The image itself is
+      not rotated, only the crop area is adjusted. Not applicable to vector
+      graphics.
+    release: v0.26.5
--- a/data/structures/youtube.yml
+++ b/data/structures/youtube.yml
@@ -1,35 +0,0 @@
-comment: >-
-  Embeds a responsive video player for YouTube videos. Only the ID of the video
-  is required. In privacy-enhanced mode, YouTube will not store information
-  about visitors on your website unless the user plays the embedded video.
-arguments:
-  title:
-    type: string
-    optional: true
-    comment: >-
-      Title of the video.
-  class:
-    type: string
-    optional: true
-    position: 1
-    comment: >-
-      Class attribute of the video wrapper element.
-  id:
-    type: string
-    optional: false
-    position: 0
-    comment: Identifier of the video to be embedded.
-  autoplay:
-    type: bool
-    optional: true
-    default: false
-    comment: >-
-      Flag indicating the video should start playing immediately when loaded, if
-      supported by the browser. The audio will be muted.
-  autotitle:
-    type: bool
-    optional: true
-    default: false
-    release: v0.25.2
-    comment: >-
-      Trigger to retrieve the title from the video metadata.
--- a/exampleSite/config/_default/hugo.toml
+++ b/exampleSite/config/_default/hugo.toml
@@ -1,7 +1,6 @@
 resourcedir = '../resources/'
 title = "Hinode"
 copyright = "Copyright © 2024 Mark Dumay."
-paginate = 9
 enableGitInfo = true

 # additional settings
@@ -39,6 +38,9 @@ home = ["HTML", "RSS", "REDIR"]
 [taxonomies]
  tag = 'tags'

+[pagination]
+  pagerSize = 9
+
 [privacy]
  [privacy.vimeo]
    disabled = false
--- a/exampleSite/config/_default/server.toml
+++ b/exampleSite/config/_default/server.toml
@@ -14,7 +14,7 @@ for = '/**'
        connect-src 'self'
            https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com; \
        font-src 'self' https://fonts.gstatic.com; \
-        frame-src 'self' https://www.youtube-nocookie.com https://www.youtube.com; \
+        frame-src 'self' https://player.cloudinary.com https://player.vimeo.com https://www.youtube-nocookie.com https://www.youtube.com; \
        img-src 'self' data: https://*.imgix.net https://*.imagekit.io https://*.cloudinary.com https://i.vimeocdn.com https://i.ytimg.com https://*.google-analytics.com https://*.googletagmanager.com https://tile.openstreetmap.org; \
        manifest-src 'self'; \
        media-src 'self' \
@@ -29,7 +29,6 @@ for = '/**'
        camera=(), \
        magnetometer=(), \
        gyroscope=(), \
-        fullscreen=(), \
        payment=() \
        """
    cache-control = """\
--- a/exampleSite/content/en/blog/bootstrap-elements.md
+++ b/exampleSite/content/en/blog/bootstrap-elements.md
@@ -474,6 +474,26 @@ As an example, the following shortcode displays a tooltip for a colored hyperlin
 {{< /example >}}
 <!-- markdownlint-enable MD037 -->

+## Video
+
+As an example, the following shortcode displays an Elephants video hosted by Cloudinary.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* video host="cloudinary" account="demo" id="elephants" autoplay=true */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
+## Vimeo
+
+As an example, the following shortcode displays a Vimeo video.
+
+<!-- markdownlint-disable MD037 -->
+{{< example lang="hugo" >}}
+{{</* vimeo id="55073825" autoplay=true autotitle=true */>}}
+{{< /example >}}
+<!-- markdownlint-enable MD037 -->
+
 ## Youtube

 As an example, the following shortcode displays a Hugo quickstart guide.
--- a/exampleSite/hugo_stats.json
+++ b/exampleSite/hugo_stats.json
@@ -237,6 +237,7 @@
      "fade",
      "fas",
      "figure-caption",
+      "fixed-top",
      "flex-column",
      "flex-fill",
      "flex-grow-1",
@@ -311,6 +312,7 @@
      "mt-4",
      "mt-5",
      "mt-auto",
+      "mt-md-0",
      "multi-docs-collapse-15",
      "multi-file-collapse-1",
      "mx-auto",
@@ -332,10 +334,10 @@
      "navbar-container",
      "navbar-contrast",
      "navbar-expand-md",
+      "navbar-fixed-top",
      "navbar-mode-selector",
      "navbar-nav",
      "navbar-nav-scroll",
-      "navbar-overlay",
      "navbar-title",
      "navbar-toggler",
      "next",
@@ -471,11 +473,11 @@
      "top-bar",
      "translate-middle",
      "translate-middle-y",
+      "video-embedded",
      "visually-hidden",
      "vr",
      "w-100",
-      "w-50",
-      "youtube-embedded"
+      "w-50"
    ],
    "ids": [
      "TableOfContents",
@@ -607,6 +609,8 @@
      "toast-message-email-4",
      "toc-collapse",
      "tooltip",
+      "video",
+      "vimeo",
      "youtube"
    ]
  }
--- a/go.mod
+++ b/go.mod
@@ -9,9 +9,9 @@ require (
 	github.com/gethinode/mod-fontawesome v1.10.0 // indirect
 	github.com/gethinode/mod-katex v1.1.2 // indirect
 	github.com/gethinode/mod-leaflet v1.1.1 // indirect
-	github.com/gethinode/mod-lottie v1.5.6 // indirect
-	github.com/gethinode/mod-simple-datatables v1.0.7 // indirect
-	github.com/gethinode/mod-utils/v2 v2.4.0 // indirect
+	github.com/gethinode/mod-lottie v1.5.7 // indirect
+	github.com/gethinode/mod-simple-datatables v1.0.8 // indirect
+	github.com/gethinode/mod-utils/v2 v2.5.2 // indirect
 	github.com/nextapps-de/flexsearch v0.0.0-20240501124520-961c3ae84a87 // indirect
 	github.com/twbs/bootstrap v5.3.3+incompatible // indirect
 )
--- a/go.sum
+++ b/go.sum
@@ -202,6 +202,8 @@ github.com/gethinode/mod-lottie v1.5.5 h1:uEJKsz+ovsZtbGkMhPONcIhtG6M3RjYiK+iVoS
 github.com/gethinode/mod-lottie v1.5.5/go.mod h1:VTvBxD8VokICwnEqM0VUZFZHBYxLf4/grDFQyEh1DL0=
 github.com/gethinode/mod-lottie v1.5.6 h1:dxz5nmD0XXEt/DAOc1s5fIPynj5bhzDL32EEwLFCSmk=
 github.com/gethinode/mod-lottie v1.5.6/go.mod h1:VTvBxD8VokICwnEqM0VUZFZHBYxLf4/grDFQyEh1DL0=
+github.com/gethinode/mod-lottie v1.5.7 h1:hcf04kmKv7xrI2byxtgHwkScYIHfP9aquInHNZP+qbk=
+github.com/gethinode/mod-lottie v1.5.7/go.mod h1:rhWg+MSSnWmqHKNEViE/9/78RjQD6uWWFASgjvFjgyo=
 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=
@@ -214,6 +216,8 @@ github.com/gethinode/mod-simple-datatables v1.0.6 h1:voKiwLAfC7kfD+atv7ah0sOf8Oc
 github.com/gethinode/mod-simple-datatables v1.0.6/go.mod h1:Y7AzIYAWpzDKLvH96eqBA/Gs3jompWCgxadLuoKZ/rc=
 github.com/gethinode/mod-simple-datatables v1.0.7 h1:pfxWhgmn/njJcynNIDnUyeOBW0tsy2E4TP21sEYsqRs=
 github.com/gethinode/mod-simple-datatables v1.0.7/go.mod h1:Y7AzIYAWpzDKLvH96eqBA/Gs3jompWCgxadLuoKZ/rc=
+github.com/gethinode/mod-simple-datatables v1.0.8 h1:J8hA+SXdTLaRNZwN70ZEyADn+VgNoAaxVDMXsMPTZBg=
+github.com/gethinode/mod-simple-datatables v1.0.8/go.mod h1:RsTHWAt1J9/m7kzhYNSJB7CDyk+8DrG+46/aFrP6KJw=
 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=
@@ -262,6 +266,10 @@ github.com/gethinode/mod-utils/v2 v2.3.10 h1:+coUXdgAbLEE8Tvb3Rfk/1Nr6oDVreXI2si
 github.com/gethinode/mod-utils/v2 v2.3.10/go.mod h1:GTYeknoLujNjfDxI+V9Dcug26CYJSTJ0B/U2dagw9oY=
 github.com/gethinode/mod-utils/v2 v2.4.0 h1:mmG4hWaeA4krAg933pibH+TrjFmPHkAi/DUbe3SM38I=
 github.com/gethinode/mod-utils/v2 v2.4.0/go.mod h1:GTYeknoLujNjfDxI+V9Dcug26CYJSTJ0B/U2dagw9oY=
+github.com/gethinode/mod-utils/v2 v2.5.0 h1:9QboNU9KTpmJDS9JBjxavbknLVBJilocqo5KhC2FdME=
+github.com/gethinode/mod-utils/v2 v2.5.0/go.mod h1:GTYeknoLujNjfDxI+V9Dcug26CYJSTJ0B/U2dagw9oY=
+github.com/gethinode/mod-utils/v2 v2.5.2 h1:URGTpJo0dN4/oF2yL6o2d2pkcSlG1F0hgIF9UqpIs/E=
+github.com/gethinode/mod-utils/v2 v2.5.2/go.mod h1:GTYeknoLujNjfDxI+V9Dcug26CYJSTJ0B/U2dagw9oY=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3 h1:H/qVR5O4BXjRjD+5PZB+r4ug2BSJ2Of4RtwOntd+OKo=
 github.com/nextapps-de/flexsearch v0.0.0-20230711092928-1243fd883ec3/go.mod h1:5GdMfPAXzbA2gXBqTjC6l27kioSYzHlqDMh0+wyx7sU=
 github.com/nextapps-de/flexsearch v0.0.0-20240108021025-afd75f742f22 h1:re7L8FxbXQpnX8BgzkdUnDpsUmloGNyLmiy2ZCln8pg=
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -2,11 +2,16 @@
  "htmlElements": {
    "tags": [
      "a",
+      "blockquote",
      "body",
      "button",
+      "code",
      "div",
+      "em",
      "footer",
      "form",
+      "h2",
+      "h3",
      "head",
      "html",
      "img",
@@ -16,16 +21,24 @@
      "link",
      "meta",
      "nav",
+      "noscript",
      "ol",
      "p",
      "path",
+      "pre",
      "script",
      "small",
      "span",
      "strong",
      "svg",
      "symbol",
+      "table",
+      "tbody",
+      "td",
+      "th",
+      "thead",
      "title",
+      "tr",
      "ul",
      "use"
    ],
@@ -34,21 +47,44 @@
      "align-items-center",
      "align-self-center",
      "align-self-end",
+      "anchor",
      "ball",
      "bg-body",
+      "bg-body-tertiary",
      "bg-opacity-10",
      "bg-primary",
+      "blockquote-alert",
+      "blockquote-alert-heading",
+      "blockquote-alert-important",
+      "border",
+      "border-0",
+      "border-bottom",
+      "border-none",
+      "border-primary",
+      "border-top",
      "bottom-0",
      "bottom-bar",
      "breadcrumb",
      "breadcrumb-item",
      "btn",
      "btn-close",
+      "btn-outline-primary",
+      "btn-outline-secondary",
      "btn-primary",
+      "btn-social",
+      "card",
+      "card-body",
+      "card-body-link",
+      "card-text",
+      "card-title",
+      "card-zoom",
      "checkbox",
+      "chroma",
      "col",
      "col-12",
      "col-6",
+      "col-lg-2",
+      "col-lg-8",
      "col-md-2",
      "col-md-3",
      "col-md-4",
@@ -59,10 +95,15 @@
      "collapsed",
      "container-fluid",
      "container-xxl",
+      "d-block",
      "d-flex",
+      "d-grid",
      "d-inline",
+      "d-lg-block",
      "d-md-block",
+      "d-md-none",
      "d-none",
+      "data-table",
      "display-1",
      "display-4",
      "emphasis",
@@ -72,37 +113,60 @@
      "fa-2x",
      "fa-book-open",
      "fa-ellipsis",
+      "fa-exclamation",
      "fa-face-frown",
+      "fa-facebook",
      "fa-fw",
      "fa-github",
+      "fa-link",
      "fa-linkedin",
      "fa-medium",
      "fa-moon",
+      "fa-share-nodes",
+      "fa-sort",
      "fa-sun",
+      "fa-whatsapp",
+      "fa-x-twitter",
      "fab",
      "fas",
      "fixed-top",
      "flex-column",
      "flex-fill",
+      "font-monospace",
      "footer",
      "form-control",
      "fs-3",
      "fs-5",
+      "fs-6",
+      "fs-lg-5",
      "fw-30",
      "fw-bold",
+      "fw-semibold",
+      "g-4",
+      "gap-1",
+      "gap-2",
+      "h-100",
+      "h6",
+      "heading",
+      "highlight",
      "hstack",
      "img-fluid",
      "img-wrap",
      "invisible",
      "is-search",
+      "justify-content-between",
      "justify-content-center",
      "justify-content-end",
      "justify-content-start",
      "label",
+      "lead",
      "link-bg-footer",
      "link-secondary",
      "main-content",
      "main-nav-toggler",
+      "mb-3",
+      "mb-5",
+      "mb-lg-5",
      "me-auto",
      "middle-bar",
      "min-vh-100",
@@ -110,10 +174,14 @@
      "ms-auto",
      "ms-md-3",
      "mt-3",
+      "mt-4",
      "mt-5",
+      "mt-md-0",
      "mx-auto",
      "mx-md-0",
+      "my-2",
      "my-auto",
+      "my-md-0",
      "my-md-auto",
      "nav-item",
      "nav-link",
@@ -125,6 +193,7 @@
      "navbar-fixed-top",
      "navbar-mode-selector",
      "navbar-nav",
+      "navbar-nav-scroll",
      "navbar-toggler",
      "no-js",
      "order-0",
@@ -132,58 +201,124 @@
      "order-md-0",
      "order-md-1",
      "p-0",
+      "p-1",
      "p-2",
      "p-3",
      "p-4",
+      "pb-2",
+      "pb-3",
      "pb-4",
+      "pb-5",
      "pb-md-0",
+      "pe-3",
      "position-fixed",
      "position-relative",
      "ps-1",
-      "pt-4",
+      "ps-3",
      "pt-5",
      "pt-md-3",
      "px-4",
      "px-xxl-0",
+      "py-1",
      "py-3",
      "rounded",
+      "rounded-2",
+      "rounded-bottom",
+      "rounded-top",
      "row",
      "row-cols-1",
      "row-cols-2",
+      "row-cols-lg-3",
      "row-cols-md-2",
+      "row-cols-md-3",
+      "row-cols-sm-2",
      "row-cols-sm-3",
      "search",
      "search-input",
      "search-suggestions",
      "shadow",
+      "sidebar-overflow",
+      "sticky-top",
+      "stretched-link",
      "svg-inline--fa",
+      "syntax-highlight",
+      "table",
+      "table-bordered",
+      "table-borderless",
+      "table-hover",
+      "table-responsive",
+      "table-responsive-lg",
+      "table-responsive-md",
+      "table-responsive-sm",
+      "table-responsive-xl",
+      "table-responsive-xxl",
+      "table-sm",
+      "table-striped",
+      "table-striped-columns",
+      "table-success",
+      "text-body",
+      "text-body-secondary",
      "text-center",
      "text-decoration-none",
+      "text-end",
      "text-muted",
      "text-secondary",
      "text-sm-start",
      "text-start",
+      "text-uppercase",
      "toast",
      "toast-body",
      "toast-container",
      "toast-header",
+      "toc",
+      "toc-button",
+      "toc-panel",
+      "toc-sidebar",
      "toggler-icon",
      "top-bar"
    ],
    "ids": [
+      "TableOfContents",
+      "accented-tables",
+      "aligned-cells-and-headers",
+      "always-responsive",
+      "basic-tables",
+      "blogs",
+      "bordered-tables",
+      "breakpoint-specific",
+      "btn-webshare",
+      "colored-tables",
+      "data-tables",
+      "default-alignment",
      "fa-face-frown",
+      "fab-facebook",
      "fab-github",
      "fab-linkedin",
      "fab-medium",
+      "fab-whatsapp",
+      "fab-x-twitter",
      "fas-book-open",
      "fas-ellipsis",
+      "fas-exclamation",
+      "fas-link",
      "fas-moon",
+      "fas-share-nodes",
+      "fas-sort",
      "fas-sun",
+      "hoverable-rows",
      "navbar-0-collapse",
      "navbar-mode",
      "navbar-mode-checkbox",
+      "responsive-tables",
+      "small-tables",
+      "striped-columns",
+      "striped-rows",
+      "table-borders",
+      "tables-without-borders",
      "toast-container",
-      "toast-copied-code-message"
+      "toast-copied-code-message",
+      "toast-message-email-4",
+      "toc-collapse"
    ]
  }
 }
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -126,6 +126,32 @@

 # Comments
 - id: show
-  translation: "Zeige"
+  translation: "Anzeigen"
 - id: comments
  translation: "Kommentare"
+
+# Arguments
+- id: name
+  translation: "Name"
+- id: type
+  translation: "Typ"
+- id: required
+  translation: "Erforderlich"
+- id: default
+  translation: "Standard"
+- id: comment
+  translation: "Kommentar"
+- id: supportedValues
+  translation: "Unterstützte Werte"
+
+# Alerts
+- id: caution
+  translation: Vorsicht
+- id: important
+  translation: Wichtig
+- id: note
+  translation: Hinweis
+- id: tip
+  translation: Tipp
+- id: warning
+  translation: Warnung
--- a/layouts/_default/_markup/render-table.html
+++ b/layouts/_default/_markup/render-table.html
@@ -0,0 +1,40 @@
+{{/* Adapted from https://gohugo.io/render-hooks/tables/ */}}
+
+<!-- Ensure presence of `.table` class attribute to trigger Bootstrap styling -->
+{{ $attr := .Attributes }}
+{{ $class := split $attr.class " " }}
+{{ if not (in $class "table") }}
+    {{ $attr = merge $attr (dict "class" (trim (delimit ($class | append "table") " ") " ")) }}
+{{ end }}
+
+{{ $align := dict "left" "start" "center" "center" "right" "end" }}
+
+<table
+  {{- range $k, $v := $attr }}
+    {{- if $v }}
+      {{- printf " %s=%q" $k $v | safeHTMLAttr }}
+    {{- end }}
+  {{- end }}>
+  <thead>
+    {{- range .THead }}
+      <tr>
+        {{- range . }}
+          <th {{ with .Alignment }}class="text-{{ index $align . }}"{{ end }}>
+            {{- .Text -}}
+          </th>
+        {{- end }}
+      </tr>
+    {{- end }}
+  </thead>
+  <tbody>
+    {{- range .TBody }}
+      <tr>
+        {{- range . }}
+          <td {{ with .Alignment }}class="text-{{ index $align . }}"{{ end }}>
+            {{- .Text -}}
+          </td>
+        {{- end }}
+      </tr>
+    {{- end }}
+  </tbody>
+</table>
--- a/layouts/partials/assets/card-group.html
+++ b/layouts/partials/assets/card-group.html
@@ -51,7 +51,7 @@
    {{ else }}
        {{ $paginator = $page.Paginate $pages }}
    {{ end }}
-    {{ $pages = first $paginator.PageSize (after (mul (sub $paginator.PageNumber 1) $paginator.PageSize) $pages) }}
+    {{ $pages = first $paginator.PagerSize (after (mul (sub $paginator.PageNumber 1) $paginator.PagerSize) $pages) }}
 {{ end }}

 {{ $cardWrapper := "" }}
--- a/layouts/partials/assets/card.html
+++ b/layouts/partials/assets/card.html
@@ -194,7 +194,7 @@
                        {{- partial "card-body.html" (dict "title" $title "href" $href "color" $color "description" $description "button" $button) -}}
                    </div>
                    {{ if $page }}<div>{{ partial "card-caption.html" (dict "page" $page "keywords" $footer "color" $color) }}</div>{{ end }}
-                    {{ if $button }}
+                    {{ if and $href $button }}
                        {{ $label := (or $buttonLabel $title) | default (T "readMore") }}
                        {{ $buttonClass := "card-button mb-n4" }}
                        {{ if eq $buttonType "link" }}{{ $buttonClass = "card-button card-button-link mb-n4" }}{{ end }}
--- a/layouts/partials/assets/navbar.html
+++ b/layouts/partials/assets/navbar.html
@@ -107,7 +107,7 @@
    {{- $enableVersions = gt (len $list ) 1 -}}
 {{ end }}

-{{- $enableLanguage := or $page.IsTranslated site.IsMultiLingual -}}
+{{- $enableLanguage := or $page.IsTranslated hugo.IsMultilingual -}}
 {{- $horizontal := default false site.Params.navigation.horizontal -}}

 {{- $logo := .logo | default site.Params.navigation.logo -}}
@@ -222,7 +222,9 @@
    
            <div class="navbar-collapse collapse" id="{{ $id }}-collapse">
                <!-- Insert search input -->
-                {{- if and $search (not $searchModal)  }}{{ partial "assets/search-input.html" }}{{ end -}}
+                {{- if and $search (not $searchModal) }}
+                    {{ partial "assets/search-input.html" (dict "class" (printf "mt-4 mt-%s-0" $size)) }}
+                {{ end -}}
                
                <!-- Render top-menu items (maximum depth of 2) -->
                <ul class="navbar-nav {{ if $flex }}d-flex w-100{{ else }}ms-auto{{ end }}">
--- a/layouts/partials/assets/table.html
+++ b/layouts/partials/assets/table.html
@@ -24,19 +24,17 @@
 {{- $class := delimit $main " " -}}
 {{ if or $sortable $paging $searchable }}{{ $class = trim (printf "%s data-table" $class) " " }}{{ end }}
 {{- $input := $input | $page.RenderString }}
-{{- $input = replace $input "style=\"text-align:left\"" "class=\"text-start\"" -}}
-{{- $input = replace $input "style=\"text-align:center\"" "class=\"text-center\"" -}}
-{{- $input = replace $input "style=\"text-align:right\"" "class=\"text-end\"" -}}
+{{ $regex := `<table\s*class="(.+?)"` }}
+{{ $current := (index (index (findRESubmatch $regex $input) 0) 1) }}
+{{ $target := delimit (((split $current " ") | append "table" | append $class) | uniq) " " }}

 {{ $attributes := "" }}
 {{ if $sortable }}{{ $attributes = printf "%s data-table-sortable=true" $attributes }}{{ end }}
 {{ if $paging }}{{ $attributes = printf "%s data-table-paging=true" $attributes }}{{ end }}
 {{ if $searchable }}{{ $attributes = printf "%s data-table-searchable=true" $attributes }}{{ end }}

-{{- $old := "<table>" -}}
-{{- $new := printf "<table class=\"table %s\" %s>" $class (trim $attributes " ") -}}
-
-{{ $input := replace $input $old $new -}}
+{{- $new := printf `<table class="%s" %s` $target (trim $attributes " ") -}}
+{{ $input := replaceRE $regex $new $input 1 -}}
 {{- with $responsive }}<div class="{{ delimit . " " }}">{{ end -}}
 {{ $input | safeHTML }}
 {{- with $responsive }}</div>{{ end -}}
--- a/layouts/partials/assets/video.html
+++ b/layouts/partials/assets/video.html
@@ -0,0 +1,149 @@
+<!-- 
+    Copyright © 2024 The Hinode Team / Mark Dumay. All rights reserved.
+    Use of this source code is governed by The MIT License (MIT) that can be found in the LICENSE file.
+    Visit gethinode.com/license for more details.
+
+    This source code adapts the original embedded shortcode as maintained by the Hugo repository. It introduces the
+    following modifications:
+     - Isolated the styles to comply with the Content Security Policy
+     - Added validation of shortcode arguments
+     - Added support to retrieve the title from the video metadata
+     - Adjusted autoplay configuration
+     - Modified the layout
+    
+    The original source code is available on:
+    https://github.com/gohugoio/hugo/tpl/tplimpl/embedded/templates/shortcodes/youtube.html
+    https://github.com/gohugoio/hugo/tpl/tplimpl/embedded/templates/shortcodes/vimeo.html
+    Copyright 2022 The Hugo Authors. Licensed under the Apache License, Version 2.0.
+-->
+
+{{ $error := false }}
+
+<!-- Validate arguments -->
+{{ if partial "utilities/IsInvalidArgs.html" (dict "structure" "video" "args" . "group" "partial") }}
+    {{- errorf "partial [assets/video.html] - Invalid arguments" -}}
+    {{ $error = true }}
+{{ end }}
+
+<!-- Initialize arguments -->
+{{- $page := .page -}}
+{{- $position := .position -}}
+{{- $host := .host -}}
+{{- $title := .title -}}
+{{- $class := .class -}}
+{{- $account := .account -}}
+{{- $id := .id -}}
+{{- $autoplay := .autoplay -}}
+{{- $autotitle := .autotitle -}}
+{{- $ratio := .ratio -}}
+{{- $pc := "" -}}
+{{- if eq $host "youtube" }}
+    {{- $pc = $page.Site.Config.Privacy.YouTube -}}
+{{- else if eq $host "vimeo" }}
+    {{- $pc = $page.Site.Config.Privacy.Vimeo -}}
+{{- end -}}
+
+{{ if and (eq $host "youtube") ($pc.Disable) }}
+    {{- errorf "partial [assets/video.html] - YouTube video disabled in site's privacy settings" -}}
+    {{ $error = true }}
+{{ else if and (eq $host "vimeo") ($pc.Disable) }}
+    {{- errorf "partial [assets/video.html] - Vimeo video disabled in site's privacy settings" -}}
+    {{ $error = true }}
+{{ end }}
+
+{{ if not $account }}
+    {{ with index $page.Site.Params.videos $host }}
+        {{ with index . "account" }}{{ $account = . }}{{ end }}
+    {{ end }}
+{{ end }}
+
+{{ $origin := $position }}
+{{ if not $origin }}{{ with $page.File }}{{ $origin = .Path}}{{ end }}{{ end }}
+
+<!-- Main code -->
+{{ if not $error -}}
+    {{ if eq $host "youtube" }}
+        {{- $host := cond $pc.PrivacyEnhanced  "www.youtube-nocookie.com" "www.youtube.com" -}}
+        {{ $url := printf "https://%s/embed/%s?origin=%s" $host $id $page.Site.BaseURL }}
+        {{ $api := printf "https://www.youtube.com/oembed?format=json&url=%s" (printf "https://www.youtube.com/watch?v=%s" $id) }}
+        {{ $padding := "56.25%" }}
+
+        {{ with resources.GetRemote $api }}
+            {{ with .Err }}
+                {{ errorf "Unable to parse video metadata '%q': %s\n  %s" $api $origin . }}
+            {{ else }}
+                {{ $data := . | transform.Unmarshal }}
+                {{ if $autotitle }}{{ with $data.title }}{{ $title = . }}{{ end }}{{ end }}
+                {{ $padding = printf "%.2f%%" (mul (div $data.height $data.width) 100) }}
+            {{ end }}
+        {{ else }}
+            {{ errorf "Unable to get video metadata '%q': %s" $api $origin }}
+        {{ end }}
+
+        <div class="video-embedded {{ $class }}" data-video-padding="{{ $padding }}">
+            <iframe src="{{ $url }}{{ if $autoplay }}&autoplay=1&mute=1{{ end }}"
+                allowfullscreen title="{{ $title }}" {{ if $autoplay }}allow="autoplay"{{ end }}>
+            </iframe>
+        </div>
+    {{ else if eq $host "vimeo" }}
+        {{ $url := printf "https://player.vimeo.com/video/%s" $id }}
+        {{ $params := "" }}
+        {{ if $autoplay }}{{ $params = print $params "&autoplay=1&muted=1" }}{{ end }}
+        {{ if $pc.EnableDNT }}{{ $params = print $params "&dnt=1" }}{{ end }}
+        {{ $params = strings.TrimPrefix "&" $params }}
+        {{ with $params }}{{ $url = printf "%s?%s" $url . }}{{ end }}
+        {{ $padding := "56.25%" }}
+
+        {{- $dnt := cond $pc.EnableDNT 1 0 -}}
+        {{- $source := urls.JoinPath "https://vimeo.com" $id -}}
+        {{- $query := querify "url" $url "dnt" $dnt -}}
+        {{- $api := printf "https://vimeo.com/api/oembed.json?%s" $query -}}
+        {{- with resources.GetRemote $api -}}
+            {{ with .Err }}
+                {{ errorf "Unable to parse video metadata '%q': %s\n  %s" $api $origin . }}
+            {{ else }}
+                {{ $data := . | transform.Unmarshal }}
+                {{ if $autotitle }}{{ with $data.title }}{{ $title = . }}{{ end }}{{ end }}
+                {{ $padding = printf "%.2f%%" (mul (div $data.height $data.width) 100) }}
+            {{ end }}
+        {{- end -}}
+
+        <div class="video-embedded {{ $class }}" data-video-padding="{{ $padding }}">
+            <iframe src="{{ $url | safeHTMLAttr }}" title="{{ $title }}" webkitallowfullscreen mozallowfullscreen allowfullscreen>
+            </iframe>
+        </div>
+    {{ else if eq $host "cloudinary" }}
+        {{ if not $account }}
+            {{ errorf "Missing account name for Cloudinary video '%s': %s" $id $origin }}
+        {{ end }}
+
+        {{ $url := printf "https://player.cloudinary.com/embed/?cloud_name=%s&public_id=%s" $account $id }}
+        {{ $params := "&controls=true" }}
+        {{ if $autoplay }}{{ $params = print $params "&autoplay=true&muted=true" }}{{ end }}
+        {{ with $params }}{{ $url = print $url . }}{{ end }}
+        {{ $padding := "56.25%" }}
+
+        {{ $thumbnail := urls.JoinPath (path.Dir $id) (printf "%s.jpg" (path.BaseName $id)) }}
+        {{ $metadata := partial "assets/helpers/image-dimension.html" (dict 
+            "page" $page
+            "url" (printf "https://res.cloudinary.com/%s/video/upload/%s" $account $thumbnail)
+            "ratio" $ratio
+            "imageset" false
+        ) }}
+        {{ $height := index $metadata "height" }}
+        {{ $width := index $metadata "width" }}
+        {{ if and $height $width }}
+            {{ $padding := printf "%.2f%%" (mul (div (float $height) $width) 100) }}
+            {{ if not $title }}{{ $title = printf "Cloudinary video '%s'" (path.BaseName $id) }}{{ end }}
+
+            <div class="video-embedded {{ $class }}" data-video-padding="{{ $padding }}">
+                <iframe src="{{ $url | safeHTMLAttr }}" title="{{ $title }}" webkitallowfullscreen mozallowfullscreen allowfullscreen>
+                </iframe>
+            </div>
+        {{ else }}
+            {{ errorf "Cannot retrieve metadata of Cloudinary video '%s' with account '%s': %s" $id $account $origin }}
+        {{ end }}
+    {{ else }}
+        {{ warnf "partial [assets/video.html] - Unsupported video provider: %s" $host }}
+    {{ end }}
+{{ end -}}
--- a/layouts/partials/head/stylesheet.html
+++ b/layouts/partials/head/stylesheet.html
@@ -73,7 +73,7 @@
    {{ end }}
    {{- if site.Params.style.purge -}}
        {{- $post_options := dict "config" "config" "noMap" hugo.IsProduction -}}
-        {{- $css = $css | resources.PostCSS $post_options -}}
+        {{- $css = $css | css.PostCSS $post_options -}}
    {{- end -}}

    {{- if not hugo.IsProduction -}}
--- a/layouts/shortcodes/table.html
+++ b/layouts/shortcodes/table.html
@@ -30,20 +30,21 @@
 {{ end }}

 <!-- Main code -->
- {{ if or $sortable $paging $searchable }}{{ $class = trim (printf "%s data-table" $class) " " }}{{ end }}
+{{ if or $sortable $paging $searchable }}{{ $class = trim (printf "%s data-table" $class) " " }}{{ end }}
+
 {{- $input := .Inner | .Page.RenderString }}
-{{- $input = replace $input "style=\"text-align:left\"" "class=\"text-start\"" -}}
-{{- $input = replace $input "style=\"text-align:center\"" "class=\"text-center\"" -}}
-{{- $input = replace $input "style=\"text-align:right\"" "class=\"text-end\"" -}}
+{{ $regex := `<table\s*class="(.+?)"` }}
+{{ $current := (index (index (findRESubmatch $regex $input) 0) 1) }}
+{{ $target := delimit (((split $current " ") | append "table" | append $class) | uniq) " " }}

 {{ $attributes := "" }}
 {{ if $sortable }}{{ $attributes = printf "%s data-table-sortable=true" $attributes }}{{ end }}
 {{ if $paging }}{{ $attributes = printf "%s data-table-paging=true" $attributes }}{{ end }}
 {{ if $searchable }}{{ $attributes = printf "%s data-table-searchable=true" $attributes }}{{ end }}

-{{- $old := "<table>" -}}
-{{- $new := printf "<table class=\"table %s\" %s>" $class (trim $attributes " ") -}}
-{{ $input := replace $input $old $new -}}
+{{- $new := printf `<table class="%s" %s` $target (trim $attributes " ") -}}
+{{ $input := replaceRE $regex $new $input 1 -}}
+
 {{ if not $error }}
    {{ if eq $breakpoint "none" }}
        {{ $input | safeHTML }}
--- a/layouts/shortcodes/video.html
+++ b/layouts/shortcodes/video.html
@@ -0,0 +1,50 @@
+<!-- 
+    Copyright © 2024 The Hinode Team / Mark Dumay. All rights reserved.
+    Use of this source code is governed by The MIT License (MIT) that can be found in the LICENSE file.
+    Visit gethinode.com/license for more details.
+-->
+
+{{ $error := false }}
+
+<!-- Validate arguments -->
+{{ if partial "utilities/IsInvalidArgs.html" (dict "structure" "video" "args" .Params "group" "shortcode") }}
+    {{ errorf "Invalid arguments: %s" .Position -}}
+    {{ $error = true }}
+{{ end }}
+
+<!-- Initialize arguments -->
+{{- $host := "youtube" -}}
+{{- $account := "" -}}
+{{- $id := "" -}}
+{{- $class := "" -}}
+{{- $title := "" }}
+{{- $autoplay := false }}
+{{- $autotitle := false }}
+
+{{- if .IsNamedParams }}
+    {{ with .Get "host" }}{{ $host = . }}{{ end }}
+    {{ with .Get "account" }}{{ $account = . }}{{ end }}
+    {{ with .Get "id" }}{{ $id = . }}{{ end }}
+    {{ with .Get "class" }}{{ $class = . }}{{ end }}
+    {{ with .Get "title" }}{{ $title = . }}{{ end }}
+    {{ if isset .Params "autoplay" }}{{ $autoplay = partial "utilities/CastBool.html" (.Get "autoplay") }}{{ end -}}
+    {{ if isset .Params "autotitle" }}{{ $autotitle = partial "utilities/CastBool.html" (.Get "autotitle") }}{{ end -}}
+{{ else }}
+    {{- $id = .Get 0 -}}
+    {{- $class = .Get 1 -}}
+{{ end }}
+
+<!-- Main code -->
+{{ if not $error -}}
+    {{ partial "assets/video.html" (dict 
+        "page" .Page
+        "position" .Position
+        "account" $account
+        "host" $host 
+        "id" $id 
+        "class" $class 
+        "title" $title 
+        "autoplay" $autoplay
+        "autotitle" $autotitle
+    ) }}
+{{ end -}}
--- a/layouts/shortcodes/vimeo.html
+++ b/layouts/shortcodes/vimeo.html
@@ -0,0 +1,46 @@
+<!-- 
+    Copyright © 2024 The Hinode Team / Mark Dumay. All rights reserved.
+    Use of this source code is governed by The MIT License (MIT) that can be found in the LICENSE file.
+    Visit gethinode.com/license for more details.
+-->
+
+{{ $error := false }}
+
+<!-- Validate arguments -->
+{{ if partial "utilities/IsInvalidArgs.html" (dict "structure" "video" "args" .Params "group" "shortcode") }}
+    {{ errorf "Invalid arguments: %s" .Position -}}
+    {{ $error = true }}
+{{ end }}
+
+<!-- Initialize arguments -->
+{{- $host := "vimeo" -}}
+{{- $id := "" -}}
+{{- $class := "" -}}
+{{- $title := "Vimeo Video" }}
+{{- $autoplay := false }}
+{{- $autotitle := false }}
+
+{{- if .IsNamedParams }}
+    {{ with .Get "id" }}{{ $id = . }}{{ end }}
+    {{ with .Get "class" }}{{ $class = . }}{{ end }}
+    {{ with .Get "title" }}{{ $title = . }}{{ end }}
+    {{ if isset .Params "autoplay" }}{{ $autoplay = partial "utilities/CastBool.html" (.Get "autoplay") }}{{ end -}}
+    {{ if isset .Params "autotitle" }}{{ $autotitle = partial "utilities/CastBool.html" (.Get "autotitle") }}{{ end -}}
+{{ else }}
+    {{- $id = .Get 0 -}}
+    {{- $class = .Get 1 -}}
+{{ end }}
+
+<!-- Main code -->
+{{ if not $error -}}
+    {{ partial "assets/video.html" (dict 
+        "page" .Page
+        "position" .Position
+        "host" $host 
+        "id" $id 
+        "class" $class 
+        "title" $title 
+        "autoplay" $autoplay
+        "autotitle" $autotitle
+    ) }}
+{{ end -}}
--- a/layouts/shortcodes/youtube.html
+++ b/layouts/shortcodes/youtube.html
@@ -2,69 +2,45 @@
    Copyright © 2024 The Hinode Team / Mark Dumay. All rights reserved.
    Use of this source code is governed by The MIT License (MIT) that can be found in the LICENSE file.
    Visit gethinode.com/license for more details.
-
-    This source code adapts the original embedded shortcode as maintained by the Hugo repository. It introduces the
-    following modifications:
-     - Isolated the styles to comply with the Content Security Policy
-     - Added validation of shortcode arguments
-     - Added support to retrieve the title from the video metadata
-     - Adjusted autoplay configuration
-     - Modified the layout
-    
-    The original source code is available on:
-    https://github.com/gohugoio/hugo/tpl/tplimpl/embedded/templates/shortcodes/youtube.html
-    Copyright 2022 The Hugo Authors. Licensed under the Apache License, Version 2.0.
 -->

-{{- $pc := .Page.Site.Config.Privacy.YouTube -}}
-{{- if not $pc.Disable -}}
-    {{ $error := false }}
+{{ $error := false }}

-    <!-- Validate arguments -->
-    {{ if partial "utilities/IsInvalidArgs.html" (dict "structure" "youtube" "args" .Params) }}
+<!-- Validate arguments -->
+{{ if partial "utilities/IsInvalidArgs.html" (dict "structure" "video" "args" .Params "group" "shortcode") }}
    {{ errorf "Invalid arguments: %s" .Position -}}
    {{ $error = true }}
-    {{ end }}
+{{ end }}

-    <!-- Initialize arguments -->
-    {{- $id := "" -}}
-    {{- $class := "" -}}
-    {{- $title := "YouTube Video" }}
-    {{- $autoplay := false }}
-    {{- $autotitle := false }}
-    {{- $host := cond $pc.PrivacyEnhanced  "www.youtube-nocookie.com" "www.youtube.com" -}}
+<!-- Initialize arguments -->
+{{- $host := "youtube" -}}
+{{- $id := "" -}}
+{{- $class := "" -}}
+{{- $title := "YouTube Video" }}
+{{- $autoplay := false }}
+{{- $autotitle := false }}

-    {{- if .IsNamedParams }}
+{{- if .IsNamedParams }}
    {{ with .Get "id" }}{{ $id = . }}{{ end }}
    {{ with .Get "class" }}{{ $class = . }}{{ end }}
    {{ with .Get "title" }}{{ $title = . }}{{ end }}
    {{ if isset .Params "autoplay" }}{{ $autoplay = partial "utilities/CastBool.html" (.Get "autoplay") }}{{ end -}}
    {{ if isset .Params "autotitle" }}{{ $autotitle = partial "utilities/CastBool.html" (.Get "autotitle") }}{{ end -}}
-    {{ else }}
+{{ else }}
    {{- $id = .Get 0 -}}
    {{- $class = .Get 1 -}}
-    {{ end }}
+{{ end }}

-    {{ $url := printf "https://%s/embed/%s?origin=%s" $host $id .Site.BaseURL }}
-    {{ $api := printf "https://www.youtube.com/oembed?format=json&url=%s" (printf "https://www.youtube.com/watch?v=%s" $id) }}
-
-    {{ if $autotitle }}
-        {{ with resources.GetRemote $api }}
-            {{ with .Err }}
-                {{ errorf "Unable to parse video metadata '%q': %s\n  %s" $api .Position . }}
-            {{ else }}
-                {{ $data := . | transform.Unmarshal }}
-                {{ with $data.title }}{{ $title = . }}{{ end }}
-            {{ end }}
-        {{ else }}
-            {{ errorf "Unable to get video metadata '%q': %s" $api .Position }}
-        {{ end }}
-    {{ end }}
-
-    <!-- Main code -->
-    <div class="youtube-embedded {{ $class }}">
-    <iframe src="{{ $url }}{{ if $autoplay }}&autoplay=1&mute=1{{ end }}"
-        allowfullscreen title="{{ $title }}" {{ if $autoplay }}allow="autoplay"{{ end }}>
-    </iframe>
-    </div>
+<!-- Main code -->
+{{ if not $error -}}
+    {{ partial "assets/video.html" (dict 
+        "page" .Page
+        "position" .Position
+        "host" $host 
+        "id" $id 
+        "class" $class 
+        "title" $title 
+        "autoplay" $autoplay
+        "autotitle" $autotitle
+    ) }}
 {{ end -}}
--- a/netlify.toml
+++ b/netlify.toml
@@ -31,7 +31,7 @@
            connect-src 'self'
                https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com; \
            font-src 'self' https://*.netlify.app https://fonts.gstatic.com; \
-            frame-src 'self' https://www.youtube-nocookie.com https://www.youtube.com \
+            frame-src 'self' https://player.cloudinary.com https://player.vimeo.com https://www.youtube-nocookie.com https://www.youtube.com \
                app.netlify.com; \
            img-src 'self' data: https://*.imgix.net https://*.imagekit.io https://*.cloudinary.com https://*.netlify.app https://i.vimeocdn.com https://i.ytimg.com https://*.google-analytics.com https://*.googletagmanager.com https://tile.openstreetmap.org; \
            manifest-src 'self'; \
@@ -47,7 +47,6 @@
            camera=(), \
            magnetometer=(), \
            gyroscope=(), \
-            fullscreen=(), \
            payment=() \
            """
        cache-control = """\
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@gethinode/hinode",
-  "version": "0.26.4",
+  "version": "0.26.7",
  "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
  "keywords": [
    "hugo",
@@ -71,14 +71,14 @@
    "autoprefixer": "^10.4.20",
    "cssnano": "^7.0.5",
    "cssnano-preset-advanced": "^7.0.5",
-    "hugo-bin": "0.129.2",
+    "hugo-bin": "0.131.0",
    "purgecss-whitelister": "^2.4.0"
  },
  "devDependencies": {
    "@gethinode/netlify-plugin-dartsass": "^0.3.0",
    "eslint": "^8.57.0",
    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-import": "^2.30.0",
    "eslint-plugin-n": "^16.6.2",
    "eslint-plugin-promise": "^6.6.0",
    "markdownlint-cli2": "^0.13.0",
@@ -88,7 +88,7 @@
    "replace-in-files-cli": "^3.0.0",
    "rimraf": "^6.0.1",
    "shx": "^0.3.4",
-    "stylelint": "^16.8.2",
+    "stylelint": "^16.9.0",
    "stylelint-config-standard-scss": "^13.1.0"
  },
  "optionalDependencies": {
--- a/theme.toml
+++ b/theme.toml
@@ -6,7 +6,7 @@ homepage = "https://gethinode.com"
 demosite = "https://demo.gethinode.com"
 tags = ["blog", "documentation", "minimal", "modern", "customizable", "search", "bootstrap"]
 features = ["security aware", "fast by default", "seo-ready", "development tools", "bootstrap framework", "netlify-ready", "full text search", "page layouts", "versioned documentation"]
-min_version = "0.132.0"
+min_version = "0.134.0"

 [author]
  name = "Mark Dumay"
Author	SHA1	Message	Date
Mark Dumay	6283970443	Merge pull request #1158 from gethinode/develop Fix deprecation warnings	2024-09-04 14:43:06 +02:00
Mark Dumay	200ca109b1	Merge branch 'main' into develop	2024-09-04 14:36:00 +02:00
Mark Dumay	acded37e83	Use css.PostCSS instead of deprecated resources.PostCSS	2024-09-04 14:35:21 +02:00
Mark Dumay	782a40e1e8	Use pagerSize instead of deprecated pagination key	2024-09-04 14:35:16 +02:00
Mark Dumay	7b2bb803b3	Merge pull request #1157 from gethinode/develop Support table render hook	2024-09-04 14:25:44 +02:00
Mark Dumay	0e0561b081	Merge branch 'main' into develop	2024-09-04 14:18:14 +02:00
Mark Dumay	e3cf2e1337	Support table render hook Fixes #1156	2024-09-04 14:17:45 +02:00
github-actions[bot]	c18316250b	Merge pull request #1153 from gethinode/dependabot/npm_and_yarn/hugo-bin-0.131.0 Bump hugo-bin from 0.130.1 to 0.131.0	2024-09-04 07:09:54 +00:00
Mark Dumay	29a8666d7d	Merge branch 'main' into dependabot/npm_and_yarn/hugo-bin-0.131.0	2024-09-04 08:06:53 +02:00
Mark Dumay	431125e46c	Merge pull request #1155 from gethinode/develop Support type hstring.HTML introduced in Hugo v0.134.0	2024-09-04 08:06:41 +02:00
Mark Dumay	dae6541185	Merge branch 'main' into develop	2024-09-04 07:56:38 +02:00
Mark Dumay	41d0edb6c1	Support type hstring.HTML introduced in Hugo v0.134.0	2024-09-04 07:55:45 +02:00
Mark Dumay	5d9d11c388	Merge pull request #1154 from gethinode/hugo-mod-dependencies Update Hugo module dependencies	2024-09-04 07:52:26 +02:00
markdumay	3b26c04bdd	fix: update Hugo module dependencies	2024-09-04 03:05:46 +00:00
dependabot[bot]	01d41ae38e	Bump hugo-bin from 0.130.1 to 0.131.0 Bumps [hugo-bin](https://github.com/fenneclab/hugo-bin) from 0.130.1 to 0.131.0. - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](https://github.com/fenneclab/hugo-bin/compare/v0.130.1...v0.131.0) --- updated-dependencies: - dependency-name: hugo-bin dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2024-09-03 13:53:26 +00:00
github-actions[bot]	22d5859432	Merge pull request #1152 from gethinode/dependabot/npm_and_yarn/eslint-plugin-import-2.30.0 Bump eslint-plugin-import from 2.29.1 to 2.30.0	2024-09-03 13:52:15 +00:00
dependabot[bot]	551b185dd9	Bump eslint-plugin-import from 2.29.1 to 2.30.0 Bumps [eslint-plugin-import](https://github.com/import-js/eslint-plugin-import) from 2.29.1 to 2.30.0. - [Release notes](https://github.com/import-js/eslint-plugin-import/releases) - [Changelog](https://github.com/import-js/eslint-plugin-import/blob/main/CHANGELOG.md) - [Commits](https://github.com/import-js/eslint-plugin-import/compare/v2.29.1...v2.30.0) --- updated-dependencies: - dependency-name: eslint-plugin-import dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2024-09-03 13:47:25 +00:00
Mark Dumay	2edf12fb8b	Merge pull request #1150 from gethinode/develop Bump package release	2024-09-02 20:10:11 +02:00
Mark Dumay	fbdf79e05e	Merge branch 'main' into develop	2024-09-02 16:27:37 +02:00
Mark Dumay	92e37ef847	Bump package release	2024-09-02 16:27:00 +02:00
Mark Dumay	62084600a5	Merge pull request #1149 from gethinode/hugo-mod-dependencies Update Hugo module dependencies	2024-09-02 16:26:30 +02:00
markdumay	8867ab1cbe	fix: update Hugo module dependencies	2024-09-02 14:20:28 +00:00
Mark Dumay	c3e09c341f	Merge pull request #1147 from gethinode/hugo-mod-dependencies Update Hugo module dependencies	2024-08-31 13:00:11 +02:00
Mark Dumay	6cf4deceb7	Merge branch 'main' into hugo-mod-dependencies	2024-08-31 12:53:43 +02:00
Mark Dumay	0dd790cf7a	Merge pull request #1148 from ignaciocastro/main Change site.IsMultilingual to hugo.IsMultilingual on navbar.html	2024-08-31 12:53:20 +02:00
Ignacio Castro	6353b68c3e	Change site.IsMultilingual to hugo.IsMultilingual site.IsMultilingual was deprecated in 0.124.0	2024-08-31 00:07:38 -04:00
markdumay	fadd5b2fb5	fix: update Hugo module dependencies	2024-08-30 03:06:10 +00:00
github-actions[bot]	1d4add88ec	Merge pull request #1146 from gethinode/dependabot/npm_and_yarn/stylelint-16.9.0 Bump stylelint from 16.8.2 to 16.9.0	2024-08-28 14:02:26 +00:00
dependabot[bot]	0b779d5f3a	Bump stylelint from 16.8.2 to 16.9.0 Bumps [stylelint](https://github.com/stylelint/stylelint) from 16.8.2 to 16.9.0. - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md) - [Commits](https://github.com/stylelint/stylelint/compare/16.8.2...16.9.0) --- updated-dependencies: - dependency-name: stylelint dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2024-08-28 13:57:37 +00:00
Mark Dumay	2898745383	Merge pull request #1145 from gethinode/develop Suppress card button when link target is not specified	2024-08-28 11:21:50 +02:00
Mark Dumay	892546886b	Merge branch 'main' into develop	2024-08-28 10:56:10 +02:00
Mark Dumay	b09f039929	Suppress card button when link target is not specified	2024-08-28 10:55:32 +02:00
Mark Dumay	86bcfa21fa	Merge pull request #1144 from gethinode/develop Refine video component	2024-08-28 10:44:06 +02:00
Mark Dumay	f97eeff745	Merge branch 'main' into develop	2024-08-28 10:36:32 +02:00
Mark Dumay	205e10d86b	Improve video error messages	2024-08-28 10:35:53 +02:00
Mark Dumay	3eb0794f08	Refine video arguments	2024-08-28 08:55:23 +02:00
Mark Dumay	a1abc5970f	Merge pull request #1141 from d-oit/patch-1 Update de.yaml	2024-08-28 08:12:10 +02:00
Dominik Oswald	7b0839ad92	Update de.yaml add # alerts section	2024-08-27 17:56:40 +02:00
github-actions[bot]	3f20ddcd65	Merge pull request #1140 from gethinode/dependabot/npm_and_yarn/hugo-bin-0.130.1 Bump hugo-bin from 0.130.0 to 0.130.1	2024-08-27 13:30:35 +00:00
dependabot[bot]	24e0282eb7	Bump hugo-bin from 0.130.0 to 0.130.1 Bumps [hugo-bin](https://github.com/fenneclab/hugo-bin) from 0.130.0 to 0.130.1. - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](https://github.com/fenneclab/hugo-bin/compare/v0.130.0...v0.130.1) --- updated-dependencies: - dependency-name: hugo-bin dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com>	2024-08-27 13:24:59 +00:00
Mark Dumay	9fba521bc5	Merge pull request #1137 from gethinode/develop Add support for Cloudinary videos	2024-08-26 09:34:52 +02:00
Mark Dumay	60a34aac97	Fix error handling when Cloudinary video thumbnail is not found	2024-08-26 09:25:22 +02:00
Mark Dumay	15daf8c090	Merge branch 'main' into develop	2024-08-26 09:17:19 +02:00
Mark Dumay	7e4459ca8d	Add support for Cloudinary videos	2024-08-26 09:16:48 +02:00
Mark Dumay	5ef2aad372	Merge pull request #1131 from gethinode/develop Adjust padding of video based on aspect ratio	2024-08-25 12:56:35 +02:00
Mark Dumay	4c6f4a9da9	Merge branch 'main' into develop	2024-08-25 09:02:11 +02:00
Mark Dumay	fd7f3692dd	Adjust padding of video based on aspect ratio	2024-08-25 09:01:37 +02:00
Mark Dumay	f48b462c51	Merge pull request #1130 from gethinode/develop Add support for configurable video players	2024-08-24 15:49:26 +02:00
Mark Dumay	287bc7700c	Merge branch 'main' into develop	2024-08-24 11:41:49 +02:00
Mark Dumay	ee5e2745e2	Add support for configurable video players Refactors previous YouTube shortcode into a reusable video partial. The partial includes support for Vimeo. A new shortcode Vimeo is added. In the future, the code could be refactored to use adapters, similar to the image partial.	2024-08-24 11:41:26 +02:00
github-actions[bot]	31fb07e180	Merge pull request #1129 from gethinode/dependabot/npm_and_yarn/hugo-bin-0.130.0 Bump hugo-bin from 0.129.2 to 0.130.0	2024-08-23 13:28:04 +00:00
dependabot[bot]	aaf8513688	Bump hugo-bin from 0.129.2 to 0.130.0 Bumps [hugo-bin](https://github.com/fenneclab/hugo-bin) from 0.129.2 to 0.130.0. - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](https://github.com/fenneclab/hugo-bin/compare/v0.129.2...v0.130.0) --- updated-dependencies: - dependency-name: hugo-bin dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com>	2024-08-23 13:23:26 +00:00
Mark Dumay	acd2812218	Merge pull request #1128 from gethinode/develop Fix search input margin on smaller screens	2024-08-23 11:19:58 +02:00
Mark Dumay	665357e538	Merge branch 'main' into develop	2024-08-23 08:17:00 +02:00
Mark Dumay	f678352b78	Fix search input margin on smaller screens	2024-08-23 08:16:25 +02:00
Mark Dumay	17b39caef7	Merge pull request #1127 from gethinode/develop Fix border behavior of card zoom animation	2024-08-23 08:07:03 +02:00
Mark Dumay	38ab9f2e43	Merge branch 'main' into develop	2024-08-23 08:00:12 +02:00
Mark Dumay	aa4da56910	Fix border behavior of card zoom animation	2024-08-23 07:58:43 +02:00