cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: layout shift

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-01 20:46:07 -07:00
parent 56fbb38c9d
commit ac70bcb293
No known key found for this signature in database
6 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
View file

@ -66,6 +66,6 @@ Rendering the output is as simple as:
Leaving us with:
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Albums I'm looking forward to" loading="lazy" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Albums I'm looking forward to" loading="lazy" decoding="async" width="1000" height="499" />
[^1]: At this point, a dev playground.

2
src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md
View file

@ -168,6 +168,6 @@ Finally, if the page this all lives on is loaded by a client without JavaScript
All of this, yields the single line at the bottom of this image — updated on each visit.
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Now playing" loading="lazy" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Now playing" loading="lazy" decoding="async" width="1000" height="306" />
[^1]: Plus explicit conditions matching David Bowie and Minor Threat.

2
src/posts/2023/optimizing-for-performance-with-eleventy.md
View file

@ -126,6 +126,6 @@ For this page in particular, the images that are rendered above the fold are set
All of these boilerplate steps leave us with a quick to load, accessible and resilient site:
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Pagespeed scores for coryd.dev/now" loading="lazy" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Pagespeed scores for coryd.dev/now" loading="lazy" decoding="async" width="1000" height="484" />
[^1]: It's easy, flexible and helps mitigate my lack of an eye for design by providing safe baselines.

2
src/posts/2023/road-to-madness-apple-music-charts.md
View file

@ -132,7 +132,7 @@ _Cool_[^4]. GitHub triggers a rebuild of the site every hour, Netlify builds it,
There are some significant issues with this approach: it doesn't capture listens to an album in a loop (like me playing the new Outer Heaven record today — hails 🤘). It can get wonky when my diff function hits a track order that elicits a false positive return value.
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Charlie Day standing in front of charts" loading="lazy" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="Charlie Day standing in front of charts" loading="lazy" decoding="async" width="1000" height="635" />
"But Cory there's last.fm." I hear this, I love last.fm, but I've got concerns about its age, ownership and maintenance. I don't want to be on the wrong end of a scream test when the wrong (right?) server rack gets decommissioned.