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 use
Source 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