← Back

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.


Updates

  1. A Flat(ter) File CMS

    June 2022

  2. Typography Update

    July 2021

  3. Savee Integration

    May 2021

  4. Updated Bookmarks Layout

    April 2021

  5. A Simpler Layout

    April 2021

  6. Eleventy

    March 2021

  7. Alpine JS

    March 2021

  8. Converting to Markdown

    February 2021

Recent commits
  1. #6a413b8

    Fix About page content and layout

  2. #f8df35d

    Replace 'markdown-it-sidenote':

  3. #f1e8bc8

    Add /colophon/post/flatter-file-cms

  4. #5c431e2

    Update /uses

  5. #b0d9e38

    Small visual tweaks:

See all commits

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.

The Source Code is hosted on GitHub.

  • The The A11Y Project inspired me to try Eleventy, and provided excellent advice.
  • I am using 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.
  • Signifier from Klim is used for larger headings.
  • Pitch from Klim is used for smaller text, and data.

This site has formerly used: