try to workaround jekyll/mm limitation with webp

pyOpenSci · Apr 12, 2024 · 1a87a69 · 1a87a69
1 parent 3e8259b
commit 1a87a69
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/_includes/page__hero.html b/_includes/page__hero.html
@@ -1,5 +1,12 @@
+{% assign img = include.img %}
+<picture>
+    <source type="image/webp" srcset="/assets/images/posts/{{ page.slug }}/{{ img }}.webp" >
+    <img src="/assets/images/posts/{{ page.slug }}/{{ img }}.{{ include.ext }}" alt="{{ include.alt }}" />
+</picture>
+
 {% capture overlay_img_path %}{{ page.header.overlay_image | relative_url }}{% endcapture %}
 
+
 {% if page.header.overlay_filter contains "gradient" %}
   {% capture overlay_filter %}{{ page.header.overlay_filter }}{% endcapture %}
 {% elsif page.header.overlay_filter contains "rgba" %}

diff --git a/_includes/picture.html b/_includes/picture.html
@@ -0,0 +1,5 @@
+{% assign img = include.img %}
+<picture>
+    <source type="image/webp" srcset="/assets/images/posts/{{ page.slug }}/{{ img }}.webp" >
+    <img src="/assets/images/posts/{{ page.slug }}/{{ img }}.{{ include.ext }}" alt="{{ include.alt }}" />
+</picture>