public/website
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support for SVG placeholder

Browse source
This commit is contained in:
Michael Boelen 2024-11-19 09:12:01 +00:00
parent 2842174436
commit de34b1cad8
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
themes/nluug/layouts/partials/show-image.html
View file

@ -3,6 +3,7 @@
<picture>
{{ $isJPG := eq (path.Ext .image) ".jpg" }}
{{ $isPNG := eq (path.Ext .image) ".png" }}
{{ $isSVG := eq (path.Ext .image) ".svg" }}
{{ if ($isJPG) -}}
{{ $webpPath:= replace .image ".jpg" ".webp" }}
@ -21,9 +22,13 @@
<source srcset="{{ $webpPath | safeURL }}" type="image/webp">
{{- end }}
{{- end }}
{{ $img := imageConfig (add "/static" (.image | safeURL)) }}
<img src="{{ .image | safeURL }}" alt="{{ .alt }}"{{ if not .above_the_fold }} loading="lazy"{{ end }} decoding="async" width="{{ $img.Width }}" height="{{ $img.Height }}">
{{ if or ($isJPG) ($isPNG) }}
{{ $img := imageConfig (add "/static" (.image | safeURL)) }}
<img src="{{ .image | safeURL }}" alt="{{ .alt }}"{{ if not .above_the_fold }} loading="lazy"{{ end }} decoding="async" width="{{ $img.Width }}" height="{{ $img.Height }}">
{{ else if ($isSVG) }}
<img src="{{ .image | safeURL }}" alt="{{ .alt }}"{{ if not .above_the_fold }} loading="lazy"{{ end }} decoding="async" width="200" height="200">
{{ end }}
</picture>
{{ if .figcaption }}
<figcaption>