Twelvety is a pre-configured Eleventy starter project built to be fast. It includes:

- Component architecture
- CSS pipeline using Sass, PostCSS and CleanCSS
- JS pipeline using Browserify, Babel and Uglify
- Page-specific CSS and JS
- Inline critical CSS and defer non-critical CSS
- Minified HTML, CSS and JS
- Responsive picture shortcode **with AVIF and WebP support**
- Content-hash of assets

See the [GitHub repository](https://github.com/gregives/twelvety) for documentation.

Made and used by [Greg Ives](https://gregives.co.uk)

<!-- Markdown images will automatically use the responsive picture shortcode -->
![Time-lapse of a blue and white train moving fast through a station](train.jpg)
