From 5c79ade1400eb23e1565fe22602ef40439af2656 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Mon, 13 Jul 2020 16:11:55 -0400
Subject: added fallbacks for webp because Safari/Apple still don't give a darn

---
 _layouts/index.liquid | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

(limited to '_layouts')

diff --git a/_layouts/index.liquid b/_layouts/index.liquid
index 41bac7d..81d243c 100644
--- a/_layouts/index.liquid
+++ b/_layouts/index.liquid
@@ -49,13 +49,21 @@
               {% endfor %}
             </div>
             <figure class="image is-200x200">
-              <img src="/assets/signature.webp" />
+              <picture>
+                <source srcset="/assets/signature.webp" type="image/webp" />
+                <source srcset="/assets/signature.png" type="image/png" />
+                <img src="/assets/signature.png" />
+              </picture>
             </figure>
           </div>
           <div class="column is-one-third">
             <div class="box">
               <figure class="image">
-                <img src="/assets/amy.webp" />
+                <picture>
+                  <source srcset="/assets/amy.webp" type="image/webp" />
+                  <source srcset="/assets/amy.png" type="image/png" />
+                  <img src="/assets/amy.png" />
+                </picture>
               </figure>
             </div>
           </div>
@@ -122,7 +130,11 @@
       <div class="container">
         <div class="content">
           <figure class="image is-256x256" style="float: right;">
-            <img src="/assets/logo.webp" />
+            <picture>
+              <source srcset="/assets/logo.webp" type="image/webp" />
+              <source srcset="/assets/logo.png" type="image/png" />
+              <img src="/assets/logo.png" />
+            </picture>
           </figure>
           <h2 class="subtitle is-3 has-text-shadow">
             {{ site.data.content.about.first }}
-- 
cgit v1.2.3