v9.2.6-alpha.5

What's Changed

• feat: support img captions + links + external heros + OG img w/ fallback by @rdela in #17

  • NEW herocaption and herolink fields available in frontmatter

  • metadata.js

    • add siteimage default OG image
    • bump ver to v9.2.6-alpha.5

  • eleventy.config.images.js

    • new shareimg shortcode, outputs jpg and png at 1280 W
    • fullPostImgUrl filter

  • base.njk

    • use new shareimg shortcode w/ siteimage fallback
      {% shareimg hero or metadata.siteimage %}

  • style figcaption in index.css

  • expand and edit about/index.md

Compare v9.2.6 changes to v9.2.5: v9.2.5-alpha.5...v9.2.6-alpha.5

v9.2.5-alpha.5

What's Changed

• create purge-readme-img-cache.yml by @rdela in #14
  https://medium.com/web-developer/purge-githubusercontent-camo-cache-with-this-github-action-f1843fc0bddb

• v9.2.4-alpha.5: button css + header button by @rdela in #15

  • fix:

    • button css: rm [href] from a, causing inheritance/cascade issues
    • emoji descriptions

  feat: add header button

  • yay 11ty conf

  feat: enhance chromagen readout

  --- a/_includes/layouts/base.njk
  +++ b/_includes/layouts/base.njk
  - <summary>🎨
  +  <summary><span role="img" aria-label="palette">🎨</span>
  -  <span title="lighter">L+&nbsp;${colorScheme.lighter} </span>
  +  <span title="lighter">LR&nbsp;${colorScheme.lighter} </span>
  -  <span title="darker">D+&nbsp;${colorScheme.darker} </span>
  +  <span title="darker">DR&nbsp;${colorScheme.darker} </span>

  • docs: mono link and background

• (v9.2.5-alpha.5) Lighthouse plugin config and about page file links by @rdela in #16

  • fix:

    1. Lighthouse plugin config

    • set fail_deploy_on_score_thresholds = "true” in [plugins.inputs]
      to get some of the old behavior back. mastodon discussion:
      https://mastodon.social/@rdela/112208080966164909

    • PR 588 netlify/netlify-plugin-lighthouse#588
      Looks like a bunch of the config options and behavior changed
      and then netlify disabled issues

    • netlify-plugin-lighthouse is now in maintenance(-only) mode
      https://github.com/netlify/netlify-plugin-lighthouse/blob/main/CONTRIBUTING.md
      https://fosstodon.org/@eleventy/112208087737676821

    • explain lowering of seo failure threshold due to x-robots-tag: noindex
      header set on deploy previews

    2. about page file links
    • these worked in README but needed full URLs to trunk branch for the site

Compare v9.2.5 changes to v9.2.3: v9.2.3-alpha.5...v9.2.5-alpha.5

v9.2.3-alpha.5

What's Changed in v9.2.3-alpha.5

• chore(deps-dev): bump @11ty/eleventy-img from 3.1.8 to 4.0.2 by @dependabot in #12

mono mode

• mono mode to pause the rainbow by @rdela in #13

  • chore!: active node LTS (node 20, Iron)

  BREAKING CHANGE:

  Now using node 20 in .nvmrc

  from now on eleventeen support focuses on the active node LTS here:

  https://github.com/nodejs/Release/blob/main/README.md#release-schedule

  • feat: make #rainbutton (rainbow me button) a progressive enhancement

  rainbutton will not display when JS is disabled, since it would not work

  • feat: mono mode to pause the rainbow

  you cannot stop the rainbow. but sometimes you need to pause it.

  • add mono option to disable rainbow mode features in eleventeen

  • docs:

    • attempt to make emoji in readme and site more accessible
      thanks Rachel Leggett https://devyarns.com/accessible-emojis/
      and Beth Finke https://blog.easterseals.com/emojis-and-accessibility-the-dos-and-donts-of-including-emojis-in-texts-and-emails/

    • document MONO MODE in README.md

  --- a/README.md
  +++ b/README.md
  +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, so [v9.2.3-alpha.5](https://github.com/rdela/eleventeen/releases/tag/v9.2.3-alpha.5), adds a `mono` option to [`_data/metadata.js`](_data/metadata.js) that will disable 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` and might make the current `{%- if not metadata.mono %}` template logic in [`_includes/layouts/base.njk`](_includes/layouts/base.njk) a little more resilient.

Compare v9.2.3 changes to v9.2.2: v9.2.2-alpha.5...v9.2.3-alpha.5

v9.2.2-alpha.5

What's Changed

• v9.2.2-alpha.5 by @rdela in #11

  • feat: refine post images + docs + lighthouse
  • fix: add lighthouse config to netlify.toml

feat: refine post images + docs (v9.2.2-alpha.5)

• new post images (PR #10) in the post list now work much better on
  smaller screen sizes.

  • simplified hero thumb logic in postslist.njk so that
    postlist-text always visible.
  • flex-wrap: wrap; now only on postlist-item at < 320px screens.
  • add padding-bottom to postlist-text to balance vertical center.

• added ellipsize css using webkit-box and line-clamp to prevent extra long
  post title spill/overflow, tested with secondpost.md.

• added metadata.eleventeen for version report in footer
  (hover over eleventeen link).

fix: add lighthouse config to netlify.toml

Compare v9.2.2 changes to v9.2.1: v9.2.1-alpha.5...v9.2.2-alpha.5

v9.2.1-alpha.5

What's Changed

• v9.2.1-alpha.5 update metadata.js title
• v9.2.0-alpha.5 feat: add hero images to posts by @rdela in #10

check

• _includes/layouts/post.njk
• _includes/postslist.njk

for layout changes and

• content/archive/fourthpost/secondpost.md
• content/archive/fourthpost/fourthpost.md

for usage

Compare v9.2.1 changes to v9.1: v9.1.0-alpha.5...v9.2.1-alpha.5

v9.1.0-alpha.5

v9.1.0-alpha.5

What's Changed

• v9.1.0-alpha.5 by @rdela in #9

• feat/fix: chromagen readout

correct and improve chromagen readout. pseudo diff:

/_includes/layouts/base.njk

-	span id="chromagen-hue"
+	aside id="chromagen"
- H ${colorScheme.analogous}
+ A ${colorScheme.analogous}

readout is now details element,
where <summary> is H/C/A and disclosed contents are

+		<span title="saturation">S&nbsp;${colorScheme.saturation} </span>
+		<span title="xlight">XL&nbsp;${colorScheme.xlight} </span>
+		<span title="lighter">L+&nbsp;${colorScheme.lighter} </span>
+		<span title="lightness">L&nbsp;${colorScheme.lightness} </span>
+		<span title="midrange">M&nbsp;${colorScheme.midrange} </span>
+		<span title="lowmid">LM&nbsp;${colorScheme.lowmid} </span>
+		<span title="darkness">D&nbsp;${colorScheme.darkness} </span>
+		<span title="darker">D+&nbsp;${colorScheme.darker} </span>
+	<a href="https://chromagen.io">Chromagen</a>

/public/css/index.css

+		min-height: 7rem; /* footer {} */
+	#chromagen {
+		cursor: pointer;
+		display: inline-block;
+		max-width: 18rem;
+		padding: 0 1rem;
+		text-align: center;
+	}

• footer: titles for hover and span to aside

Compare v9.1 changes to v9: v9.0.0-alpha.5...v9.1.0-alpha.5

v9.0.0-alpha.5

Welcome to eleventeen v9 alpha 🌈📓

with

Chromagen v1 💥🎨

and

Eleventy v3 🎈🐀

What's Changed ✅

• MOTHEREFFIN Rainbow mode 🌈 by @rdela in #1
• viewport-fitness by @rdela in #2
• update to hsl-gen 0.6.0, darker gradient in dark mode by @rdela in #3
• chore(deps-dev): bump @11ty/eleventy-plugin-syntaxhighlight from 4.2.0 to 5.0.0 by @dependabot in #4
• Chromagen rename by @rdela in #5
• juanita appleseed, thot leader by @rdela in #6
• update to canary v3 by @rdela in #8
• feat!: bump @famebot/chromagen from 0.8.0 to 1.0.1 by @dependabot in #7

New Contributors 🆕

• @rdela made their first contribution in #1
• @dependabot made their first contribution in #4

All Changes: https://github.com/rdela/eleventeen/commits/v9.0.0-alpha.5