Colophon

This is a development blog, also a list of people, resources and tools that have made this site what it is. Check back regularly, as I try to keep this up-to-date, when I get time.

Statistics

Total Updated
3 Posts
Apr 9, 2021

Updates

  1. Alpine JS

  2. Eleventy

  3. Converting to Markdown

Recent commits
  1. #7705287

    Update dependencies

  2. #26e6a29

    Add '#' to commit log

  3. #a7b01f1

    Refine bookmark section design

  4. #1add421

    Add toc to /about

  5. #524eb5b

    Extract breadcrumbs into a shortcode

See all commits

Notes

Design

Special thanks go to:

And, in no particular order, a list of people and sites that have contributed some visual inspiration:

Development

This site is built using Eleventy (11ty), hosted on Netlify, the content and data is pulled from Contentful, Spotify, last.fm, and GitHub.

Source Code.

  • The The A11Y Project inspired me to try Eleventy, and provided excellent advice.
  • I am using and inspired by the CUBE CSS methodology for all the styling.
  • I was also inspired by SmolCSS. The minimal snippets are an excellent example that CSS is an art form.
  • I combined This tutorial in the Eleventy docs with PostCSS for a simple, extendable style pipeline.
  • The Eleventy RSS plugin avoided lots of RSS headaches.
  • Piccalilli wrote a simple tutorial on outputting JSON from Eleventy.
  • I was also helped along the way by tea-tack and eleventyone.

Typography

My typographic system is made up of:

  • Blanco from Foster Type is used as body copy, and some headings.
  • GT America Extended from Grilli Type is used for larger headings.
  • Pitch from Klim is used for smaller text, and data.