{{- $menus := $.Site.Menus.main | default slice -}}
+ {{- $optim := slice
+ (dict "Process" "fill center 96x96 webp q75" "descriptor" "96w")
+ (dict "Process" "fill center 144x144 webp q75" "descriptor" "144w")
+ (dict "Process" "fill center 192x192 webp q75" "descriptor" "192w")
+ -}}
{{- $avatarMenuIndex := 0 -}}
{{- if $profile.avatarMenu -}}
{{- range $index, $menu := $menus -}}
@@ -28,10 +33,10 @@
{{- $url = .RelPermalink -}}
{{- end -}}
- {{- dict "Src" $avatar "Alt" $.Site.Params.author.name "Width" 96 "Height" 96 | partial "plugin/image.html" -}}
+ {{- dict "Src" $avatar "Alt" "Home avatar" "Width" 96 "Height" 96 "OptimConfig" $optim | partial "plugin/image.html" -}}
{{- else -}}
- {{- dict "Src" $avatar "Alt" $.Site.Params.author.name "Width" 96 "Height" 96 | partial "plugin/image.html" -}}
+ {{- dict "Src" $avatar "Alt" "Home avatar" "Width" 96 "Height" 96 "OptimConfig" $optim | partial "plugin/image.html" -}}
{{- end -}}
{{- end -}}
diff --git a/layouts/partials/plugin/image-legacy.html b/layouts/partials/plugin/image-legacy.html
new file mode 100644
index 00000000..c4d01ee0
--- /dev/null
+++ b/layouts/partials/plugin/image-legacy.html
@@ -0,0 +1,114 @@
+{{- /*
+ deprecated: image-legacy.html
+ TODO delete this file in the next minor release
+*/ -}}
+{{- $params := partial "function/params.html" -}}
+{{- $class := .Class | default "" -}}
+{{- $style := "" -}}
+{{- $loading := .Loading | default "lazy" -}}
+{{- $onload := "" -}}
+{{- $onerror := "" -}}
+{{- $cacheRemoteImages := $params.cacheRemoteImages -}}
+{{- $suffixList := slice ".jpeg" ".jpg" ".png" ".gif" ".bmp" ".tif" ".tiff" ".webp" -}}
+{{- $responsive := .Responsive -}}
+
+{{- if hasPrefix .Src "data:image" -}}
+ {{- $responsive = false -}}
+{{- end -}}
+
+{{- /* handle for default size image */ -}}
+{{- $src := .Src -}}
+{{- $suffixValid := dict "Path" $src "Suffixes" $suffixList | partial "function/suffix-validation.html" -}}
+{{- with dict "Path" $src "Resources" .Resources "CacheRemoteImages" $cacheRemoteImages.enable | partial "function/resource.html" -}}
+ {{- $url := urls.Parse $src -}}
+ {{- if not $url.Host | or $cacheRemoteImages.replace -}}
+ {{- $src = .RelPermalink -}}
+ {{- end -}}
+ {{- /* only available for image resources that are raster images */ -}}
+ {{- if (eq .ResourceType "image") | and $suffixValid | and $responsive -}}
+ {{- $style = printf "--width: %vpx;--aspect-ratio: %v / %v;" .Width .Width .Height | safeHTMLAttr -}}
+ {{- end -}}
+{{- end -}}
+
+{{- $srcSmall := .SrcSmall | default $src -}}
+{{- $srcMedium := $src -}}
+{{- $srcLarge := .SrcLarge | default $src -}}
+
+{{- if $responsive }}
+ {{- /* handle for small size image */ -}}
+ {{- $suffixValidSmall := dict "Path" $srcSmall "Suffixes" $suffixList | partial "function/suffix-validation.html" -}}
+ {{- with dict "Path" .SrcSmall "Resources" .Resources "CacheRemoteImages" $cacheRemoteImages.enable | partial "function/resource.html" -}}
+ {{- $url := urls.Parse $.SrcSmall -}}
+ {{- if not $url.Host | or $cacheRemoteImages.replace -}}
+ {{- $srcSmall = .RelPermalink -}}
+ {{- end -}}
+ {{- if (eq .ResourceType "image") | and $suffixValidSmall -}}
+ {{- $style = printf "%v--width-small: %vpx;--aspect-ratio-small: %v / %v;" $style .Width .Width .Height | safeHTMLAttr -}}
+ {{- end -}}
+ {{- end -}}
+
+ {{- /* handle for large size image */ -}}
+ {{- $suffixValidLarge := dict "Path" $srcLarge "Suffixes" $suffixList | partial "function/suffix-validation.html" -}}
+ {{- with dict "Path" .SrcLarge "Resources" .Resources "CacheRemoteImages" $cacheRemoteImages.enable | partial "function/resource.html" -}}
+ {{- $url := urls.Parse $.SrcLarge -}}
+ {{- if not $url.Host | or $cacheRemoteImages.replace -}}
+ {{- $srcLarge = .RelPermalink -}}
+ {{- end -}}
+ {{- if (eq .ResourceType "image") | and $suffixValidLarge -}}
+ {{- $style = printf "%v--width-large: %vpx;--aspect-ratio-large: %v / %v;" $style .Width .Width .Height | safeHTMLAttr -}}
+ {{- end -}}
+ {{- end -}}
+
+ {{- /* handle for invalid suffix */ -}}
+ {{- if not $suffixValid | and $src -}}
+ {{- $class = printf "%v suffix-invalid" $class -}}
+ {{- end -}}
+ {{- if not $suffixValidSmall | and $srcSmall -}}
+ {{- $class = printf "%v suffix-invalid__small" $class -}}
+ {{- end -}}
+ {{- if not $suffixValidLarge | and $srcLarge -}}
+ {{- $class = printf "%v suffix-invalid__large" $class -}}
+ {{- end -}}
+
+ {{- /* set image srcset */ -}}
+ {{- if (eq $src $srcSmall) | and (eq $src $srcLarge) -}}
+ {{- $srcSmall = printf (cond (strings.Contains $srcSmall "?") "%v&size=small" "%v?size=small") $srcSmall -}}
+ {{- $srcMedium = printf (cond (strings.Contains $srcMedium "?") "%v&size=medium" "%v?size=medium") $srcMedium -}}
+ {{- $srcLarge = printf (cond (strings.Contains $srcLarge "?") "%v&size=large" "%v?size=large") $srcLarge -}}
+ {{- end -}}
+{{- end -}}
+
+{{- /* set image alt and caption */ -}}
+{{- $alt := .Alt | default $src -}}
+{{- $caption := .Caption | default $alt -}}
+
+{{- /* set image lazy loading */ -}}
+{{- /* for details, see https://lruihao.cn/posts/native-img-loading-lazy/ */ -}}
+{{- if eq $loading "lazy" -}}
+ {{- /* TODO move to theme.js */ -}}
+ {{- $commonScript := "this.title=this.dataset.title;for(const i of ['style', 'data-title','onerror','onload']){this.removeAttribute(i);}" -}}
+ {{- $onload = printf " onload=\"%vthis.dataset.lazyloaded='';\"" $commonScript | safeHTMLAttr -}}
+ {{- $onerror = printf " onerror=\"%v\"" $commonScript | safeHTMLAttr -}}
+ {{- $style = printf " style=\"%vbackground: url(%v) no-repeat center;\"" $style (resources.Get "images/loading.svg" | minify).RelPermalink | safeHTMLAttr -}}
+{{- end -}}
+
+{{- /* structure of lightgallery or img */ -}}
+{{- if .Linked -}}
+
+{{- end -}}
+