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

chore: configurable loading

Browse source
This commit is contained in:
Cory Dransfeldt 2023-10-27 13:45:19 -07:00
parent 4108ce86ef
commit a05666f1c7
4 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.eleventy.js
View file

@ -27,6 +27,7 @@ const imageShortcode = async (
src,
alt,
className = undefined,
loading = 'lazy',
widths = [75, 150, 300, 600, 900, 1200],
formats = ['webp', 'jpeg'],
sizes = '100vw'
@ -71,7 +72,7 @@ const imageShortcode = async (
width: largestUnoptimizedImg.width,
height: largestUnoptimizedImg.height,
alt,
loading: 'lazy',
loading,
decoding: 'async',
})

2
src/_includes/now.liquid
View file

@ -3,7 +3,7 @@ layout: main
---
{% render "partials/header.liquid", site: site, page: page, nav: nav %}
{{ content }}
{% render "partials/now/media-grid.liquid", data:music.artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8 %}
{% render "partials/now/media-grid.liquid", data:music.artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager' %}
{% render "partials/now/media-grid.liquid", data:music.albums, icon: "vinyl", title: "Albums", shape: "square", count: 8 %}
{% render "partials/now/albumReleases.liquid", albumReleases:albumReleases %}
{% render "partials/now/media-grid.liquid", data:books, icon: "books", title: "Books", shape: "vertical", count: 6 %}

9
src/_includes/partials/now/media-grid.liquid
View file

@ -20,7 +20,14 @@
</div>
{% endif %}
</div>
{% image item.image, alt, 'rounded-lg w-full h-full [&>*]:h-full' %}
{%- capture loadingStrategy %}
{% if loading %}
{{ loading }}
{% else %}
'lazy'
{% endif %}
{% endcapture -%}
{% image item.image, alt, 'rounded-lg w-full h-full [&>*]:h-full', loadingStrategy %}
</div>
</a>
{% endfor %}

2
src/uses.md
View file

@ -26,7 +26,7 @@ meta:
Software and services that I use for work and my own enjoyment.
{% image 'https://coryd.dev/assets/img/pages/uses.jpg', 'My desk', 'border border-purple-600 dark:border-purple-400 rounded-lg overflow-hidden [&>*]:w-full' %}
{% image 'https://coryd.dev/assets/img/pages/uses.jpg', 'My desk', 'border border-purple-600 dark:border-purple-400 rounded-lg overflow-hidden [&>*]:w-full', 'eager' %}
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">Computer setup</h3>