How this site was built

Technologies, techniques and more

NextJS logoBuilt using NextJS
TypeScript logoCoded in TypeScript
Tailwind CSS logoStyled with Tailwind CSS
Vercel logoHosted using Vercel

Fast, with minimal JS

Heavily optimized, this site loads in milliseconds. JavaScript is only used where necessary, and always with graceful fallback, making the site 100% usable with JavaScript disabled.

About the background

I've always been a fan of cellular automata, so this site's dynamic background is a slow-running simulation of Conway's Game of Life.

Each time a cell is born it is assigned a random color which it keeps until it dies. One generation smoothly fades into the next.

Custom assets

Image assets made using Adobe Illustrator and Adobe Photoshop

Rocket
Seamless theme integration
Medkit
Matched colors and shadows

Other tools

Additional tools used to build this site

git

Version control provided by GitHub, with GitHub Actions and Vercel's GitHub integrations for CI/CD.

eslint

Code quality rules are enforced by CI, with fixes automatically applied at commit time.

prettier

Formatting is enforced by CI to ensure consistency and reduce noise in diffs, and automatically applied at commit time.

webstorm

JetBrains provides my IDEs of choice, and their WebStorm IDE is used for all of this site's development.