diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-07-13 16:11:55 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-13 16:11:55 -0400 |
commit | 5c79ade1400eb23e1565fe22602ef40439af2656 (patch) | |
tree | 5b48b909e1c3925caa688469ff8e61b081201dbd /_layouts | |
parent | 9e5c439bf5dc12d8d42bbfd0eeb11b28c32c129b (diff) | |
download | carpentertutoring-5c79ade1400eb23e1565fe22602ef40439af2656.tar.xz carpentertutoring-5c79ade1400eb23e1565fe22602ef40439af2656.zip |
added fallbacks for webp because Safari/Apple still don't give a darn
Diffstat (limited to '_layouts')
-rw-r--r-- | _layouts/index.liquid | 18 |
1 files changed, 15 insertions, 3 deletions
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 }} |