Credits

Giving credit where credit is due, this page is based off of the Credits page from Lea Verou.

This site was built using Eleventy, hosted on Cloudflare Pages, with previews deployed with Cloudflare. Certificate courtesy of Cloudflare and Let’s Encrypt.

Libraries #

• Eleventy

Fonts #

  :root {
    --font-family-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-family-serif: 'Playfair Display', serif;
    --font-family-mono: 'Fira Code', 'Courier New', Courier, monospace;
    --font-family-heading: 'Pirata One', cursive;
  }

Icons #

A custom icon component (icon-component.js) is used to render icons as web components with Font Awesome as the preferred icon library.

  <fa-icon type="brands" name="github" size="md"></fa-icon>

Plugins #

• eleventy-plugin-inclusive-language to check for inclusive language
• eleventy-plugin-rss to automatically generate an RSS feed
• eleventy-plugin-syntaxhighlight to highlight code blocks (seen on this page)
• eleventy-plugin-toc to automatically generate a linked table of contents. I use an if content | toc to show this only if the page has linkable headings.
• markdown-it-anchor adds IDs to markdown headings in order to create anchor links. Used in combination with the table of contents plugin.
• markdown-it-eleventy-img used for image processing of vector and raster images.
• markdown-it-highlightjs - highlights code blocks at build time utilizing PrismJS syntax highlighting.
• eleventy-plugin-emoji-readtime calculates the reading time of blog posts (i.e. any page using the blog layout) based on the number of words. A tag with the time to read is added to the top of a page where the FrontMatter has readtime: true.

Tools #

• VS Code
  • default editor, though I’ve been using Cursor more lately.
• Figma
  • design tool for creating the overall design, color palette, and a11y checking.
• GitHub
  • for hosting code and site deployment.
• Cloudflare
  • testing any site changes via pull requests before merging to main.