rdela / eleventeen

🌈📓 Eleventy Blog with Rainbow Mode powered by Chromagen 🎨💥 https://chromagen.io
https://eleventeen.blog
MIT License
6 stars 0 forks source link

v9.1.0-alpha.5 #9

Closed rdela closed 7 months ago

rdela commented 7 months ago

v9.1.0-alpha.5

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;
+   }
netlify[bot] commented 7 months ago

Deploy Preview for eleventeen ready!

Name Link
Latest commit 2ecf258b80a79296f3fd1d815bfac1ad33734085
Latest deploy log https://app.netlify.com/sites/eleventeen/deploys/6601c8c249a3650008717044
Deploy Preview https://deploy-preview-9--eleventeen.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

Lighthouse
1 paths audited
Performance: 100 (no change from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 91 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.