Merge pull request #48 from markdumay/develop

Update dependencies

README.md

@@ -41,7 +41,7 @@
 
 ## About
 
-![Logo](https://raw.githubusercontent.com/markdumay/hugo-theme-hinode/main/static/logo.png)
+![Logo](https://raw.githubusercontent.com/markdumay/hugo-theme-hinode/main/static/img/logo.png)
 
 - [Online Demo][demo]
 - [PageSpeed Insights][pagespeed]
@@ -109,7 +109,7 @@ The main site configuration is available in `./config/_default`. Some remarks:
 - **Content** - Ensure the `mainSections` in `config.toml` is synchronized with the `content` folder, default values are `["blog", "projects"]`.
 - **Theme color** - Update `themeColor` and `themeOpacity` within the `[style]` section of `params.toml` to update the site's primary color and opacity. You can use the [WCAG Color Contrast Checker][contrast_checker] to validate the contrast ratio of your color to improve accessibility.
 - **Comments** - Comments are powered by [utterances][utterances], a lightweight comments widget built on GitHub issues. Update the `repo`  of the `[comments]` section of `params.toml`.
-- **Security headings** - The local development server uses the header configuration as provided by `server.toml`. Similar settings are defined in the `netlify.toml` file provided in the repository's root when deploying to [Netlify][netlify].
+- **Security policy** - The theme uses rather strict security policies by default. Be sure to include references to external sources in the header configuration to avoid broken links. The settings of the local development server are defined in `server.toml`. Similar settings are defined in the `netlify.toml` file provided in the repository's root when deploying to [Netlify][netlify].
 
 ## Contributing
 

config/_default/params.toml

@@ -21,10 +21,10 @@ schemaAuthorTwitter = "https://twitter.com/markdumay"
 schemaAuthorLinkedIn = "https://www.linkedin.com/in/markdumay/"
 schemaAuthorGitHub = "https://github.com/markdumay"
 schemaLocale = "en-US"
-schemaLogo = "logo512x512.png"
+schemaLogo = "img/logo512x512.png"
 schemaLogoWidth = 512
 schemaLogoHeight = 512
-schemaImage = "logo1280x640.png"
+schemaImage = "img/logo1280x640.png"
 schemaImageWidth = 1280
 schemaImageHeight = 640
 # schemaTwitter = "https://twitter.com/gethinode"
@@ -48,8 +48,8 @@ schemaSection = "blog"
     themeOpacity = "10"
 
 [main]
-    featurePhoto = "img/sunrise.jpg" # source: https://unsplash.com/photos/ZX6BPboJrYk
-    logo = "/logo_embedded.svg"
+    featurePhoto = "/img/sunrise.jpg" # source: https://unsplash.com/photos/ZX6BPboJrYk
+    logo = "/img/logo_embedded.svg"
 
 
 [comments]

config/_default/server.toml

@@ -16,7 +16,7 @@ for = '/**'
         connect-src 'self' localhost:1313 ws://localhost:1313/livereload; \
         font-src 'self' https://fonts.gstatic.com; \
         frame-src 'self' localhost:1313 https://utteranc.es https://www.youtube-nocookie.com https://www.youtube.com; \
-        img-src 'self' https://i.vimeocdn.com https://i.ytimg.com; \
+        img-src 'self' https: data:; \
         manifest-src 'self'; \
         media-src 'self' \
         """

content/en/about.md

@@ -5,7 +5,7 @@ date: "2022-04-11"
 showComments: false
 ---
 
-<p class="text-center"><img src="/logo_embedded.svg" class="img-fluid w-50" alt="Logo"></p>
+<p class="text-center"><img src="/img/logo_embedded.svg" class="img-fluid w-50" alt="Logo"></p>
 
 <center>Hinode is a clean blog theme for Hugo, an open-source static site generator.</center>
 

content/en/blog/emoji-support.md

@@ -4,7 +4,8 @@ title: "Emoji Support"
 date: 2021-07-15
 description: "Guide to emoji usage in Hugo"
 tags: ["emoji"]
-thumbnail: img/dunes.jpg # https://picsum.photos/id/184/4288/2848
+# thumbnail: img/dunes.jpg
+thumbnail: https://picsum.photos/id/184/4288/2848.jpg
 credits: Photo by <a href="https://unsplash.com/@timdegroot">Tim de Groot</a> on <a href="https://unsplash.com/photos/yNGQ830uFB4">Unsplash</a>
 ---
 

layouts/partials/head/seo.html

@@ -1,35 +1,37 @@
-<!-- Copied from doks -->
-{{ with .Title }}
-    {{ $.Scratch.Set "title" . }}
-{{ else }}
-    {{ $.Scratch.Set "title" .Site.Params.title }}
-{{ end }}
+<!-- Adapted from doks -->
+{{ with .Title -}}
+    {{ $.Scratch.Set "title" . -}}
+{{ else -}}
+    {{ $.Scratch.Set "title" .Site.Params.title -}}
+{{ end -}}
 
 {{ with .Description -}}
-    {{ $.Scratch.Set "description" . }}
+    {{ $.Scratch.Set "description" . -}}
 {{ else -}}
     {{ with .Summary | plainify -}}
-        {{ $.Scratch.Set "description" . }}
+        {{ $.Scratch.Set "description" . -}}
     {{ else -}}
-        {{ $.Scratch.Set "description" .Site.Params.description }}
+        {{ $.Scratch.Set "description" .Site.Params.description -}}
     {{ end -}}
 {{ end -}}
 
-{{ with .Params.thumbnail }}
-    {{ $source := resources.Get . -}}
-    {{ $dim := "1280x640" -}}
-    {{ $img := ($source.Fill (printf "%s jpg" $dim)) -}}
-    {{ $.Scratch.Set "thumbnail" ($img.Permalink | absURL) -}}
-{{ else }}
+{{ with .Params.thumbnail -}}
+    {{ $source := partial "utilities/GetImage.html" (dict "url" .) -}}
+    {{ with $source -}}
+        {{ $dim := "1280x640" -}}
+        {{ $img := (.Fill (printf "%s jpg" $dim)) -}}
+        {{ $.Scratch.Set "thumbnail" ($img.Permalink | absURL) -}}
+    {{ end -}}
+{{ else -}}
     {{ with .Site.Params.schemaImage -}}    
-        {{ $.Scratch.Set "thumbnail" (. | absURL) }}
+        {{ $.Scratch.Set "thumbnail" (. | absURL) -}}
     {{ else -}}
         {{ $images := $.Resources.ByType "image" -}}
         {{ $featured := $images.GetMatch "*feature*" -}}
         {{ if not $featured -}}
             {{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" -}}
         {{ end -}}
-        {{ with $featured }}
+        {{ with $featured -}}
             {{ $.Scratch.Set "thumbnail" $featured.Permalink -}}
         {{ else -}}
             {{ with $.Site.Params.images -}}

layouts/partials/image.html

@@ -1,9 +1,9 @@
 <!-- 
-    Render an image with responsive image sizing. The image should be available as resource stored in the "assets"
-    folder. Images are resized using default media breakpoints and are converted to webp format. The image is
-    processed using the quality setting specified in the [imaging] section of the main config file (defaults to 75).
-    A fallback image is provided for older browsers. The image is wrapped in a figure if a caption is provided, else
-    the image is wrapped in a div with a ratio constraint. The partial supports the following arguments:
+    Render a local or remote image with responsive image sizing. Images are resized using default media breakpoints
+    and are converted to webp format. The image is processed using the quality setting specified in the [imaging]
+    section of the main config file (defaults to 75). A fallback image is provided for older browsers. The image is
+    wrapped in a figure if a caption is provided, else the image is wrapped in a div with a ratio constraint. The
+    partial supports the following arguments:
     "url":          Required relative url of the image, e.g. "img/example.jpg"
     "ratio":        Bootstrap ratio of the image, either "1x1", "4x3" (default), "16x9", or "21x9".
     "outerClass":   Optional class attribute of the outer div element, e.g. "img-wrap".
@@ -12,71 +12,75 @@
     "caption":      Optional figure caption.
 -->
 
-
-{{ $img := resources.Get .url -}}
+{{ $url := .url -}}
+{{ $ratio := .ratio -}}
+{{ $outerClass := .outerClass -}}
 {{ $innerClass := .innerClass -}}
 {{ $title := .title -}}
+{{ $caption := .caption -}}
 
-<!-- default ratio 4x3 -->
-{{ $smDim := "576x432" -}}
-{{ $mdDim := "768x576" -}}
-{{ $lgDim := "992x744" -}}
-{{ $xlDim := "1200x900" -}}
-{{ $xxlDim := "1400x1050" -}}
+{{ $img := partial "utilities/GetImage.html" (dict "url" $url) -}}
+{{ with $img -}}
+    <!-- default ratio 4x3 -->
+    {{ $smDim := "576x432" -}}
+    {{ $mdDim := "768x576" -}}
+    {{ $lgDim := "992x744" -}}
+    {{ $xlDim := "1200x900" -}}
+    {{ $xxlDim := "1400x1050" -}}
 
-{{ if eq .ratio "1x1" -}}
-    {{ $smDim = "576x576" -}}
-    {{ $mdDim = "768x768" -}}
-    {{ $lgDim = "992x992" -}}
-    {{ $xlDim = "1200x1200" -}}
-    {{ $xxlDim = "1400x1400" -}}
-{{ else if eq .ratio "16x9" -}}
-    {{ $smDim = "576x324" -}}
-    {{ $mdDim = "768x432" -}}
-    {{ $lgDim = "992x558" -}}
-    {{ $xlDim = "1200x675" -}}
-    {{ $xxlDim = "1400x788" -}}
-{{ else if eq .ratio "21x9" -}}
-    {{ $smDim = "576x247" -}}
-    {{ $mdDim = "768x329" -}}
-    {{ $lgDim = "992x425" -}}
-    {{ $xlDim = "1200x514" -}}
-    {{ $xxlDim = "1400x600" -}}
-{{ end -}}
+    {{ if eq $ratio "1x1" -}}
+        {{ $smDim = "576x576" -}}
+        {{ $mdDim = "768x768" -}}
+        {{ $lgDim = "992x992" -}}
+        {{ $xlDim = "1200x1200" -}}
+        {{ $xxlDim = "1400x1400" -}}
+    {{ else if eq $ratio "16x9" -}}
+        {{ $smDim = "576x324" -}}
+        {{ $mdDim = "768x432" -}}
+        {{ $lgDim = "992x558" -}}
+        {{ $xlDim = "1200x675" -}}
+        {{ $xxlDim = "1400x788" -}}
+    {{ else if eq $ratio "21x9" -}}
+        {{ $smDim = "576x247" -}}
+        {{ $mdDim = "768x329" -}}
+        {{ $lgDim = "992x425" -}}
+        {{ $xlDim = "1200x514" -}}
+        {{ $xxlDim = "1400x600" -}}
+    {{ end -}}
 
-{{ $sm := ($img.Fill (printf "%s webp" $smDim)) -}}
-{{ $md := ($img.Fill (printf "%s webp" $mdDim)) -}}
-{{ $lg := ($img.Fill (printf "%s webp" $lgDim)) -}}
-{{ $xl := ($img.Fill (printf "%s webp" $xlDim)) -}}
-{{ $xxl := ($img.Fill (printf "%s webp" $xxlDim)) -}}
-{{ $fallback := ($img.Fill (printf "%s jpg" $xxlDim)) -}}
+    {{ $sm := ($img.Fill (printf "%s webp" $smDim)) -}}
+    {{ $md := ($img.Fill (printf "%s webp" $mdDim)) -}}
+    {{ $lg := ($img.Fill (printf "%s webp" $lgDim)) -}}
+    {{ $xl := ($img.Fill (printf "%s webp" $xlDim)) -}}
+    {{ $xxl := ($img.Fill (printf "%s webp" $xxlDim)) -}}
+    {{ $fallback := ($img.Fill (printf "%s jpg" $xxlDim)) -}}
 
-
-{{ with .caption -}}
-    <figure class="figure">
-        <img class="figure-img img-fluid {{ $innerClass }}"
-            srcset="
-                {{- with $xxl.RelPermalink -}}{{.}} 1400w{{- end -}}
-                {{- with $xl.RelPermalink -}}, {{.}} 1200w{{- end -}}
-                {{- with $lg.RelPermalink -}}, {{.}} 992w{{- end -}}
-                {{- with $md.RelPermalink -}}, {{.}} 768w{{- end -}}
-                {{- with $sm.RelPermalink -}}, {{.}} 576w{{- end -}}"
-            sizes="100vw"
-            src="{{ $fallback.RelPermalink }}"
-            alt="{{ $title }}">
-        <figcaption class="figure-caption">{{ . | safeHTML }}</figcaption>
-    </figure>
-{{ else -}}
-    <div class="ratio ratio-{{ .ratio }} {{ .outerClass }}">
-        <img class="img-fluid {{ $innerClass }}"
-            srcset="
-                {{- with $xxl.RelPermalink -}}{{.}} 1400w{{- end -}}
-                {{- with $xl.RelPermalink -}}, {{.}} 1200w{{- end -}}
-                {{- with $lg.RelPermalink -}}, {{.}} 992w{{- end -}}
-                {{- with $md.RelPermalink -}}, {{.}} 768w{{- end -}}
-                {{- with $sm.RelPermalink -}}, {{.}} 576w{{- end -}}"
-            sizes="100vw"
-            src="{{ $fallback.RelPermalink }}"
-            alt="{{ $title }}">
-    </div>
+    {{ with $caption -}}
+        <figure class="figure">
+            <img class="figure-img img-fluid {{ $innerClass }}"
+                srcset="
+                    {{- with $xxl.RelPermalink -}}{{.}} 1400w{{- end -}}
+                    {{- with $xl.RelPermalink -}}, {{.}} 1200w{{- end -}}
+                    {{- with $lg.RelPermalink -}}, {{.}} 992w{{- end -}}
+                    {{- with $md.RelPermalink -}}, {{.}} 768w{{- end -}}
+                    {{- with $sm.RelPermalink -}}, {{.}} 576w{{- end -}}"
+                sizes="100vw"
+                src="{{ $fallback.RelPermalink }}"
+                alt="{{ $title }}">
+            <figcaption class="figure-caption">{{ . | safeHTML }}</figcaption>
+        </figure>
+    {{ else -}}
+        <div class="ratio ratio-{{ $ratio }} {{ $outerClass }}">
+            <img class="img-fluid {{ $innerClass }}"
+                srcset="
+                    {{- with $xxl.RelPermalink -}}{{.}} 1400w{{- end -}}
+                    {{- with $xl.RelPermalink -}}, {{.}} 1200w{{- end -}}
+                    {{- with $lg.RelPermalink -}}, {{.}} 992w{{- end -}}
+                    {{- with $md.RelPermalink -}}, {{.}} 768w{{- end -}}
+                    {{- with $sm.RelPermalink -}}, {{.}} 576w{{- end -}}"
+                sizes="100vw"
+                src="{{ $fallback.RelPermalink }}"
+                alt="{{ $title }}">
+        </div>
+    {{ end -}}
 {{ end -}}

layouts/partials/utilities/GetImage.html

@@ -0,0 +1,38 @@
+<!-- 
+    Retrieve a local or remote resource compatible with Hugo's image processing. The path of a remote image is
+    rewritten to ensure processed files are stored in the final '/img' folder. The partial returns nil if the
+    resource cannot be found or is incompatibile. The partial supports the following arguments:
+    "url":          Required path or url of the image, e.g. "img/example.jpg" or "https://example.com/img.jpg"
+-->
+
+{{ $url := .url -}}
+{{ $supportedMediaTypes := slice "image/png" "image/jpeg" "image/gif" "image/tiff" "image/bmp" "image/webp" -}}
+{{ $remote := false -}}
+
+{{ $img := resources.GetMatch $url -}}
+{{ if (hasPrefix (lower $url) "http") -}}
+    {{ $img = resources.GetRemote $url -}}
+    {{ $remote = true -}}
+{{ end -}}
+
+{{ with $img -}}
+    {{ if in $supportedMediaTypes (string $img.MediaType) -}}
+        <!-- Rewrite the path of remote images to avoid storing processed files in the site's root -->
+        <!-- Add a file extension based on the media type if needed to avoid Hugo processing errors -->
+        {{ if $remote -}}
+            {{ $filename := index (last 1 (split (delimit (split $url "/") "," "") ",")) 0 -}}
+            {{ if not (path.Ext $filename) -}}
+                {{ $extension := string $img.MediaType.SubType -}}
+                {{ $filename = printf "%s.%s" $filename $extension -}}
+            {{ end -}}
+            {{ $img = $img.Content | resources.FromString (printf "/img/%s" $filename) -}}
+        {{ end -}}
+    {{ else -}}
+        {{ warnf "Image type '%s' is not supported: %s" $img.MediaType $url -}}
+        {{ $img = "" -}}
+    {{ end -}}
+{{ else -}}    
+    {{ warnf "Cannot find image resource: %q" $url -}}
+{{ end -}}
+
+{{ return $img -}}

layouts/shortcodes/image.html

@@ -1,8 +1,8 @@
 <!-- 
-    Render an image with responsive image sizing. The image should be available as resource stored in the "assets"
-    folder. Images are resized using default media breakpoints and are converted to webp format. The image is
-    processed using the quality setting specified in the [imaging] section of the main config file (defaults to 75).
-    A fallback image is provided for older browsers. The partial supports the following arguments:
+    Render a local or remote image with responsive image sizing. Images are resized using default media breakpoints
+    and are converted to webp format. The image is processed using the quality setting specified in the [imaging]
+    section of the main config file (defaults to 75). A fallback image is provided for older browsers. The partial
+    supports the following arguments:
     "src":          Required relative url of the image, e.g. "img/example.jpg"
     "ratio":        Bootstrap ratio of the image, either "1x1", "4x3" (default), "16x9", or "21x9".
     "class":        Optional class attribute of the inner img element, e.g. "rounded".
@@ -13,64 +13,72 @@
 {{ if isset .Params "src" }}
     {{ $url := .Get "src" }}
     {{ $ratio := "4x3" }}
-    {{ $class := "" }}
-    {{ $title := "" }}
-    {{ $caption := "" }}
-
-    {{ $img := resources.Get $url }}
     {{ with .Get "ratio" }}{{ $ratio = . }}{{ end }}
-    {{ with .Get "class" }}{{ $class = . }}{{ end }}
-    {{ with .Get "title" }}{{ $title = . }}{{ end }}
-    {{ with .Get "caption" }}{{ $caption = . }}{{ end }}
-    
-    <!-- default ratio 4x3 -->
-    {{ $smDim := "576x432" }}
-    {{ $mdDim := "768x576" }}
-    {{ $lgDim := "992x744" }}
-    {{ $xlDim := "1200x900" }}
-    {{ $xxlDim := "1400x1050" }}
-    
-    {{ if eq $ratio "1x1"}}
-        {{ $smDim = "576x576" }}
-        {{ $mdDim = "768x768" }}
-        {{ $lgDim = "992x992" }}
-        {{ $xlDim = "1200x1200" }}
-        {{ $xxlDim = "1400x1400" }}
-    {{ else if eq $ratio "16x9"}}
-        {{ $smDim = "576x324" }}
-        {{ $mdDim = "768x432" }}
-        {{ $lgDim = "992x558" }}
-        {{ $xlDim = "1200x675" }}
-        {{ $xxlDim = "1400x788" }}
-    {{ else if eq $ratio "21x9"}}
-        {{ $smDim = "576x247" }}
-        {{ $mdDim = "768x329" }}
-        {{ $lgDim = "992x425" }}
-        {{ $xlDim = "1200x514" }}
-        {{ $xxlDim = "1400x600" }}
-    {{ end }}
-    
-    {{ $sm := ($img.Fill (printf "%s webp" $smDim)) }}
-    {{ $md := ($img.Fill (printf "%s webp" $mdDim)) }}
-    {{ $lg := ($img.Fill (printf "%s webp" $lgDim)) }}
-    {{ $xl := ($img.Fill (printf "%s webp" $xlDim)) }}
-    {{ $xxl := ($img.Fill (printf "%s webp" $xxlDim)) }}
-    {{ $fallback := ($img.Fill (printf "%s jpg" $xxlDim)) }}
-    
+    {{ $class := .Get "class" }}
+    {{ $title := .Get "title" }}
+    {{ $caption := .Get "caption" }}
 
-    <figure class="figure">
-        <img class="figure-img img-fluid {{ $class}}"
-        srcset="
-            {{- with $xxl.RelPermalink -}}{{.}} 1400w{{- end -}}
-            {{- with $xl.RelPermalink -}}, {{.}} 1200w{{- end -}}
-            {{- with $lg.RelPermalink -}}, {{.}} 992w{{- end -}}
-            {{- with $md.RelPermalink -}}, {{.}} 768w{{- end -}}
-            {{- with $sm.RelPermalink -}}, {{.}} 576w{{- end -}}"
-        sizes="100vw"
-        src="{{ $fallback.RelPermalink }}"
-        alt="{{ $title }}">
-        <figcaption class="figure-caption">{{ $caption }}</figcaption>
-    </figure>    
+    {{ $img := resources.GetMatch $url }}
+    {{ if not $img }}
+        {{ $img = resources.GetRemote $url -}}
+        {{ if $img }}
+            {{ $filename := index (last 1 (split (delimit (split $url "/") "," "") ",")) 0 }}
+            {{ $img = $img.Content | resources.FromString (printf "/img/%s" $filename) }}
+        {{ end }}
+    {{ end}}
+    
+    {{ with $img }}
+        <!-- default ratio 4x3 -->
+        {{ $smDim := "576x432" }}
+        {{ $mdDim := "768x576" }}
+        {{ $lgDim := "992x744" }}
+        {{ $xlDim := "1200x900" }}
+        {{ $xxlDim := "1400x1050" }}
+        
+        {{ if eq $ratio "1x1"}}
+            {{ $smDim = "576x576" }}
+            {{ $mdDim = "768x768" }}
+            {{ $lgDim = "992x992" }}
+            {{ $xlDim = "1200x1200" }}
+            {{ $xxlDim = "1400x1400" }}
+        {{ else if eq $ratio "16x9"}}
+            {{ $smDim = "576x324" }}
+            {{ $mdDim = "768x432" }}
+            {{ $lgDim = "992x558" }}
+            {{ $xlDim = "1200x675" }}
+            {{ $xxlDim = "1400x788" }}
+        {{ else if eq $ratio "21x9"}}
+            {{ $smDim = "576x247" }}
+            {{ $mdDim = "768x329" }}
+            {{ $lgDim = "992x425" }}
+            {{ $xlDim = "1200x514" }}
+            {{ $xxlDim = "1400x600" }}
+        {{ end }}
+        
+        {{ $sm := ($img.Fill (printf "%s webp" $smDim)) }}
+        {{ $md := ($img.Fill (printf "%s webp" $mdDim)) }}
+        {{ $lg := ($img.Fill (printf "%s webp" $lgDim)) }}
+        {{ $xl := ($img.Fill (printf "%s webp" $xlDim)) }}
+        {{ $xxl := ($img.Fill (printf "%s webp" $xxlDim)) }}
+        {{ $fallback := ($img.Fill (printf "%s jpg" $xxlDim)) }}
+        
+
+        <figure class="figure">
+            <img class="figure-img img-fluid {{ $class}}"
+            srcset="
+                {{- with $xxl.RelPermalink -}}{{.}} 1400w{{- end -}}
+                {{- with $xl.RelPermalink -}}, {{.}} 1200w{{- end -}}
+                {{- with $lg.RelPermalink -}}, {{.}} 992w{{- end -}}
+                {{- with $md.RelPermalink -}}, {{.}} 768w{{- end -}}
+                {{- with $sm.RelPermalink -}}, {{.}} 576w{{- end -}}"
+            sizes="100vw"
+            src="{{ $fallback.RelPermalink }}"
+            alt="{{ $title }}">
+            <figcaption class="figure-caption">{{ $caption }}</figcaption>
+        </figure>   
+    {{ else }}
+        {{ warnf "Cannot find image resource: %q" $url }}
+    {{ end }}    
 {{ else }}
-    {{ errorf "missing value for param 'src': %s" .Position }}
+    {{ errorf "Missing value for param 'src': %s" .Position }}
 {{ end }}

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@markdumay/hugo-theme-hinode",
-  "version": "0.5.0",
+  "version": "0.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@markdumay/hugo-theme-hinode",
-      "version": "0.5.0",
+      "version": "0.5.4",
       "hasInstallScript": true,
       "license": "MIT",
       "devDependencies": {
@@ -14,10 +14,10 @@
         "@fullhuman/postcss-purgecss": "^5.0.0",
         "autoprefixer": "^10.4.13",
         "bootstrap": "^5.2.2",
-        "eslint": "^8.26.0",
+        "eslint": "^8.27.0",
         "eslint-config-standard": "^17.0.0",
         "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-n": "^15.3.0",
+        "eslint-plugin-n": "^15.5.1",
         "eslint-plugin-promise": "^6.1.1",
         "exec-bin": "^1.0.0",
         "flexsearch": "^0.7.31",
@@ -26,8 +26,8 @@
         "postcss-cli": "^10.0.0",
         "purgecss-whitelister": "^2.4.0",
         "shx": "^0.3.4",
-        "stylelint": "^14.14.0",
-        "stylelint-config-standard-scss": "^6.0.0"
+        "stylelint": "^14.14.1",
+        "stylelint-config-standard-scss": "^6.1.0"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -1503,9 +1503,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.26.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.26.0.tgz",
-      "integrity": "sha512-kzJkpaw1Bfwheq4VXUezFriD1GxszX6dUekM7Z3aC2o4hju+tsR/XyTC3RcoSD7jmy9VkPU3+N6YjVU2e96Oyg==",
+      "version": "8.27.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.27.0.tgz",
+      "integrity": "sha512-0y1bfG2ho7mty+SiILVf9PfuRA49ek4Nc60Wmmu62QlobNR+CeXa4xXIJgcuwSQgZiWaPH+5BDsctpIW0PR/wQ==",
       "dev": true,
       "dependencies": {
         "@eslint/eslintrc": "^1.3.3",
@@ -1727,19 +1727,19 @@
       "dev": true
     },
     "node_modules/eslint-plugin-n": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.3.0.tgz",
-      "integrity": "sha512-IyzPnEWHypCWasDpxeJnim60jhlumbmq0pubL6IOcnk8u2y53s5QfT8JnXy7skjHJ44yWHRb11PLtDHuu1kg/Q==",
+      "version": "15.5.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.5.1.tgz",
+      "integrity": "sha512-kAd+xhZm7brHoFLzKLB7/FGRFJNg/srmv67mqb7tto22rpr4wv/LV6RuXzAfv3jbab7+k1wi42PsIhGviywaaw==",
       "dev": true,
       "dependencies": {
         "builtins": "^5.0.1",
         "eslint-plugin-es": "^4.1.0",
         "eslint-utils": "^3.0.0",
         "ignore": "^5.1.1",
-        "is-core-module": "^2.10.0",
+        "is-core-module": "^2.11.0",
         "minimatch": "^3.1.2",
         "resolve": "^1.22.1",
-        "semver": "^7.3.7"
+        "semver": "^7.3.8"
       },
       "engines": {
         "node": ">=12.22.0"
@@ -2835,9 +2835,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
-      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz",
+      "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -3157,9 +3157,9 @@
       }
     },
     "node_modules/known-css-properties": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
-      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
+      "integrity": "sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==",
       "dev": true
     },
     "node_modules/levn": {
@@ -3900,9 +3900,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.17",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
-      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
+      "version": "8.4.18",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
+      "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
       "dev": true,
       "funding": [
         {
@@ -4703,9 +4703,9 @@
       "dev": true
     },
     "node_modules/semver": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
-      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
@@ -4982,9 +4982,9 @@
       "dev": true
     },
     "node_modules/stylelint": {
-      "version": "14.14.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.14.0.tgz",
-      "integrity": "sha512-yUI+4xXfPHVnueYddSQ/e1GuEA/2wVhWQbGj16AmWLtQJtn28lVxfS4b0CsWyVRPgd3Auzi0NXOthIEUhtQmmA==",
+      "version": "14.14.1",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.14.1.tgz",
+      "integrity": "sha512-Jnftu+lSD8cSpcV/+Z2nfgfgFpTIS1FcujezXPngtoIQ6wtwutL22MsNE0dJuMiM1h1790g2qIjAyUZCMrX4sw==",
       "dev": true,
       "dependencies": {
         "@csstools/selector-specificity": "^2.0.2",
@@ -5004,13 +5004,13 @@
         "import-lazy": "^4.0.0",
         "imurmurhash": "^0.1.4",
         "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.25.0",
+        "known-css-properties": "^0.26.0",
         "mathml-tag-names": "^2.1.3",
         "meow": "^9.0.0",
         "micromatch": "^4.0.5",
         "normalize-path": "^3.0.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.17",
+        "postcss": "^8.4.18",
         "postcss-media-query-parser": "^0.2.3",
         "postcss-resolve-nested-selector": "^0.1.1",
         "postcss-safe-parser": "^6.0.0",
@@ -5022,7 +5022,7 @@
         "style-search": "^0.1.0",
         "supports-hyperlinks": "^2.3.0",
         "svg-tags": "^1.0.0",
-        "table": "^6.8.0",
+        "table": "^6.8.1",
         "v8-compile-cache": "^2.3.0",
         "write-file-atomic": "^4.0.2"
       },
@@ -5079,16 +5079,22 @@
       }
     },
     "node_modules/stylelint-config-standard-scss": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-6.0.0.tgz",
-      "integrity": "sha512-aAWcQgiqsXg6Jyhq/Q/HPbVB7PHf4v/wdyFSDun/qlL/SPxtEcVeGMvJLzRVRaNf3tp3D93QP6N9QKwJa1L0Kw==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-6.1.0.tgz",
+      "integrity": "sha512-iZ2B5kQT2G3rUzx+437cEpdcnFOQkwnwqXuY8Z0QUwIHQVE8mnYChGAquyKFUKZRZ0pRnrciARlPaR1RBtPb0Q==",
       "dev": true,
       "dependencies": {
         "stylelint-config-recommended-scss": "^8.0.0",
         "stylelint-config-standard": "^29.0.0"
       },
       "peerDependencies": {
+        "postcss": "^8.3.3",
         "stylelint": "^14.14.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        }
       }
     },
     "node_modules/stylelint-scss": {
@@ -5166,9 +5172,9 @@
       "dev": true
     },
     "node_modules/table": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
-      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz",
+      "integrity": "sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==",
       "dev": true,
       "dependencies": {
         "ajv": "^8.0.1",
@@ -6634,9 +6640,9 @@
       "dev": true
     },
     "eslint": {
-      "version": "8.26.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.26.0.tgz",
-      "integrity": "sha512-kzJkpaw1Bfwheq4VXUezFriD1GxszX6dUekM7Z3aC2o4hju+tsR/XyTC3RcoSD7jmy9VkPU3+N6YjVU2e96Oyg==",
+      "version": "8.27.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.27.0.tgz",
+      "integrity": "sha512-0y1bfG2ho7mty+SiILVf9PfuRA49ek4Nc60Wmmu62QlobNR+CeXa4xXIJgcuwSQgZiWaPH+5BDsctpIW0PR/wQ==",
       "dev": true,
       "requires": {
         "@eslint/eslintrc": "^1.3.3",
@@ -6811,19 +6817,19 @@
       }
     },
     "eslint-plugin-n": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.3.0.tgz",
-      "integrity": "sha512-IyzPnEWHypCWasDpxeJnim60jhlumbmq0pubL6IOcnk8u2y53s5QfT8JnXy7skjHJ44yWHRb11PLtDHuu1kg/Q==",
+      "version": "15.5.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.5.1.tgz",
+      "integrity": "sha512-kAd+xhZm7brHoFLzKLB7/FGRFJNg/srmv67mqb7tto22rpr4wv/LV6RuXzAfv3jbab7+k1wi42PsIhGviywaaw==",
       "dev": true,
       "requires": {
         "builtins": "^5.0.1",
         "eslint-plugin-es": "^4.1.0",
         "eslint-utils": "^3.0.0",
         "ignore": "^5.1.1",
-        "is-core-module": "^2.10.0",
+        "is-core-module": "^2.11.0",
         "minimatch": "^3.1.2",
         "resolve": "^1.22.1",
-        "semver": "^7.3.7"
+        "semver": "^7.3.8"
       }
     },
     "eslint-plugin-promise": {
@@ -7614,9 +7620,9 @@
       "dev": true
     },
     "is-core-module": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
-      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz",
+      "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -7847,9 +7853,9 @@
       "dev": true
     },
     "known-css-properties": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
-      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
+      "integrity": "sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==",
       "dev": true
     },
     "levn": {
@@ -8381,9 +8387,9 @@
       }
     },
     "postcss": {
-      "version": "8.4.17",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
-      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
+      "version": "8.4.18",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
+      "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
       "dev": true,
       "requires": {
         "nanoid": "^3.3.4",
@@ -8932,9 +8938,9 @@
       }
     },
     "semver": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
-      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
       "dev": true,
       "requires": {
         "lru-cache": "^6.0.0"
@@ -9150,9 +9156,9 @@
       "dev": true
     },
     "stylelint": {
-      "version": "14.14.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.14.0.tgz",
-      "integrity": "sha512-yUI+4xXfPHVnueYddSQ/e1GuEA/2wVhWQbGj16AmWLtQJtn28lVxfS4b0CsWyVRPgd3Auzi0NXOthIEUhtQmmA==",
+      "version": "14.14.1",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.14.1.tgz",
+      "integrity": "sha512-Jnftu+lSD8cSpcV/+Z2nfgfgFpTIS1FcujezXPngtoIQ6wtwutL22MsNE0dJuMiM1h1790g2qIjAyUZCMrX4sw==",
       "dev": true,
       "requires": {
         "@csstools/selector-specificity": "^2.0.2",
@@ -9172,13 +9178,13 @@
         "import-lazy": "^4.0.0",
         "imurmurhash": "^0.1.4",
         "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.25.0",
+        "known-css-properties": "^0.26.0",
         "mathml-tag-names": "^2.1.3",
         "meow": "^9.0.0",
         "micromatch": "^4.0.5",
         "normalize-path": "^3.0.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.17",
+        "postcss": "^8.4.18",
         "postcss-media-query-parser": "^0.2.3",
         "postcss-resolve-nested-selector": "^0.1.1",
         "postcss-safe-parser": "^6.0.0",
@@ -9190,7 +9196,7 @@
         "style-search": "^0.1.0",
         "supports-hyperlinks": "^2.3.0",
         "svg-tags": "^1.0.0",
-        "table": "^6.8.0",
+        "table": "^6.8.1",
         "v8-compile-cache": "^2.3.0",
         "write-file-atomic": "^4.0.2"
       },
@@ -9237,9 +9243,9 @@
       }
     },
     "stylelint-config-standard-scss": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-6.0.0.tgz",
-      "integrity": "sha512-aAWcQgiqsXg6Jyhq/Q/HPbVB7PHf4v/wdyFSDun/qlL/SPxtEcVeGMvJLzRVRaNf3tp3D93QP6N9QKwJa1L0Kw==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-6.1.0.tgz",
+      "integrity": "sha512-iZ2B5kQT2G3rUzx+437cEpdcnFOQkwnwqXuY8Z0QUwIHQVE8mnYChGAquyKFUKZRZ0pRnrciARlPaR1RBtPb0Q==",
       "dev": true,
       "requires": {
         "stylelint-config-recommended-scss": "^8.0.0",
@@ -9291,9 +9297,9 @@
       "dev": true
     },
     "table": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
-      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz",
+      "integrity": "sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==",
       "dev": true,
       "requires": {
         "ajv": "^8.0.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@markdumay/hugo-theme-hinode",
-  "version": "0.5.0",
+  "version": "0.5.4",
   "description": "Hinode is a clean blog theme for Hugo, an open-source static site generator",
   "main": "index.js",
   "publishConfig": {
@@ -49,10 +49,10 @@
     "@fullhuman/postcss-purgecss": "^5.0.0",
     "autoprefixer": "^10.4.13",
     "bootstrap": "^5.2.2",
-    "eslint": "^8.26.0",
+    "eslint": "^8.27.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^15.3.0",
+    "eslint-plugin-n": "^15.5.1",
     "eslint-plugin-promise": "^6.1.1",
     "exec-bin": "^1.0.0",
     "flexsearch": "^0.7.31",
@@ -61,10 +61,10 @@
     "postcss-cli": "^10.0.0",
     "purgecss-whitelister": "^2.4.0",
     "shx": "^0.3.4",
-    "stylelint": "^14.14.0",
-    "stylelint-config-standard-scss": "^6.0.0"
+    "stylelint": "^14.14.1",
+    "stylelint-config-standard-scss": "^6.1.0"
   },
   "otherDependencies": {
-    "hugo": "0.104.3"
+    "hugo": "0.105.0"
   }
 }