alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨feat(shortcode): add spoiler shortcode (#113)

Browse Source
This commit is contained in:
Óscar
2023-08-24 14:27:33 +02:00
committed by GitHub
parent 3822f00d3e
commit 151063d74b
6 changed files with 120 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
templates/shortcodes/spoiler.html Normal file
View File

@@ -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>