40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
<div class="gallery masonry lightbox">
|
|
<div class="grid-sizer"></div>
|
|
{{ range sort .Pages "Date" "desc" }}
|
|
{{ if not .Params.private }}
|
|
{{ $page := . }}
|
|
{{ $imageData := partial "components/image/reflect.html" .Params.hero }}
|
|
{{ with $imageData.image }}
|
|
<div class="image grid-item">
|
|
<a
|
|
href="{{- $page.RelPermalink -}}"
|
|
data-pswp-src="{{- .RelPermalink -}}"
|
|
data-pswp-width="{{- .Width -}}"
|
|
data-pswp-height="{{- .Height -}}"
|
|
class="pswp-image"
|
|
>
|
|
<img
|
|
src="{{- .RelPermalink -}}"
|
|
width="{{- .Width -}}"
|
|
height="{{- .Height -}}"
|
|
loading="lazy"
|
|
{{ with $imageData.title }}title="{{- . -}}"{{ end }}
|
|
{{ with $imageData.alt }}alt="{{- . -}}"{{ end }}
|
|
/>
|
|
</a>
|
|
<div class="pswp-caption-content">
|
|
<div>
|
|
{{ upper $page.Title }}
|
|
<div class="meta">
|
|
{{ $page.Date | time.Format ":date_medium" }}
|
|
·
|
|
<a href="{{- $page.RelPermalink -}}">View Post</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|