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.