From a2027a85626cd2693161b94cea699720d7b85fc2 Mon Sep 17 00:00:00 2001
From: Todd J Treangen <treangen@gmail.com>
Date: Tue, 3 Sep 2024 21:52:18 -0500
Subject: [PATCH] update def figure widths

---
 _config.yml               | 3 +++
 _includes/figure.liquid   | 6 +++++-
 _includes/projects.liquid | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/_config.yml b/_config.yml
index 40fe142b..e18007a5 100644
--- a/_config.yml
+++ b/_config.yml
@@ -401,8 +401,11 @@ external_links:
 imagemagick:
   enabled: true # enables responsive images for your site (recommended, see https://github.com/alshedivat/al-folio/issues/537)
   widths:
+    - 50
     - 240
     - 480
+    - 800
+    - 1400
   input_directories:
     - assets/img/
   input_formats:
diff --git a/_includes/figure.liquid b/_includes/figure.liquid
index 6d9afea7..7c108541 100644
--- a/_includes/figure.liquid
+++ b/_includes/figure.liquid
@@ -15,7 +15,11 @@
       <source
         class="responsive-img-srcset"
         srcset="{% for i in site.imagemagick.widths %}{{ img_path | relative_url }}-{{ i }}.webp {{i}}w,{% endfor %}"
-        sizes="95vw"
+        {% if include.sizes %}
+          sizes="{{include.sizes}}"
+        {% else %}
+          sizes="95vw"
+        {% endif %}
         type="image/webp"
       >
     {% endif %}
diff --git a/_includes/projects.liquid b/_includes/projects.liquid
index 531dba3d..e7524d0f 100644
--- a/_includes/projects.liquid
+++ b/_includes/projects.liquid
@@ -6,7 +6,7 @@
           include figure.liquid
           loading="eager"
           path=project.img
-          sizes = "150px"
+          sizes = "50px"
           alt="project thumbnail"
           class="card-img-top"
         %}