summaryrefslogtreecommitdiff
path: root/templates/blocks/gallery-image.html
diff options
context:
space:
mode:
authorDennis Fink2026-08-08 19:32:47 +0200
committerDennis Fink2026-08-08 19:32:47 +0200
commit1af817249d115ff7013d3ab1a30ea145e30924c7 (patch)
treeabaccd3582453e702754da0f111bf0a75002f14a /templates/blocks/gallery-image.html
parent0d0b6cf226c5a06c265de540ca0c2997e7ed2b06 (diff)
downloaddennisfink.me-1af817249d115ff7013d3ab1a30ea145e30924c7.tar.gz
dennisfink.me-1af817249d115ff7013d3ab1a30ea145e30924c7.zip
Add aspect-ratio-aware image galleries
This adds a project-local gallery plugin that builds deterministic rectangular image layouts from attachment aspect ratios, with both in-process and disk-backed layout caching. It also adds gallery flow blocks, templates, and CSS so posts can include responsive galleries with lazy-loaded images, configurable gaps, target ratios, and the existing breakout/centering utilities.
Diffstat (limited to '')
-rw-r--r--templates/blocks/gallery-image.html9
1 files changed, 9 insertions, 0 deletions
diff --git a/templates/blocks/gallery-image.html b/templates/blocks/gallery-image.html
new file mode 100644
index 0000000..44a8e93
--- /dev/null
+++ b/templates/blocks/gallery-image.html
@@ -0,0 +1,9 @@
+{% set image = record.attachments.get(this["image"]) %}
+{% if image %}
+ <img src="{{ image | url }}"
+ width="{{ image.width }}"
+ height="{{ image.height }}"
+ alt="{{ this["alt"] }}"
+ loading="lazy"
+ decoding="async">
+{% endif %}