121 lines
4.7 KiB
HTML
121 lines
4.7 KiB
HTML
{{ $caption := .Get "caption" }}
|
|
{{ $captionclass := .Get "captionclass" }}
|
|
{{ $captionstyle := .Get "captionstyle" }}
|
|
{{ $class := .Get "class" }}
|
|
{{ $contentclass := .Get "contentclass" }}
|
|
{{ $contentstyle := .Get "contentstyle" }}
|
|
{{ $image := .Get "image" }}
|
|
{{ $imageclass := .Get "imageclass" }}
|
|
{{ $images := .Get 0 | default (.Get "images") }}
|
|
{{ $imagestyle := .Get "imagestyle" }}
|
|
{{ $innercaptionclass := .Get "innercaptionclass" }}
|
|
{{ $innercaptionstyle := .Get "innercaptionstyle" }}
|
|
{{ $innerclass := .Get "innerclass" | default "d-table mb-0" }}
|
|
{{ $innerstyle := .Get "innerstyle" }}
|
|
{{ $method := .Get "method" | default "resize" }}
|
|
{{ $options := .Get "options" | default "550x webp picture Lanczos" }}
|
|
{{ $style := .Get "style" }}
|
|
{{ $type := .Get "type" | default "rows" }}
|
|
|
|
{{ if $image }}
|
|
{{ $captionclass = $captionclass | default "figure-caption text-center" }}
|
|
{{ $captionstyle = $captionstyle | default "caption-side: bottom; display: table-caption" }}
|
|
{{ $resource := partial "paige/func-resource.html" (dict
|
|
"page" .Page
|
|
"url" $image
|
|
) }}
|
|
|
|
{{ partial "paige/image-figure.html" (dict
|
|
"caption" $caption
|
|
"captionclass" $captionclass
|
|
"captionstyle" $captionstyle
|
|
"class" $innerclass
|
|
"contentclass" $contentclass
|
|
"contentstyle" $contentstyle
|
|
"imageclass" $imageclass
|
|
"imagestyle" $imagestyle
|
|
"link" $resource.RelPermalink
|
|
"method" $method
|
|
"options" $options
|
|
"page" .Page
|
|
"resource" $resource
|
|
"src" $image
|
|
"style" $innerstyle
|
|
) }}
|
|
{{ else }}
|
|
{{ $inner := chomp .Inner }}
|
|
|
|
{{ $resources := slice }}
|
|
{{ with $images }}
|
|
{{ with $.Page.Resources.Match . }}
|
|
{{ $resources = . }}
|
|
{{ else }}
|
|
{{ $resources = resources.Match . }}
|
|
{{ end }}
|
|
{{ else }}
|
|
{{ with .Page.Resources.ByType "image" }}
|
|
{{ $resources = . }}
|
|
{{ else }}
|
|
{{ $resources = resources.ByType "image" }}
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
<figure>
|
|
{{ if eq $type "grid" }}
|
|
<div class="container-fluid{{ if $caption }} figure-img{{ end }} px-0">
|
|
<div class="align-items-center gx-3 gy-3 justify-content-center row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 row-cols-xxl-6">
|
|
{{ with $inner }}
|
|
{{ . }}
|
|
{{ else }}
|
|
{{ range $resources }}
|
|
{{ partial "paige/image-figure.html" (dict
|
|
"captionclass" $captionclass
|
|
"captionstyle" $captionstyle
|
|
"class" $innerclass
|
|
"contentclass" $contentclass
|
|
"contentstyle" $contentstyle
|
|
"imageclass" $imageclass
|
|
"imagestyle" $imagestyle
|
|
"link" .RelPermalink
|
|
"method" $method
|
|
"options" $options
|
|
"resource" .
|
|
"style" $innerstyle
|
|
) }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ else if eq $type "rows" }}
|
|
{{ $imagestyle = $imagestyle | default "max-height: 10rem" }}
|
|
<div class="align-items-center column-gap-3 d-flex{{ with $caption }} figure-img{{ end }} flex-wrap justify-content-center row-gap-3">
|
|
{{ with $inner }}
|
|
{{ . }}
|
|
{{ else }}
|
|
{{ range $resources }}
|
|
{{ partial "paige/image-figure.html" (dict
|
|
"captionclass" $captionclass
|
|
"captionstyle" $captionstyle
|
|
"class" $innerclass
|
|
"contentclass" $contentclass
|
|
"contentstyle" $contentstyle
|
|
"imageclass" $imageclass
|
|
"imagestyle" $imagestyle
|
|
"link" .RelPermalink
|
|
"method" $method
|
|
"options" $options
|
|
"resource" .
|
|
"style" $innerstyle
|
|
) }}
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
{{ else }}
|
|
{{ errorf "invalid type: %q" $type }}
|
|
{{ end }}
|
|
{{ with $caption }}
|
|
<figcaption class="figure-caption text-center">{{ . }}</figcaption>
|
|
{{ end }}
|
|
</figure>
|
|
{{ end }}
|