summaryrefslogtreecommitdiffstatshomepage
path: root/templates/shortcodes
diff options
context:
space:
mode:
authorWolfgang Müller2022-04-09 14:33:11 +0200
committerWolfgang Müller2022-04-09 14:33:11 +0200
commitea7baaa91d90fed16a036678f238bb9be3f02f53 (patch)
tree20652cecea1a49512d1df7040bac57d9b751fd4a /templates/shortcodes
parentf97584618e2003a8e3e3ef17d8dfb9809725c453 (diff)
downloadzunzuncito-ea7baaa91d90fed16a036678f238bb9be3f02f53.tar.gz
templates: Allow setting 'float' for figures in the 'img' shortcode
We've never had to flow text around a <figure> element before, so this particular feature was missing. Instead of creating small CSS rules, interface with the style attribute directly. This is easier and allows more straight-forward control.
Diffstat (limited to '')
-rw-r--r--templates/shortcodes/img.html4
1 files changed, 4 insertions, 0 deletions
diff --git a/templates/shortcodes/img.html b/templates/shortcodes/img.html
index ff6869d..1b960c4 100644
--- a/templates/shortcodes/img.html
+++ b/templates/shortcodes/img.html
@@ -1,6 +1,10 @@
{% set url = page.path ~ path | trim_start_matches(pat="/") -%}
{% set image = resize_image(path=url, width=width | default(value=500), op="fit_width", format=format | default(value="jpg")) -%}
+{% if not float -%}
<figure>
+{% else -%}
+<figure style="float: {{ float }};">
+{% endif -%}
<a href="/{{ url }}">
<img src="{{ image.url }}" alt="{{ alt }}" />
</a>