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. Typography Update

    Published: July 2021

  2. Savee Integration

    Published: May 2021

  3. Updated Bookmarks Layout

    Published: April 2021

  4. A Simpler Layout

    Published: April 2021

  5. Eleventy

    Published: March 2021

  6. Alpine JS

    Published: March 2021

  7. Converting to Markdown

    Published: February 2021

Recent commits
  1. #8390c87

    Merge pull request #13 from LkeMitchll/dependabot/npm_and_yarn/nth-check-2.0.1

  2. #673aeb0

    Bump nth-check from 2.0.0 to 2.0.1

  3. #3a91bc1

    Format all HTML

  4. #4c9d473

    Add JSON feed for bookmarks

  5. #54c9978

    Now playing: Replace AlpineJS with web-component

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: