From a2ea06d513a5802964f8f0ef5795cec7e548ed7b Mon Sep 17 00:00:00 2001
From: Alejandro Soto <alejandro@34project.org>
Date: Sat, 13 Sep 2025 14:55:15 -0600
Subject: Squashed 'themes/tabi-lean/' content from commit 95c8796

git-subtree-dir: themes/tabi-lean
git-subtree-split: 95c879696445ede40daa7a30a88dae5dd74d5c0c
---
 templates/shortcodes/spoiler.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 templates/shortcodes/spoiler.html

(limited to 'templates/shortcodes/spoiler.html')

diff --git a/templates/shortcodes/spoiler.html b/templates/shortcodes/spoiler.html
new file mode 100644
index 0000000..ff9e695
--- /dev/null
+++ b/templates/shortcodes/spoiler.html
@@ -0,0 +1,13 @@
+{# The `random_id` ensures that each instance of the shortcode has a "unique" id #}
+{# allowing individual interactive elements (like toggles) to function correctly. #}
+{# This avoids conflicts when multiple instances of the shortcode are used. #}
+{# More context: https://github.com/welpo/tabi/issues/82 #}
+{%- set random_id = get_random(end=100000) -%}
+{%- set fixed_blur = fixed_blur | default(value=false) -%}
+
+<label class="spoiler-container{% if fixed_blur %} fixed-blur{% endif %}">
+    <input type="checkbox" id="spoiler-{{random_id}}" class="spoiler-toggle" role="button" aria-pressed="false" />
+    <span class="spoiler-content" title="reveal spoiler" tabindex="0">
+        <span class="spoiler-hidden">{{ text | markdown | trim_start_matches(pat="<p>") | trim_start_matches(pat="</p>") | safe }}</span>
+    </span>
+</label>
-- 
cgit v1.2.3