PageSourceSearch

https://ivy.boo/time/

html ivy.boo collected 2026-10-10 00:37:27 UTC 39,792 bytes, 1,194 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <meta property="fediverse:creator" content="@[email protected]">
7
8  <!-- safari compact tab bar color (if enabled) -->
9  <meta name="theme-color" content="#000"/>
10
11  <link rel="preload" href="https://cdn.ivy.boo/assets/sofia-pro-light.woff2" as="font" type="font/woff2" crossorigin>
12  <link rel="shortcut icon" sizes="192x192" href="https://cdn.ivy.boo/assets/favicon-192.png">
13  <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss">
14  <link rel="me" href="https://merveilles.town/@spiralganglion">
15  <link rel="stylesheet" href="/styles.css">
16
17  
17<script defer src="/scripts.js"></script>
17
18  
18<script type="speculationrules"> { "prerender": [{ "where": { "href_matches": "/*" }, "eagerness": "eager" }] } </script>
18
19  
19<script data-goatcounter="https://ivyboo.goatcounter.com/count" async fetchpriority="low" src="https://gc.zgo.at/count.js"></script>
19
20  <meta name="description" content="My life in reverse chronological order.">  <meta name="og:description" content="My life in reverse chronological order.">  <meta property="og:image" content="https://cdn.ivy.boo/time/og.jpg"></head>
21<body>
22<header>
23  <canvas class="js-stars"></canvas>
24  <be-enticed>
25    The <witty-quip></witty-quip> <a class="home-link" href="/">Ivy Reese</a>,
26    <span>by <a href="/type">type</a> or <a href="/time">time</a>.</span>
27  </be-enticed>
28  
28<script>
29    let choices = [
30      "blood bath",
31      "blood bird",
32      "blood crystal",
33      "blood drowned",
34      "blood feuding",
35      "blood flower",
36      "blood fluke",
37      "blood guilty",
38      "blood heat",
39      "blood less",
40      "blood letter",
41      "blood lust",
42      "blood meal",
43      "blood moon",
44      "blood poison",
45      "blood pressure",
46      "blood shot",
47      "blood sick",
48      "blood soaking",
49      "blood suck",
50      "blood vessel",
51      "blood warm",
52      "blood wit",
53      "blood wood",
54      "blood work",
55      "blood worm",
56      "blood wort",
57      "blood, relative",
58      "sanguine",
59    ]
60    let choice = choices[Math.random() * choices.length | 0]
61    document.querySelector("witty-quip").innerHTML = choice;
62  </script>
62
63</header>
64
65<main id="time">
66
67<style>
68  :root {
69    --link-hover: #fff8;
70    --maxLineLength: 48em;
71    --border: min(.5vw - 5px, 2px);
72    --border-color: #ffffff19;
73    --thumb: clamp(6rem, 15vw, 8rem);
74    --pad: clamp(.4rem, 2vw - .5rem, 1rem);
75    --extra-pad: clamp(var(--pad), 2rem - 2vw, 2rem);
76  }
77
78  body {
79    color: white;
80    background-color: black;
81  }
82
83  header canvas {
84    display: none;
85  }
86
87  .js-streaks {
88    position: fixed;
89    inset: 0;
90    z-index: -1;
91  }
92
93  main {
94    margin: 0;
95    padding: 0;
96    margin-left: max(80vw - 65em, 0px);
97  }
98
99  .link {
100    --link-hover: #fff;
101    display: flex;
102    align-items: center;
103    gap: var(--pad);
104    padding: var(--extra-pad) var(--pad);
105    margin: var(--pad) 0;
106    text-decoration: none;
107    -webkit-backdrop-filter: blur(1px) saturate(200%) brightness(30%);
108    backdrop-filter: blur(1px) saturate(200%) brightness(30%);
109    transition: .1s background linear;
110
111    &:hover {
112      background: linear-gradient(to right, #9991, #1119);
113    }
114  }
115
116  .note {
117    margin: 6rem 0;
118    padding-left: calc(var(--pad) + var(--thumb) + var(--pad) + var(--border));
119  }
120
121  @media(max-width: 600px) {
122    .note {
123      padding-left: 0;
124    }
125  }
126
127  .blog {
128    margin: 6rem 0;
129    padding-left: calc(var(--pad) + var(--thumb) + var(--pad) + var(--border));
130  }
131
132  .thumb, .thumb * {
133    width: var(--thumb);
134    height: var(--thumb);
135  }
136
137  .description {
138    border-left: var(--border) solid var(--border-color);
139  }
140
141  title {
142    margin-left: calc(var(--pad) + var(--thumb) + var(--pad) + var(--border) + var(--pad))
143  }
144
145  h1 {
146    font-size: clamp(2.4rem, 3.5vw, 4rem);
147    margin: 0 0 0 calc(var(--pad) + var(--thumb) + var(--pad) + var(--border) + var(--pad));
148  }
149
150  * + h1 { margin-top: 20vh; }
151  title + h1 { margin-top: 12vh; }
152
153  h2 {
154    display: inline-block;
155    margin: 0;
156    margin-top: -.2rem;
157    padding-bottom: var(--pad);
158    padding-left: var(--pad);
159    border-bottom: var(--border) solid var(--border-color);
160    line-height: 1;
161  }
162
163  .meta {
164    display: grid;
165    margin: var(--pad);
166    gap: var(--pad);
167
168    img {
169      margin-left: calc(-1 * var(--thumb) - var(--pad) - var(--border) - var(--pad) - var(--pad));
170      max-width: calc(100% + var(--thumb) + var(--pad) + var(--border) + var(--pad) + var(--pad) + var(--pad));
171      border: var(--border) solid black;
172      box-shadow: 1em 1em 2em black;
173    }
174  }
175
176  h3 {
177    font-weight: 900;
178    text-transform: uppercase;
179    font-size: 0.7rem;
180  }
181
182</style>
183
184<canvas class="js-streaks"></canvas>
185<script async src="time.js"></script>
185
186<title>By Time</title>
187
188
189<h1 id="2026">2026</h1>
190
191<div class="note">
192  <h2>May 22, 2026</h2>
193  <span class="meta">
194    <p>I came out of the closet today. I'm trans! Hello.<br>
195    I've been keeping a <a href="/journal"">"secret" journal</a> that you're welcome to read.<br>
196    You'll need a password — you know where to find me.</p>
197  </span>
198</div>
199
200<h1 id="2025">2025</h1>
201
202<div class="note">
203  <h2>Inhaling</h2>
204  <span class="meta">
205    <p>It's <a href="/december-adventure">December Adventure</a> again — feels like I haven't touched this site since the last one. My backlog of unpublished projects is so deep you could hide a kraken's lair under the extremophile vents.</p>
206  </span>
207</div>
208
209<a class="link" href="/todd-portraits">
210  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/todd-portraits/thumb.jpg">
211  <span class="description">
212    <h2>Todd's Portraits</h2>
213    <span class="meta">
214      <span>A few double-exposure portraits of me, shot by Todd Matthews in Barcelona.</span>
215    </span>
216  </span>
217</a>
218
219<h1 id="2024">2024</h1>
220
221<!-- <a class="blog">
222  <h2>Site</h2>
223  <span class="meta">
224    <h3>Blog</h3>
225    <span>2024-12-7</span>
226  </span>
227</a> -->
228
229<div class="note">
230  <h2><a href="/december-adventure">December Adventure</a></h2>
231  <span class="meta">
232    <p>I'll be making a new little thing every day this month. You can expect a torrent of tiny updates scattered across the <a href="/site">site</a>. Now might be a good time to subscribe to one of my <a href="/feeds">feeds</a>, and keep your eyes on the <a href="/blog">blog</a>.</p>
233  </span>
234</div>
235
236<a class="link" href="/2222">
237  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/2222/thumb.png">
238  <span class="description">
239    <h2>2222</h2>
240    <span class="meta">
241      <h3>Game</h3>
242      <span>The smallest game that'll melt your brain.</span>
243    </span>
244  </span>
245</a>
246
247<a class="link" href="/jerk">
248  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/jerk/thumb.jpg">
249  <span class="description">
250    <h2>Jerk</h2>
251    <span class="meta">
252      <h3>Song</h3>
253      <span>There are things you assumed were constant, but what if they aren’t?</span>
254    </span>
255  </span>
256</a>
257
258<a class="link" href="/tone-dome">
259  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/tone-dome/thumb.png">
260  <span class="description">
261    <h2>Tone Dome</h2>
262    <span class="meta">
263      <h3>Procedural Music</h3>
264      <span>Infinitely-scalable globally-distributed noise music game hack</span>
265    </span>
266  </span>
267</a>
268
269<a class="link" href="/hawker-news">
270  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/hawker-news/thumb.png">
271  <span class="description">
272    <h2>Hawker News</h2>
273    <span class="meta">
274      <h3>Song</h3>
275      <span>Dim bunch of runny boogers, the lot</span>
276    </span>
277  </span>
278</a>
279
280<h1 id="2023">2023</h1>
281
282<a class="link" href="/mashups">
283  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/mashups/thumb.jpg">
284  <span class="description">
285    <h2>Mashups</h2>
286    <span class="meta">
287      <h3>Art?</h3>
288      <span>I like to make mashups.</span>
289    </span>
290  </span>
291</a>
292
293<a class="link" href="/mostly-shallow">
294  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/mostly-shallow/thumb.png">
295  <span class="description">
296    <h2>Mostly Shallow</h2>
297    <span class="meta">
298      <h3>Toy</h3>
299      <span>A weird little camera.</span>
300    </span>
301  </span>
302</a>
303
304<a class="link" href="/dont-do-math">
305  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/dont-do-math/thumb.jpg">
306  <span class="description">
307    <h2>Don't Do Math</h2>
308    <span class="meta">
309      <h3>Song</h3>
310      <span>Never mind the below — <i>this</i> is my first song in 9 years.</span>
311    </span>
312  </span>
313</a>
314
315<div class="note">
316  <h2>Hey, new job!</h2>
317  <span class="meta">
318    <p>
318In the summer, I joined <a href="https://www.inkandswitch.com" rel="nofollow">Ink & Switch</a> as a researcher
319      of programmable ink.</p>
320  </span>
321</div>
322
323<a class="link" href="/magnetic-fields">
324  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/magnetic-fields/thumb.png">
325  <span class="description">
326    <h2>Magnetic Fields</h2>
327    <span class="meta">
328      <h3></h3>
329      <span>I tried to learn how magnets work by making them from scratch.</span>
330    </span>
331  </span>
332</a>
333
334<a class="link" href="/never">
335  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/never/thumb.jpg">
336  <span class="description">
337    <h2>Never</h2>
338    <span class="meta">
339      <h3>Song</h3>
340      <span>It's like Hollow Knight in there.</span>
341    </span>
342  </span>
343</a>
344
345<h1 id="2022">2022</h1>
346
347<a class="link" href="/shauns-amaj-rebirth">
348  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/shauns-amaj-rebirth/thumb.jpg">
349  <span class="description">
350    <h2>Shaun's Amaj Rebirth</h2>
351    <span class="meta">
352      <h3>Song</h3>
353      <span>Hey, how ya been? I wanted to ask - </span>
354    </span>
355  </span>
356</a>
357
358<a class="link" href="/wormhole">
359  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/wormhole/thumb.jpg">
360  <span class="description">
361    <h2>Wormhole</h2>
362    <span class="meta">
363      <h3>Song</h3>
364      <span>It's podcast science!</span>
365    </span>
366  </span>
367</a>
368
369<a class="link" href="/feeling-of-computing-podcast">
370  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/feeling-of-computing-podcast/thumb.png">
371  <span class="description">
372    <h2>Feeling of Computing Podcast</h2>
373    <span class="meta">
374      <h3>Podcast</h3>
375      <span>Every month, Jimmy and Ivy review and discuss something somehow related to the past or future of
376        computing — assuming a "month" lasts 5-6 weeks.</span>
377    </span>
378  </span>
379</a>
380
381<a class="link" href="/crosscut">
382  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/crosscut/thumb.png">
383  <span class="description">
384    <h2>Crosscut</h2>
385    <span class="meta">
386      <h3>Thoughts</h3>
387      <span>A dynamic drawing tool I worked on with Ink & Switch.</span>
388    </span>
389  </span>
390</a>
391
392<h1 id="2021">2021</h1>
393
394<a class="link" href="/hest/podcast">
395  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/hest/podcast/thumb.png">
396  <span class="description">
397    <h2>The Hest Podcast</h2>
398    <span class="meta">
399      <h3>Podcast</h3>
400      <span>Occasional brain-dumps about my main graphical programming research project.</span>
401    </span>
402  </span>
403</a>
404
405<h1 id="2020">2020</h1>
406
407<div class="note">
408  <h2>Nothing</h2>
409  <span class="meta">
410    <p>Nothing happened in 2020.</p>
411    <p>Well, Microsoft bought npm</p>
412  </span>
413</div>
414
415<h1 id="2019">2019</h1>
416
417<a class="link" href="/hest/time-travel">
418  <video class="thumb" width="128" height="128" src="https://cdn.ivy.boo/hest/time-travel/thumb.mp4" autoplay loop muted playsinline></video>
419  <span class="description">
420    <h2>Hest, Time Travel</h2>
421    <span class="meta">
422      <h3>Writing</h3>
423      <span>The design of Hest's programming model and time travel features.</span>
424    </span>
425  </span>
426</a>
427
428<h1 id="2018">2018</h1>
429
430<a class="link" href="/charges">
431  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/charges/charges-thumb.jpg">
432  <span class="description">
433    <h2>Charges</h2>
434    <span class="meta">
435      <h3>Procedural Art</h3>
436      <span>Fast physics.</span>
437    </span>
438  </span>
439</a>
440
441<a class="link" href="/visual-programming-codex">
442  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/visual-programming-codex/thumb.png">
443  <span class="description">
444    <h2>Visual Programming Codex</h2>
445    <span class="meta">
446      <h3>Project</h3>
447      <span>Waypoints to the past and future of visual programming.</span>
448    </span>
449  </span>
450</a>
451
452<a class="link" href="/pauling">
453  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/pauling/thumb.png">
454  <span class="description">
455    <h2>Pauling</h2>
456    <span class="meta">
457      <h3>Interactive</h3>
458      <span>An interactive cover page commissioned for the ATB annual report.</span>
459    </span>
460  </span>
461</a>
462
463<h1 id="2017">2017</h1>
464
465<div class="note">
466  <h2>Hiatus</h2>
467  <span class="meta">
468    <p>Building a house in the woods.</p>
469    <img
470      width="800" height="800"
471      alt="A strangely tinted photo of a white square resting on the ground surrounded by trees."
472      src="https://cdn.ivy.boo/time/trees.jpg">
473  </span>
474</div>
475
476<h1 id="2016">2016</h1>
477
478<a class="link" href="/starfailed">
479  <span class="thumb"><canvas class="js-stars"></canvas></span>
480  <span class="description">
481    <h2>Starfailed</h2>
482    <span class="meta">
483      <h3>Procedural Art</h3>
484      <span>Procedural artwork created for this website. A bug that became a feature.</span>
485    </span>
486  </span>
487</a>
488
489<a class="link" href="/diminished-fifth">
490  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/diminished-fifth/diminished-fifth-thumb.png">
491  <span class="description">
492    <h2>Diminished Fifth</h2>
493    <span class="meta">
494      <h3>Procedural Music</h3>
495      <span>My best music system yet. Written in ClojureScript, with interesting visuals, and an extensive
496        writeup.</span>
497    </span>
498  </span>
499</a>
500
501<h1 id="2015">2015</h1>
502
503<a class="link" href="/the-rice-is-plight">
504  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/the-rice-is-plight/the-rice-is-plight-thumb.png">
505  <span class="description">
506    <h2>The Rice Is Plight</h2>
507    <span class="meta">
508      <h3>Procedural Art</h3>
509      <span>A quick throwaway SVG toy. Don't open this page if you are photosensitive, hey?</span>
510    </span>
511  </span>
512</a>
513
514<div class="note">
515  <h2>The First Half Of 2015</h2>
516  <span class="meta">
517    <p>A prolonged period of international travel, as a honeymoon + sabbatical. Highlights:</p>
518    <ul>
519      <li>Glad-handing at a leather-working convention in Milan.</li>
520      <li>Fist-sized hunks of gorgonzola bought with pocket change in Scandicci.</li>
521      <li>Bathing in <a rel="nofollow" href="https://www.youtube.com/watch?v=-98fR9VmLbQ">Bartosz</a> at LambdaCon in
522        Bologna.</li>
523      <li>Holing-up in a little mountain village in Andalusia, and getting lost for hours hiking across the mountains,
524        and finally arriving at a cheese festival and drinking beer and eating cheese and feeling delighted to be
525        alive.
526      </li>
527      <li>Reading every damn word in <a rel="nofollow" href="http://worrydream.com">Bret Victor's codex</a>.</li>
528      <li>Trying VR with a fetishist ("No, the <i>other</i> kind of leather") in Tromsø.</li>
529      <li>Sneaking into a military base in Bergen to watch <a rel="nofollow"
530          href="https://jagajazzist.bandcamp.com/album/one-armed-bandit">Jaga Jazzist</a> (we couldn't afford tickets).
531      </li>
532      <li>Catching a weird opera with pigs and schoolchildren in Frankfurt.</li>
533    </ul>
534  </span>
535</div>
536
537<h1 id="2014">2014</h1>
538
539<div class="note">
540  <h2>The Second Half Of 2014</h2>
541  <span class="meta">
542    <p>Freyja and I got married in <a rel="nofollow" href="/roasterie">a coffee shop</a>!</p>
543    <img
544      width="1280" height="854"
545      alt="A photo of Ivy and Freyja, wearing owl scarves, looking happy."
546      src="https://cdn.ivy.boo/time/hoo.jpg">
547  </span>
548</div>
549
550<a class="link" href="/sneaky-dances">
551  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/sneaky-dances/sneaky-dances-thumb.jpg">
552  <span class="description">
553    <h2>Sneaky Dances</h2>
554    <span class="meta">
555      <h3>Album</h3>
556      <span>An album I started but was unable to finish. Includes a short, sweet song I'm particularly proud
557        of.</span>
558    </span>
559  </span>
560</a>
561
562<a class="link" href="/are-we-small-yet">
563  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/are-we-small-yet/are-we-small-yet-thumb.jpg">
564  <span class="description">
565    <h2>Are We Small Yet?</h2>
566    <span class="meta">
567      <h3>Procedural Music</h3>
568      <span>A new algorithmic sound engine, for live exhibition.</span>
569    </span>
570  </span>
571</a>
572
573<h1 id="2013">2013</h1>
574
575<a class="link" href="/a-d">
576  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/a-d/a-d-thumb.png">
577  <span class="description">
578    <h2>A/D</h2>
579    <span class="meta">
580      <h3>Performance</h3>
581      <span>This was the final performance I gave at Soundasaurus.</span>
582    </span>
583  </span>
584</a>
585
586<a class="link" href="/brain-scrubber">
587  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/brain-scrubber/brain-scrubber-thumb.png">
588  <span class="description">
589    <h2>Brain Scrubber</h2>
590    <span class="meta">
591      <h3>Interactive</h3>
592      <span>For Halloween, I made an interactive graphic where you can explore the inside of my head.</span>
593    </span>
594  </span>
595</a>
596
597<a class="link" href="/plus-15-installation">
598  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/plus-15-installation/plus-15-installation-thumb.jpg">
599  <span class="description">
600    <h2>+15 Installation</h2>
601    <span class="meta">
602      <h3>Procedural Music</h3>
603      <span>A year-long audio installation in the Arts Commons center for performing arts.</span>
604    </span>
605  </span>
606</a>
607
608<a class="link" href="/height">
609  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/height/height-thumb.png">
610  <span class="description">
611    <h2>Height</h2>
612    <span class="meta">
613      <h3>2D</h3>
614      <span>A glitchy-low-budget-horror self-portrait-as-web-page.</span>
615    </span>
616  </span>
617</a>
618
619<a class="link" href="/im-a-frayed-knot">
620  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/im-a-frayed-knot/im-a-frayed-knot-thumb.jpg">
621  <span class="description">
622    <h2>I'm A Frayed Knot</h2>
623    <span class="meta">
624      <h3>Song</h3>
625      <span>A (rough) pun of a tune.</span>
626    </span>
627  </span>
628</a>
629
630<a class="link" href="/err">
631  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/err/err-thumb.jpg">
632  <span class="description">
633    <h2>★ Err</h2>
634    <span class="meta">
635      <h3>Album</h3>
636      <span>The last Dedication Album. Arguably my best.</span>
637      <span>For Freyja, who—thanks in part to the hinting of this album—broke up with her then-boyfriend so we could
638        be together.</span>
639    </span>
640  </span>
641</a>
642
643<a class="link" href="/organs">
644  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/organs/organs-thumb.jpg">
645  <span class="description">
646    <h2>★ Organs</h2>
647    <span class="meta">
648      <h3>Album</h3>
649      <span>The fourth Dedication Album. My favourite album.</span>
650      <span>A ghost gave me permanent hearing loss.</span>
651    </span>
652  </span>
653</a>
654
655<a class="link" href="/quadrate-honey-and-the-baleen-mysterians">
656  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/quadrate-honey-and-the-baleen-mysterians/qhatbm-thumb.jpg">
657  <span class="description">
658    <h2>Quadrate Honey & the Baleen Mysterians</h2>
659    <span class="meta">
660      <h3>Album</h3>
661      <span>The third Dedication Album, for a luminous light that flickers like a moth when it shines on me.</span>
662    </span>
663  </span>
664</a>
665
666<a class="link" href="/pizza-face">
667  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/pizza-face/pizza-face-thumb.png">
668  <span class="description">
669    <h2>★ Pizza Face</h2>
670    <span class="meta">
671      <h3>2D</h3>
672      <span>For Color Month, I wanted to do something a bit absurd.</span>
673    </span>
674  </span>
675</a>
676
677<a class="link" href="/refract">
678  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/refract/refract-thumb.jpg">
679  <span class="description">
680    <h2>Refract</h2>
681    <span class="meta">
682      <h3>Game</h3>
683      <span>We made some experimental sonic puzzle Global Game jam. Delicious.</span>
684    </span>
685  </span>
686</a>
687
688<h1 id="2012">2012</h1>
689
690<a class="link" href="/above-genus-below-order">
691  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/above-genus-below-order/above-genus-below-order-thumb.jpg">
692  <span class="description">
693    <h2>★ Above Genus, Below Order</h2>
694    <span class="meta">
695      <h3>Album</h3>
696      <span>The second dedication album: a Christmas present for my family.</span>
697    </span>
698  </span>
699</a>
700
701<a class="link" href="/friendly-fires">
702  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/friendly-fires/friendly-fires-thumb.jpg">
703  <span class="description">
704    <h2>★ Friendly Fires</h2>
705    <span class="meta">
706      <h3>Album</h3>
707      <span>The first dedication album: a surprise for my beloved roommates.</span>
708    </span>
709  </span>
710</a>
711
712<div class="note">
713  <h2>The First Half Of 2012</h2>
714  <span class="meta">
715    <p>A prolonged period of unproductive misery.</p>
716    <p>Then I move back to Calgary, and start making music again. Having taken a 2 year break, I feel a renewed sense
717      of purpose. The music is much, much better.</p>
718  </span>
719</div>
720
721<a class="link" href="/four-four">
722  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/four-four/thumb.png">
723  <span class="description">
724    <h2>FOUR FOUR</h2>
725    <span class="meta">
726      <h3>Toy</h3>
727      <span>NUCK TATS</span>
728    </span>
729  </span>
730</a>
731
732<h1 id="2011">2011</h1>
733
734<div class="note">
735  <h2>The Second Half Of 2011</h2>
736  <span class="meta">
737    <p>A prolonged period of unproductive misery.</p>
738  </span>
739</div>
740
741<a class="link" href="/chord">
742  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/chord/chord-thumb.jpg">
743  <span class="description">
744    <h2>Chord</h2>
745    <span class="meta">
746      <h3>Album</h3>
747      <span>Soundtrack for a game that never became.</span>
748    </span>
749  </span>
750</a>
751
752<a class="link" href="/breakin">
753  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/breakin/breakin-thumb.jpg">
754  <span class="description">
755    <h2>Breakin!</h2>
756    <span class="meta">
757      <h3>Game</h3>
758      <span>I quit my job and made this.</span>
759    </span>
760  </span>
761</a>
762
763<a class="link" href="/a-shrinking-feeling">
764  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/a-shrinking-feeling/a-shrinking-feeling-thumb.jpg">
765  <span class="description">
766    <h2>A Shrinking Feeling</h2>
767    <span class="meta">
768      <h3>Game</h3>
769      <span>A game prototype where your character is continually shrinking, forever. A soundtrack that continually
770        speeds-up (or slows-down), forever.</span>
771    </span>
772  </span>
773</a>
774
775<div class="note">
776  <h2>Late January, 2011</h2>
777  <span class="meta">
778    <p>Moving to Edmonton, to live with circus/street performers in a decrepit house. I take a leave from my
779      programming
780      job and start making indie games with an old friend.</p>
781  </span>
782</div>
783
784<a class="link" href="/mary-everest-boole">
785  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/mary-everest-boole/mary-everest-boole-thumb.jpg">
786  <span class="description">
787    <h2>Mary Everest Boole</h2>
788    <span class="meta">
789      <h3>Performance</h3>
790      <span>My second Soundasaurus performance, dedicated to a great teacher of mathematics.</span>
791    </span>
792  </span>
793</a>
794
795<h1 id="2010">2010</h1>
796
797<a class="link" href="/mapping-creativity">
798  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/mapping-creativity/mapping-creativity-thumb.png">
799  <span class="description">
800    <h2>Mapping Creativity</h2>
801    <span class="meta">
802      <h3>Album</h3>
803      <span>A score for a feature film about the creative process.</span>
804    </span>
805  </span>
806</a>
807
808<a class="link" href="/this-score-is-butt-ugly">
809  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/this-score-is-butt-ugly/this-score-is-butt-ugly-thumb.png">
810  <span class="description">
811    <h2>This Score is Butt Ugly</h2>
812    <span class="meta">
813      <h3>Album</h3>
814      <span>A videogame-influenced score for a short film about smoking. Or, rather, not smoking.</span>
815    </span>
816  </span>
817</a>
818
819<a class="link" href="/cacodaemon">
820  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/cacodaemon/cacodaemon-thumb.jpg">
821  <span class="description">
822    <h2>★ Cacodaemon</h2>
823    <span class="meta">
824      <h3>Song</h3>
825      <span>The only good song on Away.</span>
826    </span>
827  </span>
828</a>
829
830<a class="link" href="/away">
831  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/away/away-thumb.jpg">
832  <span class="description">
833    <h2>Away</h2>
834    <span class="meta">
835      <h3>Album</h3>
836      <span>An ill-fated overwrought trainwreck of an album.</span>
837    </span>
838  </span>
839</a>
840
841<a class="link" href="/six-kingdoms">
842  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/six-kingdoms/six-kingdoms-thumb.jpg">
843  <span class="description">
844    <h2>Six Kingdoms</h2>
845    <span class="meta">
846      <h3>Song</h3>
847      <span>Just one song, a cover; the first experiment in "hiding" sounds.</span>
848    </span>
849  </span>
850</a>
851
852<a class="link" href="/the-unlimited-dream-company">
853  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/the-unlimited-dream-company/the-unlimited-dream-company-thumb.jpg">
854  <span class="description">
855    <h2>★ The Unlimited Dream Company</h2>
856    <span class="meta">
857      <h3>Performance</h3>
858      <span>Owen and I performed a bonkers sound-art piece, with costumes aplenty.</span>
859    </span>
860  </span>
861</a>
862
863<div class="note">
864  <h2>Sometime Around 2010</h2>
865  <span class="meta">
866    <p>I've moved back to Calgary, back to my music community friends. I'm now doing most of the programming for my
867      company. I stopped making visual art, and start doing bizarre performances.</p>
868  </span>
869</div>
870
871<h1 id="2009">2009</h1>
872
873<a class="link" href="/nest">
874  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/nest/nest-thumb.jpg">
875  <span class="description">
876    <h2>Nest</h2>
877    <span class="meta">
878      <h3>Song</h3>
879      <span>One of my longest songs, squished down to delicious pop-song proportions. Supremely weird.</span>
880    </span>
881  </span>
882</a>
883
884<a class="link" href="/alarm-crock">
885  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/alarm-crock/alarm-crock-thumb.jpg">
886  <span class="description">
887    <h2>Alarm Crock</h2>
888    <span class="meta">
889      <h3>Song</h3>
890      <span>An early morning loop-tune.</span>
891    </span>
892  </span>
893</a>
894
895<a class="link" href="/math-candy">
896  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/math-candy/thumb.png">
897  <span class="description">
898    <h2>Math Candy</h2>
899    <span class="meta">
900      <h3>Procedural Art</h3>
901      <span>Learning how to code in Flash</span>
902    </span>
903  </span>
904</a>
905
906<h1 id="2008">2008</h1>
907
908<a class="link" href="/slake-ganglion-split-ep">
909  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/slake-ganglion-split-ep/slake-ganglion-split-ep-thumb.png">
910  <span class="description">
911    <h2>Slake/Ganglion Split EP</h2>
912    <span class="meta">
913      <h3>Album</h3>
914      <span>I joined the band Slake as a guitarist, and we cut a little EP together.</span>
915    </span>
916  </span>
917</a>
918
919<a class="link" href="/cat-tastic">
920  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/cat-tastic/cat-tastic-thumb.jpg">
921  <span class="description">
922    <h2>Cat Tastic</h2>
923    <span class="meta">
924      <h3>Song</h3>
925      <span>A quick loopy mashup of snippets from another song, Cat Dandruff.</span>
926    </span>
927  </span>
928</a>
929
930<a class="link" href="/oven-cleaner">
931  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/oven-cleaner/oven-cleaner-thumb.jpg">
932  <span class="description">
933    <h2>Oven Cleaner</h2>
934    <span class="meta">
935      <h3>Song</h3>
936      <span>An early, voiceless demo with an alternate ending.</span>
937    </span>
938  </span>
939</a>
940
941<h1 id="2007">2007</h1>
942
943<a class="link" href="/happened">
944  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/happened/happened-thumb.jpg">
945  <span class="description">
946    <h2>Happened</h2>
947    <span class="meta">
948      <h3>Song</h3>
949      <span>Every known version of this tune about a spoon.</span>
950    </span>
951  </span>
952</a>
953
954<a class="link" href="/3d-studio-max">
955  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/3d-studio-max/3d-studio-max-thumb.jpg">
956  <span class="description">
957    <h2>3D Studio Max</h2>
958    <span class="meta">
959      <h3>3D</h3>
960      <span>A smattering of artworks I made on the side, during my two triumphant years as an employed computer artist.</span>
961    </span>
962  </span>
963</a>
964
965<a class="link" href="/leave-on-a-stretcher">
966  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/leave-on-a-stretcher/leave-on-a-stretcher-thumb.jpg">
967  <span class="description">
968    <h2>Leave on a Stretcher</h2>
969    <span class="meta">
970      <h3>Song</h3>
971      <span>In an alternate reality where Ganglion was a black drone noise metal band.</span>
972    </span>
973  </span>
974</a>
975
976<a class="link" href="/in-an-incubator">
977  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/in-an-incubator/in-an-incubator-thumb.jpg">
978  <span class="description">
979    <h2>In An Incubator</h2>
980    <span class="meta">
981      <h3>Album</h3>
982      <span>The second Ganglion album. I like this one better than the following eight.</span>
983    </span>
984  </span>
985</a>
986
987<a class="link" href="/ticker">
988  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/ticker/ticker-thumb.jpg">
989  <span class="description">
990    <h2>Ticker</h2>
991    <span class="meta">
992      <h3>Song</h3>
993      <span>A cherished moment from an abandoned album.</span>
994    </span>
995  </span>
996</a>
997
998<div class="note">
999  <h2>Start of 2007</h2>
1000  <span class="meta">
1001    <p>
1002      I move back to my hometown, making 3D art in the garage of a passionate founder of an education media startup. I live with my parents, who let me make as much noise as I want (though I'm too ashamed to do it around them). I carry my drum kit out onto the frozen lake for field recordings and poster art photos. I drive to the city on weekends to play shows and promote my albums and see friends.
1003    </p>
1004  </span>
1005</div>
1006
1007<h1 id="2006">2006</h1>
1008
1009<a class="link" href="/about-to-be-pretty">
1010  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/about-to-be-pretty/about-to-be-pretty-thumb.jpg">
1011  <span class="description">
1012    <h2>About To Be Pretty</h2>
1013    <span class="meta">
1014      <h3>Album</h3>
1015      <span>The first album under the "Ganglion" moniker. A loose collection of recording experiments, with a few enjoyable oddities.</span>
1016    </span>
1017  </span>
1018</a>
1019
1020<div class="note">
1021  <h2>Spring, 2006</h2>
1022  <span class="meta">
1023    <p>
1024      I'm an unemployed college <em>and</em> university-dropout, art-damaged, self-harming, a lethargic heap, lurking in a basement with his seething ex-girlfriend. For the first time, I have no innate sense of purpose, not even an inkling. Then I wake up to a voicemail cold-offering me a job doing 3D animation, and I bounce off "the bottom" with a resounding whump. As I write this—13 years later — I'm head of software at that same company, we're making strikingly cool <a rel="nofollow" href="https://www.lunchboxsessions.com">interactive learning media</a>, and I'm happily married. Talk about inverting the y-axis!
1025    </p>
1026  </span>
1027</div>
1028
1029<a class="link" href="/rexphisher">
1030  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/rexphisher/rexphisher-thumb.jpg">
1031  <span class="description">
1032    <h2>Rexphisher</h2>
1033    <span class="meta">
1034      <h3>Song</h3>
1035      <span>What an innocent little thing. I wonder what it is.</span>
1036    </span>
1037  </span>
1038</a>
1039
1040<h1 id="2005">2005</h1>
1041
1042<a class="link" href="/maya">
1043  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/maya/sq_iud.gif">
1044  <span class="description">
1045    <h2>Maya</h2>
1046    <span class="meta">
1047      <h3>3D</h3>
1048      <span>Early glitch experiments in this broken, pirated, powerful software.</span>
1049    </span>
1050  </span>
1051</a>
1052
1053<a class="link" href="/nyc-london-a95">
1054  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/nyc-london-a95/nyc-london-a95-thumb.jpg">
1055  <span class="description">
1056    <h2>NYC/London A95</h2>
1057    <span class="meta">
1058      <h3>Photography</h3>
1059      <span>A bit of travel, captured in lo-fi digital with my beloved Canon PowerShot A95.</span>
1060    </span>
1061  </span>
1062</a>
1063
1064<a class="link" href="/alarum-within">
1065  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/alarum-within/alarum-within-thumb.jpg">
1066  <span class="description">
1067    <h2>Alarum Within</h2>
1068    <span class="meta">
1069      <h3>Album</h3>
1070      <span>One weekend alone with the unflinchingly gonzo Owen Thelwall, war paint, and microphones — into a score for a play. My first proper album.</span>
1071    </span>
1072  </span>
1073</a>
1074
1075<div class="note">
1076  <h2>The First Half of 2005</h2>
1077  <span class="meta">
1078    <p>
1079      Life as a college dropout, with at least the usual amount of illegal, amoral psychosexual and mind altering exploration as you'd expect. Maybe a touch more. I apply and am accepted into an accelerated, inquiry-based Computer Science program at the University of Calgary. I realize that I love programming, and love making music.
1080    </p>
1081  </span>
1082</div>
1083
1084<h1 id="time-immemorial">Time Immemorial</h1>
1085
1086<a class="link" href="/acad-a80">
1087  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/acad-a80/thumb.jpg">
1088  <span class="description">
1089    <h2>★ ACAD A80</h2>
1090    <span class="meta">
1091      <h3>Photography</h3>
1092      <span>Taken around the time I attended art school. Captured with my beloved Canon PowerShot A80.</span>
1093    </span>
1094  </span>
1095</a>
1096
1097<a class="link" href="/outside-a80">
1098  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/outside-a80/outside-a80-thumb.jpg">
1099  <span class="description">
1100    <h2>★ Outside A80</h2>
1101    <span class="meta">
1102      <h3>Photography</h3>
1103      <span>Taken around the time I graduated from high school and throughout the following year of chaos at (and then not at) art school.</span>
1104    </span>
1105  </span>
1106</a>
1107
1108<div class="note">
1109  <h2>The First Half of 2004</h2>
1110  <span class="meta">
1111    <p>
1112      My parents bought me a <a rel="nofollow" href="https://en.wikipedia.org/wiki/Power_Mac_G5">Power Mac G5</a> as a graduation present. I was accepted into the Alberta College of Art and Design.
1113    </p>
1114  </span>
1115</div>
1116
1117<a class="link" href="/painting">
1118  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/painting/painting-thumb.jpg">
1119  <span class="description">
1120    <h2>Painting</h2>
1121    <span class="meta">
1122      <h3>2D</h3>
1123      <span>Learning how to paint, digitally and physically.</span>
1124    </span>
1125  </span>
1126</a>
1127
1128<a class="link" href="/photomanipulation">
1129  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/photomanipulation/photomanipulation-thumb.jpg">
1130  <span class="description">
1131    <h2>Photomanipulation</h2>
1132    <span class="meta">
1133      <h3>2D</h3>
1134      <span>Learning how to Photoshop.</span>
1135    </span>
1136  </span>
1137</a>
1138
1139<a class="link" href="/blowing-up-the-school-project">
1140  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/blowing-up-the-school-project/blowing-up-the-school-project-thumb.jpg">
1141  <span class="description">
1142    <h2>Blowing Up The School</h2>
1143    <span class="meta">
1144      <h3>3D</h3>
1145      <span>An animation of my school blowing up. For credit.</span>
1146    </span>
1147  </span>
1148</a>
1149
1150<a class="link" href="/product-609">
1151  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/product-609/product-609-thumb.jpg">
1152  <span class="description">
1153    <h2>Product 609</h2>
1154    <span class="meta">
1155      <h3>3D</h3>
1156      <span>One of my first 3D animations.</span>
1157    </span>
1158  </span>
1159</a>
1160
1161<a class="link" href="/ivanarts">
1162  <img class="thumb" width="128" height="128" loading="lazy" alt="" src="https://cdn.ivy.boo/ivanarts/thumb.jpg">
1163  <span class="description">
1164    <h2>IvanArts</h2>
1165    <span class="meta">
1166      <h3>Art</h3>
1167      <span>My first website. Some real "refrigerator art" here, oh boy.</span>
1168    </span>
1169  </span>
1170</a>
1171
1172<div class="note">
1173  <h2>Summer, 1998</h2>
1174  <span class="meta">
1175    <p>My family bought our second computer: a <a rel="nofollow" href="https://en.wikipedia.org/wiki/Power_Macintosh_G3#All-In-One">G3 All-In-One</a> — the infamous "Molar" Mac. We subscribed to MacAddict, and I started playing with 3D graphics applications on the bundled CD-ROMs.</p>
1176  </span>
1177</div>
1178
1179<div class="note">
1180  <h2>1992-ish</h2>
1181  <span class="meta">
1182    <p>My family bought our first computer: a used <a rel="nofollow" href="https://en.wikipedia.org/wiki/Macintosh_Plus">Macintosh Plus</a>. I started making interactive games and animations with <a rel="nofollow" href="https://en.wikipedia.org/wiki/HyperCard">HyperCard</a>. At school, my teachers encouraged my enthusiasm for computers with unfettered after-school access, special art software, and Logo-based <a rel="nofollow" href="https://en.wikipedia.org/wiki/Lego_Mindstorms#Pre-Mindstorm">Lego Dacta</a>.</p>
1183  </span>
1184</div>
1185
1186<div class="note">
1187  <h2>March 22, 1986</h2>
1188  <span class="meta">
1189    <p>Hi.</p>
1190  </span>
1191</div>
1192
1193
1194</main>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.