diff options
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 |