patek/patek.cz
9
0
Fork 0
Code Issues 4 Pull Requests 2 Packages Projects Releases Wiki Activity

Use <figure> and <figcaption> in blogPhoto shortcode

Browse Source
This commit is contained in:
Vojtěch Káně 2020-04-21 22:55:57 +02:00
parent 891110771e
commit e591d16e9d
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
themes/patek/layouts/shortcodes/blogPhoto.html
View File

@ -5,7 +5,12 @@ Usage:
or
{{< blogPhoto src="filename_relative_to_page.ext" alt="Alt text" >}}
{{< blogPhoto src="filename_relative_to_page.ext" alt="Alt text" … >}}
where possible named params are:
* src - path to the image in page bundle
* alt - textual description of the image, the <img> alt attribute
* caption (optional) - the caption displayed under the image, defaults to `alt`. Set to false to disable caption rendering
*/ -}}
{{- $imageName := false -}}
@ -19,6 +24,7 @@ or
{{- end -}}
{{- if (eq $imageName nil) }}{{ errorf "Missing image name in %s" .Position }}{{ end -}}
{{- if (eq $alt nil) }}{{ errorf "Missing alt for image %s in %s" $imageName .Position }}{{ end -}}
{{- $caption := cond (eq (.Get "caption") false) false (default $alt (.Get "caption")) -}}
{{- $img := .Page.Resources.GetMatch $imageName | default nil -}}
{{- if (eq $img nil) }}{{ errorf "Image %s not found in %s" $imageName .Position }}{{ end -}}
@ -39,4 +45,7 @@ or
{{- $largest = $compressed -}}
{{- end -}}
<img src="{{ $largest.RelPermalink }}" alt="{{ $alt }}" srcset="{{ delimit $srcset ", " }}" sizes="(orientation: portrait) 100vw, 50vw">
<figure>
<img src="{{ $largest.RelPermalink }}" alt="{{ $alt }}" srcset="{{ delimit $srcset ", " }}" sizes="(orientation: portrait) 100vw, 50vw">
{{ if (ne $caption false) }}<figcaption>{{ $caption }}</figcaption>{{ end }}
</figure>