Files
caldwell/layouts/partials/gallery/list.html
Nikolaos Karaolidis ff705dd0ab Add lazy loading
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
2025-08-08 23:56:10 +02:00

27 lines
833 B
HTML

<div class="gallery masonry lightbox">
<div class="grid-sizer"></div>
{{ range sort .Pages "Date" "desc" }}
{{ if not .Params.private }}
{{ $imageData := partial "image/reflect.html" .Params.hero }}
{{ with $imageData.image }}
<div class="image grid-item">
<a
href="{{- .RelPermalink -}}"
data-pswp-width="{{- .Width -}}"
data-pswp-height="{{- .Height -}}"
>
<img
src="{{- .RelPermalink -}}"
width="{{- .Width -}}"
height="{{- .Height -}}"
loading="lazy"
{{ with $imageData.title }}title="{{- . -}}"{{ end }}
{{ with $imageData.alt }}alt="{{- . -}}"{{ end }}
/>
</a>
</div>
{{ end }}
{{ end }}
{{ end }}
</div>