summaryrefslogtreecommitdiffstats
path: root/layouts/_default
diff options
context:
space:
mode:
authorDanilo M. <danix@danix.xyz>2026-11-12 10:31:07 +0100
committerDanilo M. <danix@danix.xyz>2026-11-12 10:31:07 +0100
commit73478fbb995181c0fc15090d9abeabf7d4373f1c (patch)
tree92241fe02eeeb1b7abc20aac347b73e4e96a22f6 /layouts/_default
parent2066c9933766f5176a79ecf4ce5acc3a5fd339f1 (diff)
downloaddanixxyz-theme-73478fbb995181c0fc15090d9abeabf7d4373f1c.tar.gz
danixxyz-theme-73478fbb995181c0fc15090d9abeabf7d4373f1c.zip
feat: enlarge article images on click
A shared native <dialog> shows the clicked image at up to 95% of the viewport. Esc or a click closes it and focus returns to the image. Images are keyboard-reachable (Enter/Space). Linked images are skipped. Loaded on single pages only, styled inline so no CSS rebuild is needed. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Diffstat (limited to 'layouts/_default')
-rw-r--r--layouts/_default/baseof.html2
1 files changed, 2 insertions, 0 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 50bdf39..7aa13cc 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -111,6 +111,8 @@
{{ if eq .Kind "page" }}
{{ $codeScript := resources.Get "js/code-copy.js" | minify }}
<script src="{{ $codeScript.RelPermalink }}"></script>
+ {{ $zoomScript := resources.Get "js/image-zoom.js" | minify }}
+ <script src="{{ $zoomScript.RelPermalink }}"></script>
{{ end }}
<!-- Twemoji: consistent cross-platform emoji rendering on article pages -->