From b31c7b8f282ec3cf71e70a0fe4c7dd984d1e3a19 Mon Sep 17 00:00:00 2001
From: Starfall <us@starfall.systems>
Date: Tue, 5 Sep 2023 22:43:01 -0500
Subject: silly mercury retrograde thing

---
 src/css-experiments.html | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/css-experiments.html

(limited to 'src')

diff --git a/src/css-experiments.html b/src/css-experiments.html
new file mode 100644
index 0000000..cbe88af
--- /dev/null
+++ b/src/css-experiments.html
@@ -0,0 +1,35 @@
+---
+title = "CSS Experiments"
+layout = "base.njk"
+---
+
+<style>
+.warning {
+	display: none;
+}
+
+.warning + span {
+	color: #3d4041;
+	text-shadow: none;
+	border: 1px solid #3d4041;
+	border-radius: 0.25em;
+	padding: 0 0.25em;
+}
+
+.warning:checked + span {
+	color: pink;
+	text-shadow: 0 0 4px red, 0 0 12px red;
+	border: 1px solid pink;
+	border-radius: 0.25em;
+	box-shadow: 0 0 8px red;
+	padding: 0 0.25em;
+}
+</style>
+
+<section>
+	<p>Silly warning label. I've made it toggleable, because why not:
+	<label>
+		<input type=checkbox class=warning />
+		<span>MERCURY IN RETROGRADE</span>
+	</label>
+</section>
-- 
cgit