about summary refs log tree commit diff
path: root/served/the-continuum/the-continuum.html
diff options
context:
space:
mode:
authorgennyble <gen@nyble.dev>2025-02-13 04:50:51 -0600
committergennyble <gen@nyble.dev>2025-02-13 04:50:51 -0600
commit5eff5804b521a9035162a222ff565f13c5da58e3 (patch)
treed61c763427d0910d56d191d736675f77707f5f90 /served/the-continuum/the-continuum.html
parent4cb242a508dc55377b8ea92981a563bbac13c3ae (diff)
download∞-5eff5804b521a9035162a222ff565f13c5da58e3.tar.gz
∞-5eff5804b521a9035162a222ff565f13c5da58e3.zip
trip to a coffee shop redesign-2024-12
Diffstat (limited to 'served/the-continuum/the-continuum.html')
-rw-r--r--served/the-continuum/the-continuum.html38
1 files changed, 37 insertions, 1 deletions
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