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.

  • Total6 Posts

  • UpdatedApr 9, 2021

Updates

  1. Savee Integration

    Published: May 2021

  2. Updated Bookmarks Layout

    Published: April 2021

  3. A Simpler Layout

    Published: April 2021

  4. Eleventy

    Published: March 2021

  5. Alpine JS

    Published: March 2021

  6. Converting to Markdown

    Published: February 2021

Recent commits
  1. #a6b4027

    Remove alpineJS

  2. #ce591b2

    Refactor Savee integration. There is no need to call /login endpoint to grab an auth_token before calling /items (unless you want to display private items.

  3. #024d962

    Correct superscript line-height

  4. #9bf74f5

    Fix stylelint command

  5. #09b565c

    Process markdown for bookmark notes

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.