From 101e0fa0088b5e50f8ee2df6058bd00568a3a1ee Mon Sep 17 00:00:00 2001 From: Botond Hende Date: Sun, 22 Sep 2024 19:51:22 +0200 Subject: spoiler tag support in content --- assets/css/blog.css | 18 ++++++++++++++++++ modules/blogpost_processor.py | 2 ++ modules/warko | 2 +- 3 files changed, 21 insertions(+), 1 deletion(-) diff --git a/assets/css/blog.css b/assets/css/blog.css index 0aa6459..e921a73 100644 --- a/assets/css/blog.css +++ b/assets/css/blog.css @@ -295,6 +295,24 @@ a.posts-listing-link:hover :is(h2, h3) text-decoration: underline; } +.spoiler { + position: absolute; + left:-10000px; +} + +.spoiler:checked ~ label.spoiler-on, +.spoiler:not(:checked) ~ label.spoiler-off { + display: none; +} + +label.spoiler-on { + background-color: var(--term-fg); +} + +label.spoiler-off { + background-color: var(--term-black); +} + @media (min-width: 768px) { main { border-width: 0.15rem; diff --git a/modules/blogpost_processor.py b/modules/blogpost_processor.py index 0af1409..39e2238 100644 --- a/modules/blogpost_processor.py +++ b/modules/blogpost_processor.py @@ -15,6 +15,7 @@ from .warko.extendedimage import get_image_renderer, ExtendedImageElement from .warko.newtablink import get_new_tab_links from .warko.quote import Quote from .warko.fakehtmltag import FakeHtml +from .warko.spoiler import Spoiler from ..config import Config CONTENT_FILE_NAME = "content.md" @@ -48,6 +49,7 @@ class Post: , get_new_tab_links(["blog.wazul.moe"]) , Quote , FakeHtml + , Spoiler ] ) diff --git a/modules/warko b/modules/warko index 57ad1a0..0f2a222 160000 --- a/modules/warko +++ b/modules/warko @@ -1 +1 @@ -Subproject commit 57ad1a02f119e81d44141c7f4960574132f392c4 +Subproject commit 0f2a22208906cb2f7aeaf01bccaeb9c58fb83ae3 -- cgit v1.2.3-70-g09d2