update def figure widths

treangenlab · Sep 4, 2024 · a2027a8 · a2027a8
1 parent df70217
commit a2027a8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git 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
@@ -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
@@ -6,7 +6,7 @@
           include figure.liquid
           loading="eager"
           path=project.img
-          sizes = "150px"
+          sizes = "50px"
           alt="project thumbnail"
           class="card-img-top"
         %}