1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
---
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" />
|
