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. #60699ae347e11962121517957dd1d50d4cbb7910

    Update cv.json

  2. #7147868cc868655944663160b000db2df87f64c6

    Improve the layout of items on small devices

  3. #b79245b0db76724385dc6d97d37481e0a9211691

    Convert post listing to new switcher composition

  4. #31149e6326a0c5d8d5489c87566bba917bd2a9f9

    Introduce switcher layout:

  5. #0210ae0f66f42e0b295de79047ad99b24f65016d

    Use all-small-caps instead of lowercase

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: