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. Nº 10

    Notes

    Post

    Mar 04, 2023

  2. Nº 9

    Nesting CSS

    Post

    Mar 04, 2023

  3. Nº 8

    A Flat(ter) File CMS

    Post

    Jun 14, 2022

  4. Nº 7

    Typography Update

    Post

    Jul 18, 2021

  5. Nº 6

    Savee Integration

    Post

    May 02, 2021

  6. Nº 5

    Updated Bookmarks Layout

    Post

    Apr 30, 2021

  7. Nº 4

    A Simpler Layout

    Post

    Apr 30, 2021

  8. Nº 3

    Eleventy

    Post

    Mar 14, 2021

  9. Nº 2

    Alpine JS

    Post

    Mar 14, 2021

  10. Nº 1

    Converting to Markdown

    Post

    Feb 05, 2021

Recent changes
  1. #76aa315ecbccdec17ecb82e1cfcf093590e0f6f5

    Move TOC defs out templates; auto-gen ids

  2. #25d19225c6e803ff4d1222f3ddc3cd49383da7fc

    Update dependencies

  3. #7b5fdaa6ff3d7eb475f5cbd6200b69419de93ecd

    Dynamic date to work out how long I've been a designer

  4. #5259525e4080e0641e6ca060a27ba65630dba052

    Update dependencies

  5. #9817cd45a0748d53364782cc8230e2dbfe506000

    Correct the local cache times

See all changes

Impact

Approximately 0.08g of COâ‚‚ is produced every time someone visits this website. Which is cleaner than 93% of websites tested by websitecarbon.com.

According to the official eleventy speedlify rankings this website is the 223th fastest eleventy site submitted. Last time speedlify ran, this site earned the following lighthouse score:

  • Performance 99
  • Accessibility 100
  • Best Practices 100
  • SEO 100

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.

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: