fix: use jpg for safari, webp for others

_layouts/index.html

@@ -22,9 +22,12 @@ layout: default
 
           <div class="index-photo">
             <picture>
-              <source media="(min-width: 200px)" srcset="{{ '/assets/cover_big.webp' | relative_url }}" alt="Elixir Luxembourg" />
-              <source media="(max-width: 200px)" srcset="{{ '/assets/cover_small.webp' | relative_url }}" alt="Elixir Luxembourg" />
-              <img src="{{ '/assets/cover_small.webp' | relative_url }}" alt="Elixir Luxembourg" />
+              <source media="(min-width: 200px)" srcset="{{ '/assets/cover_big.webp' | relative_url }}" type="image/webp" alt="Elixir Luxembourg" />
+              <source media="(max-width: 200px)" srcset="{{ '/assets/cover_small.webp' | relative_url }}" type="image/webp" alt="Elixir Luxembourg" />
+
+              <source media="(min-width: 200px)" srcset="{{ '/assets/cover_big.jpg' | relative_url }}" type="image/jpeg" alt="Elixir Luxembourg" />
+              <source media="(max-width: 200px)" srcset="{{ '/assets/cover_small.jpg' | relative_url }}" type="image/jpeg" alt="Elixir Luxembourg" />
+              <img src="{{ '/assets/cover_small.jpg' | relative_url }}" type="image/jpeg" alt="Elixir Luxembourg" />
             </picture>
           </div>
         </div>

elixir-theme.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-elixir-theme"
-  spec.version       = "0.9.18"
+  spec.version       = "0.9.19"
   spec.authors       = ["jacek.lebioda"]
   spec.email         = ["jacek.lebioda@uni.lu"]