Colophon

A colophon is a section which describes what makes up a site and the design ideology behind it.

The code behind this website is Open source on GitHub, licensed under the GNU Affero General Public License v3.0.

This website was made to have some fun (e.g. some animations) but also be friendly to a variety of devices and older technology and to save bandwith (many resources are inlined upon compiling).

This website was made using Eleventy v3.1.2 on my Macbook Air.

Now Playing

The "Now Playing" section my website uses Tasker to sync the position of the song to a server hosted on Nest and grabs the details of the song from Last.fm. It then grabs time-synced lyrics from Lrclib and does some client side math to align them to what I'm currently hearing (±3 seconds).

Animations and transitions

This website uses Barba.js combined with GSAP to animate pages. It's intended to look like an SPA while being made with Eleventy and Vanilla JavaScript. I hate frameworks.