Under the bonnet
The two main webfonts are Mackinac by P22 and Clone by Rosetta which are self-served and subset using Font Squirrel. Code blocks are set in Fira Code and served (only on pages that need it) by Google Fonts as a variable font.
A heavy focus on all things typographic come from a wonderful undergraduate education experienced at the Department of Typography and Graphic Communication at University of Reading – if you love type and/or design, it’s the place to be educated!
The embedded tweets (as found here) are built off the back of [Kyle Mit’s plugin](https://github.com/KyleMit/eleventy-plugin-embed-tweet].
The theme picker (originally just a light/dark mode) is now heavily inspired by the one found on Max Böck’s site, kudos if you understand the little references in there. It automatically selects a theme based on your browser and contrast preferences, but then stores an overriden selection in
localStorage for next time you come back! The code for this can be found in
Don’t overcomplicate the build
It’s easy to keep adding things, but for a site this small, it’s important to validate it’s use. That said it’s a playground with no stakeholders, so it is always an opportunity to test things and have fun!
Regularly update time-sensitive information
A site is no good if it’s not up-to-date, the CV should have information added wherever relevant.
Make it work for everyone
- All colour contrast should be AA, and AAA with the high contrast preference
It will never be finished
It’s okay for it to be improved iteratively… there will always be more to do!
- Use British English with a casual tone
- Use single quotes for speech
- Separate items with a spaced en-dash, represent durations or ranges with an unspaced en-dash, join words with a hyphen
- Use correct micro-typographic glyphs –
×not x etc
- Use non-breaking spaces – either
- Immediate punctuation (full stops, commas, colons etc) lives outside links (as decided by Twitter)
To run the project locally:
$ npm i $ npm start
To build the project:
$ npm run build