My 11ty Blog
My blog, originally based on the very helpful eleventy-base-blog v8, although it has come a long way from its humble beginnings. For documentation, check the wiki.
Features
Design
- Fluid type and spacing systems for responsive pages with zero breakpoints
- Dark mode
- Graceful but unobtrusive page transitions
- Pretty variable typefaces
- Pretty 401 and 403 error pages
Fediverse Integration
- Mastodon toot embedding
- Commenting via Mastodon
Indieweb
- Auto-generated linktree-style page for the blog owner with support for custom attributes such as:
rel="me" - Built in support for webring links
- Auto-generated, styled RSS feeds
- All blog posts
- Each individual tag
- /now page that nicely handles posts tagged with "now"
- Blogroll generated from _data/blogroll.js, with an automatically updated .opml so that visitors can import every blog in the list
Technical
- Reusable web components:
- Card
- Mastodon comment
- Profile picture
- Embedded toot
Quality of Life
- Copyright notice, default post image, alt text, and author details defined in
metadata.js. - "Read Next" highlighting the previous blog post at the bottom of every post
- robots.txt tells AI scrapers to GTFO