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

---
 _includes/nav.liquid   |   6 +++++-
 _layouts/index.liquid  |  18 +++++++++++++++---
 assets/amy.png         | Bin 0 -> 346630 bytes
 assets/bg.png          | Bin 0 -> 150111 bytes
 assets/logo-simple.png | Bin 0 -> 9332 bytes
 assets/logo.png        | Bin 0 -> 89452 bytes
 assets/signature.png   | Bin 0 -> 17196 bytes
 styles/index.scss      |   2 +-
 8 files changed, 21 insertions(+), 5 deletions(-)
 create mode 100644 assets/amy.png
 create mode 100644 assets/bg.png
 create mode 100644 assets/logo-simple.png
 create mode 100644 assets/logo.png
 create mode 100644 assets/signature.png

diff --git a/_includes/nav.liquid b/_includes/nav.liquid
index 963916b..e26d6bd 100644
--- a/_includes/nav.liquid
+++ b/_includes/nav.liquid
@@ -2,7 +2,11 @@
 <nav class="navbar is-fixed-top">
   <div class="navbar-brand">
     <a class="navbar-item" href="/#">
-      <img src="/assets/logo-simple.webp" />
+      <picture>
+        <source srcset="/assets/logo-simple.webp" type="image/webp" />
+        <source srcset="/assets/logo-simple.png" type="image/png" />
+        <img src="/assets/logo-simple.png" />
+      </picture>
     </a>
     <a role="button" class="navbar-burger" data-target="navMenu">
       <span></span>
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 }}
diff --git a/assets/amy.png b/assets/amy.png
new file mode 100644
index 0000000..ea2f165
Binary files /dev/null and b/assets/amy.png differ
diff --git a/assets/bg.png b/assets/bg.png
new file mode 100644
index 0000000..a0c9ab8
Binary files /dev/null and b/assets/bg.png differ
diff --git a/assets/logo-simple.png b/assets/logo-simple.png
new file mode 100644
index 0000000..b299e66
Binary files /dev/null and b/assets/logo-simple.png differ
diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644
index 0000000..81e0776
Binary files /dev/null and b/assets/logo.png differ
diff --git a/assets/signature.png b/assets/signature.png
new file mode 100644
index 0000000..7d115de
Binary files /dev/null and b/assets/signature.png differ
diff --git a/styles/index.scss b/styles/index.scss
index 429c733..7916766 100644
--- a/styles/index.scss
+++ b/styles/index.scss
@@ -106,5 +106,5 @@
 }
 
 body {
-  background-image: url("/assets/bg.webp");
+  background-image: url("/assets/bg.png");
 }
-- 
cgit v1.2.3