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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/main/about.md
View file

@ -9,7 +9,7 @@ permalink: /about.html
<div class="avatar-wrapper flex-centered">
<div class="interior">
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/default.png&w=600" alt="{{ about_alt }}" loading="eager" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/default.png&w=600" alt="{{ about_alt }}" loading="eager" decoding="async" width="600" height="600" />
</div>
</div>
<h2 class="page-header text-centered">Hi, I'm Cory</h2>

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.

2
src/posts/2024/on-getting-tattooed.md
View file

@ -28,7 +28,7 @@ Each piece was important to me when I got it and remains important to me now. Th
{% capture fallbackIcon %}{% tablericon "photo" "A photo of the Sturgill Simpson-inspired half sleeve referenced above." %}{% endcapture %}
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="A photo of the Sturgill Simpson-inspired half sleeve referenced above." loading="lazy" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&w=1000&fm=webp&q=65" class="image-banner" alt="A photo of the Sturgill Simpson-inspired half sleeve referenced above." loading="lazy" decoding="async" width="1000" height="893" />
[^1]: My wife got the same piece done — there was one pointing to the driveway of the house we got married at. It burned down in the Butte fire.
[^2]: She got elected!