feat: add the modern_format parameter

When it is set as webp then the image will be resized in webp format
hbstack · Sep 16, 2023 · e5bd847 · e5bd847
1 parent 8174fcc
commit e5bd847
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/assets/hb/modules/background-image/scss/variables.tmpl.scss b/assets/hb/modules/background-image/scss/variables.tmpl.scss
@@ -1,6 +1,13 @@
 $hb-background-img: '';
 {{- with resources.GetMatch "images/background.*" }}
-  {{- $bg := .Resize "1920x1080" }}
+  {{- $resize := "1920x1080" }}
+  {{- if and
+    (eq $.params.hb.background_image.modern_format "webp")
+    (ne .MediaType.SubType "webp")
+  }}
+    {{- $resize = printf "%s webp" $resize }}
+  {{- end }}
+  {{- $bg := .Resize $resize }}
   {{- with index $.params.hb.background_image "brightness" }}
     {{- $bg = $bg.Filter (images.Brightness .) }}
   {{- end }}

diff --git a/hugo.toml b/hugo.toml
@@ -3,3 +3,4 @@ path = "github.com/hbstack/hb"
 
 [params.hb.background_image]
 brightness = 0
+modern_format = "webp"
Original file line number	Diff line number	Diff line change
Expand Up		@@ -3,3 +3,4 @@ path = "github.com/hbstack/hb"

		[params.hb.background_image]
		brightness = 0
		modern_format = "webp"