You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

65 lines
2.1 KiB
HTML

{{ $params := . }}
{{ $caption := $params.caption | markdownify }}
{{ $content := $params.content | markdownify }}
{{ $float := $params.float }}
{{ $gap := $params.gap }}
{{ $horizontal := $params.horizontal | default "center" }}
{{ $maxwidth := $params.maxwidth }}
{{ $number := $params.number }}
{{ $numbered := $params.numbered }}
{{ $vertical := $params.vertical | default "center" }}
{{ $width := $params.width }}
{{ $showcaption := $caption }}
{{ $sidemargin := "" }}
{{ $table := false }}
{{ $widths := slice }}
{{ if and $caption $float }}
{{ $table = true }}
{{ end }}
{{ if $maxwidth }}
{{ $widths = $widths | append (printf "max-width: %v" $maxwidth) }}
{{ end }}
{{ if $width }}
{{ $widths = $widths | append (printf "width: %v" $width) }}
{{ end }}
{{ $widths = delimit ($widths | sort) "; " }}
{{ if $float }}
{{ if eq $float "start" }}
{{ $sidemargin = "me-4" }}
{{ else if eq $float "end" }}
{{ $sidemargin = "ms-4" }}
{{ else }}
{{ errorf "paige/figure: invalid float: %q" $float }}
{{ end }}
{{ end }}
{{ if $caption }}
{{ if $number }}
{{ $caption = printf "%v %v: %v" (i18n "paige_figure") $number $caption }}
{{ end }}
{{ else }}
{{ if $number }}
{{ $caption = printf "%v %v" (i18n "paige_figure") $number }}
{{ $showcaption = true }}
{{ else if $numbered }}
{{ $showcaption = true }}
{{ end }}
{{ end }}
<div class="align-items-{{ $vertical }} d-flex {{ with $float }} float-{{ . }} {{ end }} h-100 justify-content-{{ $horizontal }} {{ with $sidemargin }} {{ . }} {{ end }} paige-figure {{ if $numbered }} paige-figure-numbered {{ end }}">
<figure class="{{ if $table }} d-table {{ end }} mb-0" {{ with $widths }} style="{{ . | safeCSS }}" {{ end }}>
<div class="d-flex justify-content-{{ $horizontal }} text-{{ $horizontal }}">{{ $content }}</div>
{{ if $showcaption }}
<figcaption class="figure-caption {{ with $gap }} mt-{{ . }} {{ end }} text-{{ $horizontal }}" {{ if $table }} style="caption-side: bottom; display: table-caption" {{ end }}>{{ $caption }}</figcaption>
{{ end }}
</figure>
</div>