From 5dc95273ee2c9d757105bb1d41f90c3cbb5aa8f0 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Thu, 7 Mar 2024 11:30:48 -0800
Subject: [PATCH] feat: max image width option

---
 config/shortcodes/index.js                   | 3 ++-
 package.json                                 | 2 +-
 src/_includes/partials/now/media-grid.liquid | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/config/shortcodes/index.js b/config/shortcodes/index.js
index 74776bda..aea54b29 100644
--- a/config/shortcodes/index.js
+++ b/config/shortcodes/index.js
@@ -16,10 +16,11 @@ export const img = async (
   alt = '',
   className,
   loading = 'lazy',
+  maxWidth = 1248,
   sizes = '90vw',
   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, {
     widths: [...widths],
     formats: [...formats],
diff --git a/package.json b/package.json
index 552be9ef..8a7f5ffe 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "7.5.0",
+  "version": "7.6.0",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index 0a06512b..95cb498a 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -32,7 +32,7 @@
           {%- capture loadingStrategy -%}
             {%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
           {%- endcapture -%}
-          {% image item.image, alt, '', loadingStrategy %}
+          {% image item.image, alt, '', loadingStrategy, 320 %}
         </div>
       </a>
     {% endfor %}