---
template=post
title=The Continuum
style=/styles/post.css
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>

	<p>Banner archive: <a href="banners/">banners.html</a></p>

	<p>Heavily inspired by Movie Iris by LoSinCos.
		Check it out on github: <a href="https://github.com/LoSinCos/movie-iris">LoSinCos/movie-iris</a>.</p>

	<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 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" />