diff options
Diffstat (limited to 'layouts/_default/_markup/render-image.html')
| -rw-r--r-- | layouts/_default/_markup/render-image.html | 35 |
1 files changed, 24 insertions, 11 deletions
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index 7881b48..25d893e 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -1,16 +1,29 @@ +{{/* Split URL at # */}} {{ $url := .Destination | safeURL }} - -{{ $class := "" }} {{ $file_name_array := split $url "#" }} -{{ $file_name_len := len $file_name_array }} -{{ $tag := index $file_name_array (sub $file_name_len 1)}} -{{ if eq $tag "dark" }} -{{ $class = "img-dark" }} -{{ else if eq $tag "light" }} -{{ $class = "img-light" }} -{{end }} +{{/* +Iterate over all tags, which are in pos 1 to len array - 1, +and build the img class string as "img-tag1 img-tag2 ..." +*/}} + +{{ $classes := "" }} + +{{ range $idx := seq (sub (len $file_name_array) 1) }} +{{ $tag := index $file_name_array $idx }} +{{ $classes = printf "%s img-%s" $classes $tag}} +{{ end }} + +{{/* Use the computed classes on the rendered figure */}} +<figure class="{{ $classes }}"> + + <div> + <img loading="lazy" alt="{{ .Text }}" src=" {{ $url }}"> + </div> -<figure class="{{ $class }}"> - <img loading="lazy" alt="{{ .Text }}" src=" {{ $url }}"> + {{ with .Title }} + <div class="caption-container"> + <figcaption> {{ . | markdownify}} </figcaption> + </div> + {{ end }} </figure>
\ No newline at end of file |