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. #7b5fdaa6ff3d7eb475f5cbd6200b69419de93ecd

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

  2. #5259525e4080e0641e6ca060a27ba65630dba052

    Update dependencies

  3. #9817cd45a0748d53364782cc8230e2dbfe506000

    Correct the local cache times

  4. #d533b75e1fcd1dba30f1de371bf2e07d26380fb8

    About: Fix quicklink to 'History'

  5. #63c68337f581ea42b867ce1c0325037fd9d06fe1

    Uses: Update poadcast app, headphones etc.

See all changes

Impact

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

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

  • Performance 100
  • 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: