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

Verbeter weergave afbeeldingen en ondersteun webp

Browse source
This commit is contained in:
Michael Boelen 2023-05-24 02:26:08 +02:00
parent 6659fc3378
commit 4efe0a3612
50 changed files with 95 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,33 @@
<figure>
<picture>
{{ $isJPG := eq (path.Ext .image) ".jpg" }}
{{ $isPNG := eq (path.Ext .image) ".png" }}
{{ if ($isJPG) -}}
{{ $webpPath:= replace .image ".jpg" ".webp" }}
{{ $webpPathStatic:= printf "static/%s" $webpPath }}
{{ if (fileExists $webpPathStatic) -}}
<source srcset="{{ $webpPath | safeURL }}" type="image/webp">
{{- end }}
{{- end }}
{{ if ($isPNG) -}}
{{ $webpPath:= replace .image ".png" ".webp" }}
{{ $webpPathStatic:= printf "static/%s" $webpPath }}
{{ if (fileExists $webpPathStatic) -}}
<source srcset="{{ $webpPath | safeURL }}" type="image/webp">
{{- end }}
{{- end }}
{{ $img := imageConfig (add "/static" (.image | safeURL)) }}
{{ if .link }}<a href="{{ .link }}">{{ end }}
<img src="{{ .image | safeURL }}" alt="{{ .alt }}" loading="lazy" decoding="async" width="{{ $img.Width }}" height="{{ $img.Height }}">
{{ if .link }}</a>{{ end }}
</picture>
{{ if .figcaption }}
<figcaption>
<small><strong>{{ .figcaption }}</strong></small>
</figcaption>
</figure>
{{ end }}