layouts/partials/gallery.html

{{- $imgs := .imgs -}}
{{- $galno := .galno -}}
<div class="snap-gallery" style="--columns:{{ default 4 .columns }};--min-width:{{ default "200px" .minwidth }};--gap:10px;--cursor:{{ .cursor }};--aspectratio:{{ safeCSS (default "16/10" .aspectratio) }};">
  {{- range $i, $img := $imgs -}}
  <div class="snap-image">
    <img src="{{ $img }}" onclick="openLightbox({{ $galno }});openLightboxItem({{ $galno }}, {{ add $i 1 }});">
  </div>
  {{- end -}}
</div>
optimise newlines 2024-02-05 15:06:31 +01:00			`{{- $imgs := .imgs -}}`
			`{{- $galno := .galno -}}`
allow to define aspect ratio 2024-02-05 15:33:43 +01:00			`<div class="snap-gallery" style="--columns:{{ default 4 .columns }};--min-width:{{ default "200px" .minwidth }};--gap:10px;--cursor:{{ .cursor }};--aspectratio:{{ safeCSS (default "16/10" .aspectratio) }};">`
optimise newlines 2024-02-05 15:06:31 +01:00			`{{- range $i, $img := $imgs -}}`
outsource gallery part to separate partial 2024-02-01 15:25:21 +01:00			`<div class="snap-image">`
rename JS functions to make them more clear 2024-02-01 16:34:27 +01:00			`<img src="{{ $img }}" onclick="openLightbox({{ $galno }});openLightboxItem({{ $galno }}, {{ add $i 1 }});">`
outsource gallery part to separate partial 2024-02-01 15:25:21 +01:00			`</div>`
optimise newlines 2024-02-05 15:06:31 +01:00			`{{- end -}}`
outsource gallery part to separate partial 2024-02-01 15:25:21 +01:00			`</div>`