From 3ddad0a0addfcf0761eddec48467152252d19f7d Mon Sep 17 00:00:00 2001
From: cel 🌸 <cel@blos.sm>
Date: Sat, 16 Sep 2023 22:16:03 +0100
Subject: add ability to hide checklist (no js!)

---
 articles/ejabberd.md | 3 ++-
 static/style.css     | 9 +++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/articles/ejabberd.md b/articles/ejabberd.md
index b832f70..a828cd1 100644
--- a/articles/ejabberd.md
+++ b/articles/ejabberd.md
@@ -12,8 +12,9 @@ we shall begin with a single virtualhost[^1]. for example purposes, we will use
 
 <div>
 <div class="panel checklist">
+checklist!: 
+<input type="checkbox" id="hide-checklist"><label for="hide-checklist">hide</label>
 
-checklist!:
 - [ ] add dns records
 - [ ] open firewall ports
 - [ ] set up web server
diff --git a/static/style.css b/static/style.css
index 039c62c..e4e3ebd 100644
--- a/static/style.css
+++ b/static/style.css
@@ -455,9 +455,18 @@ iframe {
   margin: 2vw 0;
 }
 
+input[type=checkbox]:checked~ul {
+  display: none;
+}
+
+.checklist p {
+  display: inline;
+}
+
 .checklist ul {
   list-style-type: none !important;
   padding: 0;
+  margin-bottom: 0;
 }
 
 code {
-- 
cgit