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

feat: max image width option

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-07 11:30:48 -08:00
parent 07738bc56e
commit 5dc95273ee
No known key found for this signature in database
3 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
config/shortcodes/index.js
View file

@ -16,10 +16,11 @@ export const img = async (
alt = '', alt = '',
className, className,
loading = 'lazy', loading = 'lazy',
maxWidth = 1248,
sizes = '90vw', sizes = '90vw',
formats = ['avif', 'webp', 'jpeg'] formats = ['avif', 'webp', 'jpeg']
) => { ) => {
const widths = [320, 570, 880, 1024, 1248]; const widths = [320, 570, 880, 1024, 1248].filter(width => width <= maxWidth);
const metadata = await Image(src, { const metadata = await Image(src, {
widths: [...widths], widths: [...widths],
formats: [...formats], formats: [...formats],

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "7.5.0", "version": "7.6.0",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

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

@ -32,7 +32,7 @@
{%- capture loadingStrategy -%} {%- capture loadingStrategy -%}
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%} {%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%} {%- endcapture -%}
{% image item.image, alt, '', loadingStrategy %} {% image item.image, alt, '', loadingStrategy, 320 %}
</div> </div>
</a> </a>
{% endfor %} {% endfor %}