fix: added fallback for safari pre big sur

kodadot · Apr 12, 2022 · 1f6e56a · 1f6e56a
1 parent 7bcd7be
commit 1f6e56a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/assets/KODADOT.png b/assets/KODADOT.png
diff --git a/components/landing/Landing.vue b/components/landing/Landing.vue
@@ -3,12 +3,17 @@
     <div class="container">
       <div class="columns">
         <div class="column">
-          <img
-            src="~/assets/KODADOT.webp"
-            alt="First NFT market explorer on Kusama and Polkadot"
-            class="mb-5 is-hidden-mobile"
-            width="950"
-            height="165" />
+          <picture>
+            <source srcset="~/assets/KODADOT.webp" type="image/webp" />
+            <source srcset="~/assets/KODADOT.png" type="image/png" />
+            <img
+              src="~/assets/KODADOT.png"
+              alt="First NFT market explorer on Kusama and Polkadot"
+              class="mb-5 is-hidden-mobile"
+              width="950"
+              height="165"
+              loading="lazy" />
+          </picture>
           <h3
             class="title is-1 is-size-3-mobile is-flex is-flex-direction-column uppercase homepage__heading">
             <span class="text__stroked my-5">