From 2a820ee6187ee99838f6757a45a22d443d80f8d9 Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Wed, 16 Nov 2022 10:30:01 +0100
Subject: [PATCH] fix: blurry svg on ios
---
index.html | 42 ++++++++++++++++++++++++++----------------
1 file changed, 26 insertions(+), 16 deletions(-)
diff --git a/index.html b/index.html
index c43aadf..038878c 100644
--- a/index.html
+++ b/index.html
@@ -57,12 +57,15 @@
Se créer un compte
</a>
</div>
- <img
+ <!-- Use object tag instead of img to not have a blurry svg on IOS -->
+ <object
id="illu"
class="illu"
- alt="Illustration Ecolyo"
- src="assets/illu-landing.svg"
- />
+ type="image/svg+xml"
+ data="assets/illu-landing.svg"
+ >
+ Illustration Ecolyo
+ </object>
<img
id="mgl-logo"
class="mglLogo"
@@ -84,11 +87,13 @@
</p>
<div class="compteurs">
<div class="bloc elec-color">
- <img
+ <object
class="compteur-img"
- src="./assets/compteurs/Linky.svg"
- alt="compteur-linky"
- />
+ type="image/svg+xml"
+ data="./assets/compteurs/Linky.svg"
+ >
+ Compteur Linky
+ </object>
<h3>Linky</h3>
<p class="text-18-white">pour l'éléctricité</p>
<div class="provider-logo">
@@ -97,11 +102,13 @@
</div>
<span>ou</span>
<div class="bloc water-color">
- <img
+ <object
class="compteur-img"
- src="./assets/compteurs/Teleo.svg"
- alt="compteur-teleo"
- />
+ type="image/svg+xml"
+ data="./assets/compteurs/Teleo.svg"
+ >
+ Comteur Téléo
+ </object>
<h3>Téléo</h3>
<p class="text-18-white">pour l'eau</p>
<div class="provider-logo">
@@ -110,11 +117,14 @@
</div>
<span>ou</span>
<div class="bloc gaz-color">
- <img
+ <object
class="compteur-img"
- src="./assets/compteurs/Gazpar.svg"
- alt="compteur-gazpar"
- />
+ type="image/svg+xml"
+ data="./assets/compteurs/Gazpar.svg"
+ >
+ Compteur Gazpar
+ </object>
+
<h3>Gazpar</h3>
<p class="text-18-white">pour le gaz</p>
<div class="provider-logo">
--
GitLab