Skip to content

Commit

Permalink
Sustain 11ty CTA button instead of Artist Activist til we hit 6K (#37)
Browse files Browse the repository at this point in the history
https://www.11ty.dev/blog/sustainability-fundraising/

- blueprint to start a blog sounds friendlier than blog starter
- award-winning open source is cooler than simpler static
- builds for (the) web projects
- emphasize using alpha/canary release of Eleventy
- rm some links to reduce info density
- 11ty Bundle is news as well as resources

9.2.18-alpha.14
  • Loading branch information
rdela authored Jul 8, 2024
1 parent f8a90c2 commit 84551fb
Show file tree
Hide file tree
Showing 4 changed files with 16 additions and 16 deletions.
16 changes: 8 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,29 +2,29 @@

[![](https://o.famebot.com/file/famebot/eleventeen.png)](https://eleventeen.blog)

Eleventeen is an evolving variation of [Eleventy Base Blog](https://github.com/11ty/eleventy-base-blog), an [Eleventy (11ty)](https://www.11ty.dev/) blog starter. “Eleventy is a simpler static site generator,” created and maintained by [Zach Leatherman](https://www.zachleat.com/), who [blogs about Eleventy](https://www.zachleat.com/web/?category=eleventy) often.
Eleventeen is an evolving variation of [Eleventy Base Blog](https://github.com/11ty/eleventy-base-blog), a blueprint to start a blog with [Eleventy (11ty)](https://www.11ty.dev/), the award-winning open source site generator created and maintained by [Zach Leatherman](https://www.zachleat.com/), who [blogs about Eleventy](https://www.zachleat.com/web/?category=eleventy) often.

[Ricky de Laveaga](https://rdela.com/) develops [eleventeen on GitHub](https://github.com/rdela/eleventeen) primarily for [Famebot](https://famebot.com/) and [Artist Activist](https://artact.io/). Famebot is the micro movie studio Ricky runs with [Laramie Dennis](https://laramiedennis.com/), and Artist Activist is a creative agency advocating for positive change Ricky co-founded with [Clifford J. Tasner](https://www.cliffordjtasner.com/).
[Ricky de Laveaga](https://rdela.com/bio/) builds [eleventeen on GitHub](https://github.com/rdela/eleventeen) for web projects by [Famebot](https://famebot.com/) and [Artist Activist](https://artact.io/). Famebot is the micro movie studio Ricky runs with [Laramie Dennis](https://laramiedennis.com/), and Artist Activist is a creative agency advocating for positive change Ricky co-founded with [Clifford J. Tasner](https://www.cliffordjtasner.com/).

The name eleventeen is an homage to the [Daisy Chainsaw album](https://en.wikipedia.org/wiki/Eleventeen_(album)) <span role="img" aria-label="">👩🏻‍🎤🎶</span>

## WARNING: Here Be Canaries <span role="img" aria-label="">🐥</span>

Eleventeen boldly embraced [Eleventy v3](https://www.11ty.dev/blog/canary-eleventy-v3/) ahead of its upstream source in [PR #8](https://github.com/rdela/eleventeen/pull/8) / [v9.0.0-alpha.5](https://github.com/rdela/eleventeen/releases/tag/v9.0.0-alpha.5), while Eleventy Base Blog remains on the stable [v2 release](https://www.11ty.dev/blog/eleventy-v2/) as of 10 May 2024.
Eleventeen boldly embraced the alpha release of [Eleventy v3 canary](https://www.11ty.dev/blog/canary-eleventy-v3/) ahead of its upstream source in [PR #8](https://github.com/rdela/eleventeen/pull/8) / [v9.0.0-alpha.5](https://github.com/rdela/eleventeen/releases/tag/v9.0.0-alpha.5), while Eleventy Base Blog remains on the stable [v2 release](https://www.11ty.dev/blog/eleventy-v2/) as of 8 July 2024.

## Rainbow Mode™

In addition to Base Blog’s killer features and Eleventy 3’s bundler-free [ESM](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) support, eleventeen sports a novel new visual experience we call [Rainbow Mode](https://github.com/rdela/eleventeen/pull/1), powered by [Chromagen](https://github.com/famebot/chromagen), the color scheme generator we publish under the [Famebot organization](https://github.com/famebot). Our homegrown Rainbow Mode is wholly distinct from and not to be confused with Emacs [rainbow-mode](https://elpa.gnu.org/packages/rainbow-mode.html), which “sets background color to strings that match color names.”
In addition to Base Blog’s killer features and Eleventy 3’s bundler-free [ESM](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) support, eleventeen sports a novel new visual experience we call Rainbow Mode, powered by [Chromagen](https://github.com/famebot/chromagen), the color scheme generator we publish under the [Famebot organization](https://github.com/famebot). Our homegrown Rainbow Mode is wholly distinct from and not to be confused with Emacs [rainbow-mode](https://elpa.gnu.org/packages/rainbow-mode.html), 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 <span role="img" aria-label="">📓🏁</span>

[v9.2.3-alpha.5](https://github.com/rdela/eleventeen/releases/tag/v9.2.3-alpha.5) added a `mono` option to [`_data/metadata.js`](_data/metadata.js) in [PR #13](https://github.com/rdela/eleventeen/pull/13) that disables Rainbow Mode if you set it to `true`.
v9.2.3-alpha.5 added a `mono` option to [`_data/metadata.js`](_data/metadata.js) 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`](_includes/layouts/base.njk) a little more resilient.
`mono` is `false` by default, on purpose, because it beats making people set an option called `rainbow` to `false`. Plus it might make the `if not metadata.mono` template logic in [`_includes/layouts/base.njk`](_includes/layouts/base.njk) a little more resilient.

### Show Me the Mono

Expand All @@ -36,7 +36,7 @@ The rainbow eleventeen demo still lives (happily ever after) at [eleventeen.blog

## Other Additions to and Divergences from Eleventy Base Blog

Rejoicing and rainbows aside, eleventeen also adds post images in [PR #10](https://github.com/rdela/eleventeen/pull/10) / [v9.2.1-alpha.5 ](https://github.com/rdela/eleventeen/releases/tag/v9.2.1-alpha.5), refines them further in 🎈[PR #11](https://github.com/rdela/eleventeen/pull/10) / [v9.2.2-alpha.5 ](https://github.com/rdela/eleventeen/releases/tag/v9.2.2-alpha.5), and makes some more subtle adjustments to Eleventy Base Blog. There are various changes in `public/css/index.css`, and in `_includes/postslist.njk`:
Rejoicing and rainbows aside, eleventeen also adds post images, and makes some more subtle adjustments to Eleventy Base Blog. There are various changes in `public/css/index.css`, and in `_includes/postslist.njk`:

```njk
<ol reversed class="postlist" style="counter-reset: start-from {{ (postslistCounter or postslist.length) + 1 }}">
Expand Down Expand Up @@ -222,7 +222,7 @@ If your site enforces a [Content Security Policy](https://developer.mozilla.org/

## Other Eleventy Resources

- [The 11ty Bundle](https://11tybundle.dev/), an ever-expanding collection of Eleventy resources curated by [Bob Monsour](https://www.bobmonsour.com/)
- [The 11ty Bundle](https://11tybundle.dev/), an ever-expanding collection of Eleventy news and resources curated by [Bob Monsour](https://www.bobmonsour.com/)
- [Eleventy Community Discord Server](https://www.11ty.dev/blog/discord/)
- [Eleventy YouTube channel](https://www.youtube.com/@EleventyVideo)
- [CloudCannon YouTube channel](https://www.youtube.com/@CloudCannon)
2 changes: 1 addition & 1 deletion _includes/layouts/base.njk
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@
</ul>
</nav>

<a class="button" href="https://artact.io">Artist Activist <span role="img" aria-label="">🎨</span></a>
<a class="button" href="https://www.11ty.dev/blog/sustainability-fundraising/"><span role="img" aria-label="">🎈</span> Sustain 11ty</a>
</header>

<main id="skip">
Expand Down
12 changes: 6 additions & 6 deletions content/about/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ eleventyNavigation:

# About eleventeen <span role="img" aria-label="">🌈📓</span>

Eleventeen is an evolving variation of [Eleventy Base Blog](https://github.com/11ty/eleventy-base-blog), an [Eleventy (11ty)](https://www.11ty.dev/) blog starter. “Eleventy is a simpler static site generator,” created and maintained by [Zach Leatherman](https://www.zachleat.com/), who [blogs about Eleventy](https://www.zachleat.com/web/?category=eleventy) often.
Eleventeen is an evolving variation of [Eleventy Base Blog](https://github.com/11ty/eleventy-base-blog), a blueprint to start a blog with [Eleventy (11ty)](https://www.11ty.dev/), the award-winning open source site generator created and maintained by [Zach Leatherman](https://www.zachleat.com/), who [blogs about Eleventy](https://www.zachleat.com/web/?category=eleventy) often.

[Ricky de Laveaga](https://rdela.com/) develops [eleventeen on GitHub](https://github.com/rdela/eleventeen) primarily for [Famebot](https://famebot.com/) and [Artist Activist](https://artact.io/). Famebot is the micro movie studio Ricky runs with [Laramie Dennis](https://laramiedennis.com/), and Artist Activist is a creative agency advocating for positive change Ricky co-founded with [Clifford J. Tasner](https://www.cliffordjtasner.com/).
[Ricky de Laveaga](https://rdela.com/bio/) builds [eleventeen on GitHub](https://github.com/rdela/eleventeen) for web projects by [Famebot](https://famebot.com/) and [Artist&nbsp;Activist](https://artact.io/). Famebot is the micro movie studio Ricky runs with [Laramie Dennis](https://laramiedennis.com/), and Artist Activist is a creative agency advocating for positive change Ricky co-founded with [Clifford&nbsp;J.&nbsp;Tasner](https://www.cliffordjtasner.com/).

The name eleventeen is an homage to the [Daisy Chainsaw album](https://en.wikipedia.org/wiki/Eleventeen_(album)) <span role="img" aria-label="">👩🏻‍🎤🎶</span>

Expand All @@ -19,17 +19,17 @@ Eleventy Base Blog is:

> A starter repository showing how to build a blog with the [Eleventy](https://www.11ty.dev/) site generator (using the [v2.0 release](https://www.11ty.dev/blog/eleventy-v2/)).
In addition to Base Blog’s killer features and our upgraded [Eleventy v3](https://www.11ty.dev/blog/canary-eleventy-v3/)’s bundler-free [ESM](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) support, eleventeen sports a novel new visual experience we call [Rainbow Mode](https://github.com/rdela/eleventeen/pull/1), powered by [Chromagen](https://github.com/famebot/chromagen), the color scheme generator we publish on GitHub under the [Famebot organization](https://github.com/famebot). Our homegrown Rainbow Mode is wholly distinct from and not to be confused with Emacs [rainbow-mode](https://elpa.gnu.org/packages/rainbow-mode.html), which “sets background color to strings that match color&nbsp;names.”
In addition to Base Blog’s killer features and our upgraded (alpha release) [Eleventy v3 canary](https://www.11ty.dev/blog/canary-eleventy-v3/)’s bundler-free [ESM](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) support, eleventeen sports a novel new visual experience we call Rainbow Mode, powered by [Chromagen](https://github.com/famebot/chromagen), the color scheme generator we publish on GitHub under the [Famebot organization](https://github.com/famebot). Our homegrown Rainbow Mode is wholly distinct from and not to be confused with Emacs [rainbow-mode](https://elpa.gnu.org/packages/rainbow-mode.html), which “sets background color to strings that match color&nbsp;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 <span role="img" aria-label="">📓🏁</span>

[v9.2.3-alpha.5](https://github.com/rdela/eleventeen/releases/tag/v9.2.3-alpha.5) added a `mono` option to [`_data/metadata.js`](https://github.com/rdela/eleventeen/blob/trunk/_data/metadata.js) in [PR #13](https://github.com/rdela/eleventeen/pull/13) that disables Rainbow Mode if you set it to `true`.
v9.2.3-alpha.5 added a `mono` option to [`_data/metadata.js`](https://github.com/rdela/eleventeen/blob/trunk/_data/metadata.js) 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`](https://github.com/rdela/eleventeen/blob/trunk/_includes/layouts/base.njk) a little more resilient.
`mono` is `false` by default, on purpose, because it beats making people set an option called `rainbow` to `false`. Plus it might make the `if not metadata.mono` template logic in [`_includes/layouts/base.njk`](https://github.com/rdela/eleventeen/blob/trunk/_includes/layouts/base.njk) a little more resilient.

### Show Me the Mono

Expand All @@ -41,7 +41,7 @@ The rainbow eleventeen demo still lives (happily ever after) at [eleventeen.blog

## Other Eleventy Resources

- [The 11ty Bundle](https://11tybundle.dev/), an ever-expanding collection of Eleventy resources curated by [Bob Monsour](https://www.bobmonsour.com/)
- [The 11ty Bundle](https://11tybundle.dev/), an ever-expanding collection of Eleventy news and resources curated by [Bob Monsour](https://www.bobmonsour.com/)
- [Eleventy Community Discord Server](https://www.11ty.dev/blog/discord/)
- [Eleventy YouTube channel](https://www.youtube.com/@EleventyVideo)
- [CloudCannon YouTube channel](https://www.youtube.com/@CloudCannon)
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "eleventeen",
"version": "9.2.17-alpha.14",
"version": "9.2.18-alpha.14",
"description": "Starter repository for a website built with Eleventy + eleventeen",
"type": "module",
"scripts": {
Expand Down

0 comments on commit 84551fb

Please sign in to comment.