diff options
author | gennyble <gen@nyble.dev> | 2025-02-13 04:50:51 -0600 |
---|---|---|
committer | gennyble <gen@nyble.dev> | 2025-02-13 04:50:51 -0600 |
commit | 5eff5804b521a9035162a222ff565f13c5da58e3 (patch) | |
tree | d61c763427d0910d56d191d736675f77707f5f90 /served/the-continuum/the-continuum.html | |
parent | 4cb242a508dc55377b8ea92981a563bbac13c3ae (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.html | 38 |
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 |