Skip to main content
eleventeen v9.2.12-alpha.9 Attend 11ty Conf 🎫

About eleventeen 🌈📓 #

Eleventeen is an evolving variation of Eleventy Base Blog, an Eleventy blog starter. The name is an homage to the Daisy Chainsaw album 👩🏻‍🎤🎶

Eleventy Base Blog is:

A starter repository showing how to build a blog with the Eleventy site generator (using the v2.0 release).

Rainbow Mode™ #

In addition to Base Blog’s killer features and Eleventy v3’s bundler-free ESM support, eleventeen sports a novel new visual experience we call Rainbow Mode, powered by Chromagen, the color scheme generator we publish under the Famebot organization. Our homegrown Rainbow Mode is wholly distinct from and not to be confused with Emacs rainbow-mode, which “sets background color to strings that match color names.”

prefers-color-scheme: rainbow #

We posit a third color scheme preference in addition to light and dark “modes,” rainbow. And here in the world of eleventeen, rainbow is the default. But we acknowledge not all sites are a match for Rainbow Mode, and still want those sites to enjoy the rest of what eleventeen has to offer.

Mono Mode 📓🏁 #

v9.2.3-alpha.5 added a mono option to _data/metadata.js in PR #13 that disables Rainbow Mode if you set it to true.

mono is false by default, on purpose, because it beats making people set an option called rainbow to false. Plus it might make the current {%- if not metadata.mono %} template logic in _includes/layouts/base.njk a little more resilient.

Show Me the Mono #

You can see Mono Mode enabled at mono.eleventeen.blog

Try toggling light and dark mode using devtools, there are links to how at the bottom to chromagen.io

The rainbow eleventeen demo still lives (happily ever after) at eleventeen.blog

Star Power ⭐️⚡️ #

Please remember to star eleventeen on GitHub ⭐️🐙