When used in reference to websites, a colophon is a description of the tools, systems and resources used to create the site and keep it operational. It also serves to acknowledge and give credit to all of them.
Hi, I'm @clearlysid and this is my personal website. It evolves as I do — the design, and underlying technologies keep changing as I grow and learn new things. Things break often and radical design changes happen overnight. No really.
- 11ty, the best static site generator in town
- Most words were written in Notion
- I design things in Figma
- Typeset in Antarctica Betri by NewGlyph
- VS Code is my code editor of choice
- The most robust web-animations tool GSAP
- Cloudinary handles image optimization and hosting
- Deployed via
In the past, I've used Jekyll, Hugo, Hexo, Gatsby and NextJS to power this site: but for a project this size, 11ty was a clear winner. I adore the JAMstack and try to keep my codebase lean if I can.
- Make homepage responsive
- Fluid typography and layouts
- Page transitions
- Migrate lifelog to this codebase
- Modular CSS structure
- Add case studies
- Add site-level navigation
Under the hood, I use Vite to process my JS and SCSS.
- To spin up a dev server:
yarn dev
- Build it for production:
yarn build
- Alternately, use
yarn prod
for a prod-build and serve it up locally