higby.io Major Revision 3
v1 Inital Commit: 2017-10-12, 17:56:00 PDT
v3 Last Updated: 2022-06-26, 17:00:31 PDT
Site
Built with Eleventy and hosted on Netlify. Each page is written in Markdown and rendered with markdown-it. In addition, the following plugins are used:
Eleventy
- eleventy-plugin-toc
- A custom plugin inspired by LazyImages and Images, Correctly.
- A modified version of Mark Thomas Miller's date fix
markdown-it
- markdown-it-footnote
- markdown-it-mark
- markdown-it-image-figures
- markdown-it-anchor
- markdown-it-attrs
- A modified version of markdown-it-attribution
NPM Packages
- js-beautify (for HTML cleaning)
- jsdom
- rimraf
- npm-run-all
- sharp
- Node Fetch
- Moment Timezone
Design
Typography
Inter for general useSource Code Pro for code
CSS
CSS rendered with SASS.
The site theme is built from Natural Selection, which is perfection and everyone should use. Adheres to The 8 Point Grid System, uses The New CSS Reset, and heading sizes were calculated using Typographic Scale Tool.
Images
Magic cards come from Scryfall.
Pokemon icons are from the wonderful PokéSprite repository.
Pokemon renders were ripped by TehPerson.
Thanks
- MDN Web Docs - the best reference
- w3schools - for helping a kid get started
- JSFiddle - perfect for on the fly testing
- File directory structure inspired by 11ty-blog-starter by Rong Ying
- Design Systems - source of many good design references
- Print Styles - perfect reference for CSS print styles