From 5eff5804b521a9035162a222ff565f13c5da58e3 Mon Sep 17 00:00:00 2001
From: gennyble <gen@nyble.dev>
Date: Thu, 13 Feb 2025 04:50:51 -0600
Subject: trip to a coffee shop

---
 served/the-continuum/the-continuum.html | 38 ++++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

(limited to 'served/the-continuum/the-continuum.html')

diff --git a/served/the-continuum/the-continuum.html b/served/the-continuum/the-continuum.html
index 685b672..77367f2 100644
--- a/served/the-continuum/the-continuum.html
+++ b/served/the-continuum/the-continuum.html
@@ -6,6 +6,26 @@ style=the-continuum.css
 ---
 [@paragraphs off]
 
+<script>
+	let domId = document.getElementById.bind(document);
+	window.addEventListener('DOMContentLoaded', () => {
+		domId('skipset').addEventListener('change', continuumSelect);
+		continuumSelect();
+	});
+
+	function continuumSelect() {
+		let dontskip = domId('dontskip').checked;
+		let skip = domId('skip').checked;
+
+		let src = "continuum.png";
+		if (skip) {
+			src = "skipmiss-continuum.png";
+		}
+
+		domId('continuum').src = src;
+	}
+</script>
+
 <section id="info">
 	<p>The Continuum takes the updated-daily banners from the home page, compresses
 		their height to 1 pixel tall, and adds them to an ever alive image.</p>
@@ -18,6 +38,22 @@ style=the-continuum.css
 	<p>I suspect since the images are not part of a larger work, like a movie, this
 		may devolve into chaos. I welcome chaos! It'd be neat to see seasonal changes,
 		though, or some kind of pattern emerge.</p>
+
+	<form>
+		<fieldset id="skipset">
+			<input type="radio" name="skipmiss" id="dontskip" value="dont" checked />
+			<label for="dontskip">don't skip misses</label>
+
+			<input type="radio" name="skipmiss" id="skip" value="skip" />
+			<label for="skip">skip misses</label>
+		</fieldset>
+	</form>
+
+	<p>Sometimes I miss a day, I'm only human. To view the image with missed days
+		as entirely black images, select the "don't skip misses" option. To not
+		include those days at all, select "skip misses".
+	</p>
 </section>
 
-<img src="continuum.png" alt="" />
\ No newline at end of file
+<img id="continuum" src="continuum.png"
+	alt="a chaotic, horizontally stripped image. each line has a sort of rough calmness to it, but mushed together it all looks very busy" />
\ No newline at end of file
-- 
cgit 1.4.1-3-g733a5