diff --git a/.vscode/settings.json b/.vscode/settings.json
index ff980a75a143ebb108cfa67913913c64d4a07817..4f709fbb8d3463b6939df6160bfa60b4ea941bda 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -31,6 +31,7 @@
"matomo",
"Matomo",
"numerique",
+ "splide",
"Teleo",
"Téléo",
"tiga"
diff --git a/public/accessibilite.html b/public/accessibilite.html
index fe108bda1103513d370e9cd91a621cea5c2b5c37..d7d6c65dc70e1e4d3e8b54b163a71f3d2473349b 100644
--- a/public/accessibilite.html
+++ b/public/accessibilite.html
@@ -8,6 +8,7 @@
content="Ecolyo est le service proposé par la Métropole de Lyon pour suivre et comprendre la consommation énergétique globale de votre foyer."
/>
<link rel="stylesheet" href="./index.css" />
+ <link rel="stylesheet" href="./accessibility.css" />
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap"
rel="stylesheet"
@@ -16,28 +17,33 @@
<title>Ecolyo - Accessibilité</title>
</head>
<body>
- <nav>
- <a class="main-logo" href="/">
- <img src="./assets/ecolyo-icon.svg" alt="Ecolyo logo" />
- Ecolyo
- </a>
- <div class="links">
- <a class="navlink" href="index.html#how-it-works"
- >Comment ça marche ?</a
- >
- <a class="navlink" href="index.html#security">La sécurité</a>
- <a class="navlink" href="index.html#cloud">J'ai déjà un compte</a>
- <a class="navlink yellow" href="index.html#create-account"
- >Se créer un compte</a
- >
- </div>
- </nav>
- <div class="container">
- <div class="content-txt accessibility">
+ <header>
+ <nav>
+ <div class="logo-container">
+ <a class="main-logo" href="index.html">
+ <img src="./assets/ecolyo-icon.svg" alt="" />
+ Ecolyo
+ </a>
+ <div class="separator"></div>
+ <a
+ href="https://www.grandlyon.com/"
+ aria-label="Accéder au site de la métropole de Lyon"
+ target="_blank"
+ >
+ <img src="./assets/legal/mglLogo.svg" alt="" />
+ </a>
+ </div>
+ </nav>
+ </header>
+
+ <main>
+ <div class="accessibility">
<h1 class="text-36-white">Déclaration d'accessibilité</h1>
- <h2 class="text-18-white">1. Note générale concernant le document</h2>
- <p class="text-16-white-padding">
+ <h2 class="text-20-white bold yellow">
+ 1. Note générale concernant le document
+ </h2>
+ <p class="text-16-white">
Ce document est basé sur l’exemple de
<a
href="https://accessibilite.numerique.gouv.fr/doc/rgaa4-2019-exemple-declaration.pdf"
@@ -53,10 +59,10 @@
n°2005-102 du 11 février 2005.
</p>
- <h2 class="text-18-white">
+ <h2 class="text-20-white bold yellow">
2. Schéma pluriannuel de mise en accessibilité
</h2>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
La Métropole de Lyon met en œuvre la stratégie et les actions
suivantes :
</p>
@@ -77,10 +83,10 @@
</li>
</ul>
- <h2 class="text-18-white">
+ <h2 class="text-20-white bold yellow">
3. Établissement de cette déclaration d’accessibilité
</h2>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
Cette déclaration d’accessibilité s’applique au site Ecolyo
(https://ecolyo.com) et a été établie le 17/02/2021. La version du
RGAA utilisée pour réaliser les tests est la version RGAA 4.1 du
@@ -101,14 +107,14 @@
technique.
</li>
</ul>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
Il peut cependant être souhaitable de mettre à jour plus régulièrement
la déclaration d’accessibilité, y compris pour une même version de la
méthode technique, afin de souligner les efforts réalisés et de mettre
à jour le pourcentage de critères respectés.
</p>
- <h2 class="text-18-white">
+ <h2 class="text-20-white bold yellow">
4. Technologies utilisées pour la réalisation du site
</h2>
<ul>
@@ -116,10 +122,10 @@
<li>CSS3</li>
<li>JavaScript</li>
</ul>
- <p class="text-16-white-padding"></p>
+ <p class="text-16-white"></p>
- <h2 class="text-18-white">5. Environnement de test</h2>
- <p class="text-16-white-padding">
+ <h2 class="text-20-white bold yellow">5. Environnement de test</h2>
+ <p class="text-16-white">
Les vérifications de restitution de contenus ont été réalisées sur la
base de la combinaison fournie par la base de référence du RGAA 4.1,
avec les versions suivantes :
@@ -139,7 +145,9 @@
</tbody>
</table>
- <h2 class="text-18-white">6. Outils pour évaluer l’accessibilité</h2>
+ <h2 class="text-20-white bold yellow">
+ 6. Outils pour évaluer l’accessibilité
+ </h2>
<ul>
<li>Colour Contrast Analyzer</li>
<li>Extension Web developer pour Firefox</li>
@@ -147,7 +155,7 @@
<li>Validateur W3C</li>
</ul>
- <h2 class="text-18-white">
+ <h2 class="text-20-white bold yellow">
7. Pages du site ayant fait l’objet de la vérification de conformité
</h2>
<table aria-describedby="Pages">
@@ -217,8 +225,8 @@
</tbody>
</table>
- <h2 class="text-18-white">8. État de conformité</h2>
- <p class="text-16-white-padding">
+ <h2 class="text-20-white bold yellow">8. État de conformité</h2>
+ <p class="text-16-white">
Le site Ecolyo (https://ecolyo.com/)
<strong> n’est pas conforme </strong>
avec le référentiel général d’amélioration de l’accessibilité (RGAA),
@@ -226,8 +234,8 @@
ci-dessous.
</p>
- <h2 class="text-18-white">9. Résultats des tests</h2>
- <p class="text-16-white-padding">
+ <h2 class="text-20-white bold yellow">9. Résultats des tests</h2>
+ <p class="text-16-white">
L’audit de conformité réalisé par la société AUSY révèle que
<strong
>35,71% des critères du RGAA version 4.1 sont respectés.</strong
@@ -239,9 +247,9 @@
>
</p>
- <h2 class="text-18-white">10. Contenus non accessibles</h2>
- <h3 class="text-16-white">10.1 Non-conformités</h3>
- <h4 class="text-16-white">10.1.1 Thématique Images</h4>
+ <h2 class="text-20-white bold yellow">10. Contenus non accessibles</h2>
+ <h3 class="text-18-white yellow">10.1 Non-conformités</h3>
+ <h4 class="text-16-white yellow">10.1.1 Thématique Images</h4>
<ul>
<li>
Une image porteuse d’information img nécessite une description
@@ -292,7 +300,7 @@
</li>
</ul>
- <h4 class="text-16-white">10.1.2. Thématique Couleurs</h4>
+ <h4 class="text-16-white yellow">10.1.2. Thématique Couleurs</h4>
<ul>
<li>
Le rapport de contraste est insuffisant pour les éléments du menu
@@ -300,7 +308,7 @@
Pages P03, P07, P08, P09, P10 et P11.
</li>
</ul>
- <h4 class="text-16-white">10.1.3 Thématique Liens</h4>
+ <h4 class="text-16-white yellow">10.1.3 Thématique Liens</h4>
<ul>
<li>
Un lien image ne possède pas d’intitulé. Fournir une alternative
@@ -374,7 +382,7 @@
</li>
</ul>
- <h4>10.1.4. Thématique Scripts</h4>
+ <h4 class="text-16-white yellow">10.1.4. Thématique Scripts</h4>
<ul>
<li>
Le clic sur le bouton Partagez-nous vos retours initie un changement
@@ -392,7 +400,9 @@
mot de passe en clair » par exemple. Page P11.
</li>
</ul>
- <h4>10.1.5. Thématique Éléments obligatoires</h4>
+ <h4 class="text-16-white yellow">
+ 10.1.5. Thématique Éléments obligatoires
+ </h4>
<ul>
<li>Thématique Éléments obligatoires</li>
<li>Présence d’erreurs dans le code</li>
@@ -413,7 +423,9 @@
</li>
</ul>
- <h4>10.1.6. Thématique Structuration de l'information</h4>
+ <h4 class="text-16-white yellow">
+ 10.1.6. Thématique Structuration de l'information
+ </h4>
<ul>
<li>
Des passages de textes présents dans les pages constituent des
@@ -456,7 +468,9 @@
</ul>
</ul>
- <h4>10.1.7 Thématique Présentation de l’information</h4>
+ <h4 class="text-16-white yellow">
+ 10.1.7 Thématique Présentation de l’information
+ </h4>
<ul>
<li>
Quelques pertes d’informations en zoom graphique 200%. Exemple : sur
@@ -464,7 +478,7 @@
</li>
</ul>
- <h4>10.1.8. Thématique Navigation</h4>
+ <h4 class="text-16-white yellow">10.1.8. Thématique Navigation</h4>
<ul>
<li>
Présence à tort d’attributs de présentation de l’information
@@ -552,7 +566,7 @@
</li>
</ul>
- <h4>10.1.9. Thématique Formulaires</h4>
+ <h4 class="text-16-white yellow">10.1.9. Thématique Formulaires</h4>
<ul>
<li>
Dans la fenêtre Partagez-nous vos retours : Les champs de formulaire
@@ -656,7 +670,7 @@
</li>
</ul>
- <h4>10.1.10. Thématique navigation</h4>
+ <h4 class="text-16-white yellow">10.1.10. Thématique navigation</h4>
<ul>
<li>
@@ -742,7 +756,7 @@
</ul>
</ul>
- <h4>10.1.11. Thématique Consultation</h4>
+ <h4 class="text-16-white yellow">10.1.11. Thématique Consultation</h4>
<ul>
<li>Image avec balancier</li>
<ul>
@@ -757,13 +771,19 @@
rendre le critère Non applicable. Exemple barre de progression. Page
P01.
</ul>
- <h4>10.2. Dérogations pour charge disproportionnée</h4>
+ <h4 class="text-16-white yellow">
+ 10.2. Dérogations pour charge disproportionnée
+ </h4>
<p>Sans objet</p>
- <h4>10.3. Contenus non soumis à l’obligation d’accessibilité</h4>
+ <h4 class="text-16-white yellow">
+ 10.3. Contenus non soumis à l’obligation d’accessibilité
+ </h4>
<p>Sans objet</p>
- <h2 class="text-18-white">11. Retour d’information et contact</h2>
- <p class="text-16-white-padding">
+ <h2 class="text-20-white bold yellow">
+ 11. Retour d’information et contact
+ </h2>
+ <p class="text-16-white">
Si vous n’arrivez pas à accéder à un contenu ou à un service, vous
pouvez contacter le responsable du site Ecolyo (https://ecolyo.com/)
pour être orienté vers une alternative accessible ou obtenir le
@@ -776,8 +796,8 @@
</li>
</ul>
- <h2 class="text-18-white">12. Voies de recours</h2>
- <p class="text-16-white-padding">
+ <h2 class="text-20-white bold yellow">12. Voies de recours</h2>
+ <p class="text-16-white">
Cette procédure est à utiliser dans le cas suivant. Vous avez signalé
au responsable du site internet un défaut d’accessibilité qui vous
empêche d’accéder à un contenu ou à un des services du portail et vous
@@ -802,7 +822,7 @@
</li>
</ul>
</div>
- </div>
+ </main>
</body>
<script src="./matomo.js" defer></script>
</html>
diff --git a/public/assets/Arrow.svg b/public/assets/Arrow.svg
deleted file mode 100644
index f6f7b5e7d9bafdcb7621849ac7ca35252fcdd340..0000000000000000000000000000000000000000
--- a/public/assets/Arrow.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="icons/Arrow">
-<path id="arrow/left" d="M6 2.5L18 14.5L6 26.5" stroke="#E3B82A" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/>
-</g>
-</svg>
diff --git a/public/assets/arrow_left.svg b/public/assets/arrow_left.svg
new file mode 100644
index 0000000000000000000000000000000000000000..aca810c8f894bfbff60055587dc060a9b8143069
--- /dev/null
+++ b/public/assets/arrow_left.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
+ <path fill-rule="evenodd" clip-rule="evenodd"
+ d="M17.9143 22.1203C18.6953 21.3392 18.6953 20.0729 17.9143 19.2918L10.3285 11.7061L17.9143 4.12027C18.6953 3.33922 18.6953 2.07289 17.9143 1.29184C17.1332 0.510794 15.8669 0.510794 15.0858 1.29184L4.67163 11.7061L15.0858 22.1203C15.8669 22.9013 17.1332 22.9013 17.9143 22.1203Z"
+ fill="white" />
+</svg>
\ No newline at end of file
diff --git a/public/assets/arrow_right.svg b/public/assets/arrow_right.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ca318f267e25fc2a9a6ea8be7f30ac7cd867d703
--- /dev/null
+++ b/public/assets/arrow_right.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
+ <path fill-rule="evenodd" clip-rule="evenodd"
+ d="M5.08573 1.29184C4.30468 2.07289 4.30468 3.33922 5.08573 4.12027L12.6715 11.7061L5.08573 19.2918C4.30468 20.0729 4.30468 21.3392 5.08573 22.1203C5.86678 22.9013 7.13311 22.9013 7.91416 22.1203L18.3284 11.7061L7.91416 1.29184C7.13311 0.510792 5.86678 0.510792 5.08573 1.29184Z"
+ fill="white" />
+</svg>
\ No newline at end of file
diff --git a/public/assets/fluid-icons-pipes.svg b/public/assets/fluid-icons-pipes.svg
index 8e98de021f01f9003e875c5c9a377314d5b69dfe..c99a337d310ee542dda851cd7c2bbce41c247d6d 100644
--- a/public/assets/fluid-icons-pipes.svg
+++ b/public/assets/fluid-icons-pipes.svg
@@ -1,92 +1,71 @@
-<svg width="1080" height="357" viewBox="0 0 1080 357" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_5793_24220)">
-<rect x="12" y="12" width="46" height="46" rx="23" fill="#121212" shape-rendering="crispEdges"/>
-<rect x="13" y="13" width="44" height="44" rx="22" stroke="#D87B39" stroke-width="2" shape-rendering="crispEdges"/>
-<path d="M35.7448 20.6151C36.0134 20.1931 36.6667 20.3833 36.6667 20.8835V36.9998C36.6667 37.276 36.4428 37.4998 36.1667 37.4998H25.9108C25.5163 37.4998 25.2772 37.0643 25.489 36.7314L35.7448 20.6151Z" fill="#D87B39"/>
-<path d="M34.2652 49.2355C34.0081 49.6763 33.3333 49.4939 33.3333 48.9835V31.333C33.3333 31.0569 33.5572 30.833 33.8333 30.833H44.1295C44.5154 30.833 44.7558 31.2516 44.5614 31.5849L34.2652 49.2355Z" fill="#D87B39"/>
-</g>
-<g filter="url(#filter1_d_5793_24220)">
-<rect x="517" y="12" width="46" height="46" rx="23" fill="#121212" shape-rendering="crispEdges"/>
-<rect x="517.5" y="12.5" width="45" height="45" rx="22.5" stroke="#3A98EC" shape-rendering="crispEdges"/>
-<path d="M548 39.5213C548 43.9278 544.418 47.5 540 47.5C535.582 47.5 532 43.9278 532 39.5213C532 35.1147 540 22.5 540 22.5C540 22.5 548 35.1147 548 39.5213Z" fill="#3A98EC"/>
-</g>
-<g filter="url(#filter2_d_5793_24220)">
-<rect x="1022" y="12" width="46" height="46" rx="23" fill="#121212" shape-rendering="crispEdges"/>
-<rect x="1022.5" y="12.5" width="45" height="45" rx="22.5" stroke="#45D1B8" shape-rendering="crispEdges"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1039.26 49.9698C1036.3 48.9713 1033.22 46.9827 1032.62 43.3946C1031.86 38.7874 1033.41 34.9552 1034.51 32.2456C1035.05 30.9283 1035.48 29.8763 1035.48 29.1296C1036.05 30.0806 1037.07 32.325 1036.62 33.6944C1039.28 30.8414 1044.15 24.1083 1042.32 20C1044.8 21.3314 1049.97 25.3636 1050.88 30.8414C1051.45 30.2708 1052.37 28.4449 1051.45 25.706C1054.5 28.3688 1059.78 35.5203 1056.59 42.824C1054.84 46.8268 1051.98 48.9558 1049.25 50C1052.28 40.5451 1047.44 34.0572 1044.61 31.9826C1045.52 37.4604 1043.47 39.971 1042.32 40.5416C1042.78 38.7157 1042.13 36.7376 1041.75 35.9768C1041.75 37.6886 1041.18 38.8298 1038.9 42.824C1037.21 45.7923 1038.33 48.6621 1039.26 49.9698Z" fill="#45D1B8"/>
-</g>
-<g filter="url(#filter3_d_5793_24220)">
-<path d="M38 64.5001L38 116.806C38 155.466 69.3401 186.806 108 186.806L287 186.806C325.66 186.806 357 218.146 357 256.806L357 344.5" stroke="#D87B39" stroke-width="2"/>
-<path d="M28 64.5001L28 113.975C28 158.158 63.8172 193.975 108 193.975L282 193.975C317.898 193.975 347 223.077 347 258.975L347 344.5" stroke="#D87B39" stroke-width="2"/>
-</g>
-<g filter="url(#filter4_d_5793_24220)">
-<path d="M545 344.5L545 64.5" stroke="#3A98EC" stroke-width="2"/>
-<path d="M535 344.5L535 64.5" stroke="#3A98EC" stroke-width="2"/>
-</g>
-<g filter="url(#filter5_d_5793_24220)">
-<path d="M1042 64.5001L1042 116.806C1042 155.466 1010.66 186.806 972 186.806L793 186.806C754.34 186.806 723 218.146 723 256.806L723 344.5" stroke="#45D1B8" stroke-width="2"/>
-<path d="M1052 64.5001L1052 113.975C1052 158.158 1016.18 193.975 972 193.975L798 193.975C762.102 193.975 733 223.077 733 258.975L733 344.5" stroke="#45D1B8" stroke-width="2"/>
-</g>
-<defs>
-<filter id="filter0_d_5793_24220" x="0" y="0" width="70" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.847059 0 0 0 0 0.482353 0 0 0 0 0.223529 0 0 0 0.75 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24220"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24220" result="shape"/>
-</filter>
-<filter id="filter1_d_5793_24220" x="505" y="0" width="70" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.227451 0 0 0 0 0.596078 0 0 0 0 0.92549 0 0 0 0.75 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24220"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24220" result="shape"/>
-</filter>
-<filter id="filter2_d_5793_24220" x="1010" y="0" width="70" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.270588 0 0 0 0 0.819608 0 0 0 0 0.721569 0 0 0 0.75 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24220"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24220" result="shape"/>
-</filter>
-<filter id="filter3_d_5793_24220" x="15" y="52.5" width="355" height="304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.847059 0 0 0 0 0.482353 0 0 0 0 0.223529 0 0 0 0.75 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24220"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24220" result="shape"/>
-</filter>
-<filter id="filter4_d_5793_24220" x="522" y="52.5" width="36" height="304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.227451 0 0 0 0 0.596078 0 0 0 0 0.92549 0 0 0 0.75 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24220"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24220" result="shape"/>
-</filter>
-<filter id="filter5_d_5793_24220" x="710" y="52.5" width="355" height="304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.270588 0 0 0 0 0.819608 0 0 0 0 0.721569 0 0 0 0.75 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24220"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24220" result="shape"/>
-</filter>
-</defs>
-</svg>
+<svg width="829" height="361" viewBox="0 0 829 361" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <rect x="0.5" y="2.37744" width="45" height="45" rx="22.5" fill="#121212" />
+ <rect x="0.5" y="2.37744" width="45" height="45" rx="22.5" stroke="#D87B39" />
+ <path
+ d="M23.7448 10.4925C24.0134 10.0705 24.6667 10.2608 24.6667 10.761V26.8773C24.6667 27.1534 24.4428 27.3773 24.1667 27.3773H13.9108C13.5163 27.3773 13.2772 26.9417 13.489 26.6088L23.7448 10.4925Z"
+ fill="#D87B39" />
+ <path
+ d="M22.2652 39.1129C22.0081 39.5538 21.3333 39.3714 21.3333 38.861V21.2104C21.3333 20.9343 21.5572 20.7104 21.8333 20.7104H32.1295C32.5154 20.7104 32.7558 21.1291 32.5614 21.4624L22.2652 39.1129Z"
+ fill="#D87B39" />
+ <rect x="390.5" y="1.37744" width="47" height="47" rx="23.5" fill="#121212" />
+ <rect x="390.5" y="1.37744" width="47" height="47" rx="23.5" stroke="#3A98EC" />
+ <path
+ d="M422 29.3987C422 33.8052 418.418 37.3774 414 37.3774C409.582 37.3774 406 33.8052 406 29.3987C406 24.9922 414 12.3774 414 12.3774C414 12.3774 422 24.9922 422 29.3987Z"
+ fill="#3A98EC" />
+ <rect x="781.5" y="1.37744" width="47" height="47" rx="23.5" fill="#121212" />
+ <rect x="781.5" y="1.37744" width="47" height="47" rx="23.5" stroke="#45D1B8" />
+ <path fill-rule="evenodd" clip-rule="evenodd"
+ d="M799.263 39.8472C796.301 38.8488 793.222 36.8602 792.624 33.2721C791.856 28.6648 793.413 24.8326 794.514 22.123C795.05 20.8057 795.477 19.7537 795.477 19.0071C796.048 19.9581 797.075 22.2024 796.618 23.5719C799.281 20.7189 804.15 13.9858 802.324 9.87744C804.797 11.2088 809.97 15.2411 810.883 20.7189C811.454 20.1483 812.367 18.3223 811.454 15.5834C814.497 18.2463 819.785 25.3978 816.589 32.7015C814.838 36.7043 811.979 38.8332 809.251 39.8774C812.284 30.4225 807.436 23.9346 804.607 21.8601C805.52 27.3378 803.466 29.8485 802.324 30.4191C802.781 28.5931 802.134 26.6151 801.754 25.8543C801.754 27.5661 801.184 28.7073 798.901 32.7015C797.205 35.6697 798.332 38.5395 799.263 39.8472Z"
+ fill="#45D1B8" />
+ <g filter="url(#filter0_d_6362_9412)">
+ <path
+ d="M344.5 348.377L344.5 242.877C344.5 209.464 317.413 182.377 284 182.377L84.5 182.877C46.1162 182.877 15 151.761 15 113.377L15 59.8772M353.5 348.377L353.5 242.877C353.5 204.493 322.384 173.377 284 173.377L84.5 173.877C51.0868 173.877 24 146.79 24 113.377L24 59.8772"
+ stroke="#D87B39" stroke-width="2" />
+ </g>
+ <g filter="url(#filter1_d_6362_9412)">
+ <path d="M418.5 347.057L418.5 61.1982M409.5 347.057L409.5 61.1982" stroke="#3A98EC" stroke-width="2" />
+ </g>
+ <g filter="url(#filter2_d_6362_9412)">
+ <path
+ d="M483.5 348.377L483.5 242.877C483.5 209.464 510.587 182.377 544 182.377L743.5 182.878C781.884 182.878 813 151.761 813 113.378L813 59.8777M474.5 348.377L474.5 242.877C474.5 204.494 505.616 173.377 544 173.377L743.5 173.878C776.913 173.878 804 146.791 804 113.378L804 59.8777"
+ stroke="#45D1B8" stroke-width="2" />
+ </g>
+ <defs>
+ <filter id="filter0_d_6362_9412" x="2" y="47.877" width="364.5" height="312.5" filterUnits="userSpaceOnUse"
+ color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset />
+ <feGaussianBlur stdDeviation="6" />
+ <feComposite in2="hardAlpha" operator="out" />
+ <feColorMatrix type="matrix" values="0 0 0 0 0.847059 0 0 0 0 0.482353 0 0 0 0 0.223529 0 0 0 0.75 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6362_9412" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6362_9412" result="shape" />
+ </filter>
+ <filter id="filter1_d_6362_9412" x="396.5" y="49.1982" width="35.0001" height="309.858"
+ filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset />
+ <feGaussianBlur stdDeviation="6" />
+ <feComposite in2="hardAlpha" operator="out" />
+ <feColorMatrix type="matrix" values="0 0 0 0 0.227451 0 0 0 0 0.596078 0 0 0 0 0.92549 0 0 0 0.75 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6362_9412" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6362_9412" result="shape" />
+ </filter>
+ <filter id="filter2_d_6362_9412" x="461.5" y="47.8774" width="364.5" height="312.5" filterUnits="userSpaceOnUse"
+ color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset />
+ <feGaussianBlur stdDeviation="6" />
+ <feComposite in2="hardAlpha" operator="out" />
+ <feColorMatrix type="matrix" values="0 0 0 0 0.270588 0 0 0 0 0.819608 0 0 0 0 0.721569 0 0 0 0.75 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6362_9412" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6362_9412" result="shape" />
+ </filter>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/public/assets/fluid-pipes-yellow.svg b/public/assets/fluid-pipes-yellow.svg
index fb8e7bf9f32bb4ac427ba3c22018eb3fc522570c..841056254744f81d4f5c10124f9d8bfcbff65fe9 100644
--- a/public/assets/fluid-pipes-yellow.svg
+++ b/public/assets/fluid-pipes-yellow.svg
@@ -1,43 +1,24 @@
-<svg width="1088" height="351" viewBox="0 0 1088 351" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_5793_24248)">
-<path d="M1042 315.5L1042 263.194C1042 224.535 1010.66 193.194 972 193.194L793 193.194C754.34 193.194 723 161.854 723 123.194L723 35.5002" stroke="#E3B82A" stroke-width="2"/>
-<path d="M1052 315.5L1052 266.025C1052 221.842 1016.18 186.025 972 186.025L798 186.025C762.102 186.025 733 156.924 733 121.025L733 35.5002" stroke="#E3B82A" stroke-width="2"/>
-</g>
-<g filter="url(#filter1_d_5793_24248)">
-<path d="M539 35.5V315.5" stroke="#E3B82A" stroke-width="2"/>
-<path d="M549 35.5V315.5" stroke="#E3B82A" stroke-width="2"/>
-</g>
-<g filter="url(#filter2_d_5793_24248)">
-<path d="M45.9999 315.5L45.9999 263.194C45.9999 224.535 77.34 193.194 116 193.194L295 193.194C333.66 193.194 365 161.854 365 123.194L365 35.5002" stroke="#E3B82A" stroke-width="2"/>
-<path d="M35.9999 315.5L35.9999 266.025C35.9999 221.842 71.8172 186.025 116 186.025L290 186.025C325.898 186.025 355 156.924 355 121.025L355 35.5002" stroke="#E3B82A" stroke-width="2"/>
-</g>
-<defs>
-<filter id="filter0_d_5793_24248" x="687" y="0.500244" width="401" height="350" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="17.5"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.776471 0 0 0 0 0 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24248"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24248" result="shape"/>
-</filter>
-<filter id="filter1_d_5793_24248" x="503" y="0.5" width="82" height="350" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="17.5"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.776471 0 0 0 0 0 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24248"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24248" result="shape"/>
-</filter>
-<filter id="filter2_d_5793_24248" x="-6.10352e-05" y="0.500244" width="401" height="350" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="17.5"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.776471 0 0 0 0 0 0 0 0 0.5 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5793_24248"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5793_24248" result="shape"/>
-</filter>
-</defs>
-</svg>
+<svg width="880" height="360" viewBox="0 0 880 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <g filter="url(#filter0_d_6362_9392)">
+ <path
+ d="M514.5 35.3777V141.061C514.5 174.532 541.587 201.666 575 201.666L774.5 201.164C812.884 201.164 844 232.335 844 270.785V324.378M505.5 35.3777V141.061C505.5 179.511 536.616 210.681 575 210.681L774.5 210.18C807.913 210.18 835 237.314 835 270.785V324.378"
+ stroke="#E3B82A" stroke-width="2" />
+ <path d="M435.5 35.3777L435.5 324.378M444.5 35.3777L444.5 324.378" stroke="#E3B82A" stroke-width="2" />
+ <path
+ d="M365.5 35.3777V141.061C365.5 174.532 338.413 201.666 305 201.666L105.5 201.164C67.1163 201.164 36.0001 232.335 36.0001 270.785V324.378M374.5 35.3777V141.061C374.5 179.511 343.384 210.681 305 210.681L105.5 210.18C72.0868 210.18 45.0001 237.314 45.0001 270.785V324.378"
+ stroke="#E3B82A" stroke-width="2" />
+ </g>
+ <defs>
+ <filter id="filter0_d_6362_9392" x="6.10352e-05" y="0.377686" width="880" height="359"
+ filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+ <feFlood flood-opacity="0" result="BackgroundImageFix" />
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+ result="hardAlpha" />
+ <feOffset />
+ <feGaussianBlur stdDeviation="17.5" />
+ <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.776471 0 0 0 0 0 0 0 0 0.75 0" />
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6362_9392" />
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6362_9392" result="shape" />
+ </filter>
+ </defs>
+</svg>
\ No newline at end of file
diff --git a/public/assets/logos/ademe-logo.svg b/public/assets/logos/ademe-logo.svg
deleted file mode 100644
index bde84f1780d3b940369389db54b86c72071b8496..0000000000000000000000000000000000000000
--- a/public/assets/logos/ademe-logo.svg
+++ /dev/null
@@ -1,41 +0,0 @@
-<svg width="94" height="135" viewBox="0 0 94 135" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 950">
-<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M47.5517 91.4376C36.4624 91.4376 26.6921 85.7585 20.9977 77.1583C20.9975 77.1579 20.9972 77.1575 20.997 77.1571H21.0017C21.0009 77.1559 21.0001 77.1546 20.9993 77.1534L23.195 75.3353L25.0022 75.7894L29.8335 72.1531L30.0671 70.2133L26.8891 65.5831C26.8763 65.5659 26.8534 65.3659 26.8164 65.0415C26.7077 64.0905 26.4769 62.0704 26.0191 60.4536C25.7989 59.6857 25.3873 57.9227 25.1364 56.8475C25.0175 56.3383 24.9347 55.9833 24.9252 55.9615L24.5056 55.1234L21.4871 50.5886L23.4468 45.6875L25.0106 45.6197L25.1029 44.8995L23.9461 43.9308L23.9112 43.7226L23.8734 42.804C23.8734 42.1792 24.9322 41.5518 25.6372 41.5518C25.826 41.5518 26.0233 41.5794 26.2303 41.6372C26.636 41.7485 27.0239 42.0429 27.3813 42.3142C27.4588 42.3731 27.5349 42.4308 27.6095 42.4854C27.6878 42.5406 29.0026 45.6098 29.0026 45.6098L27.8864 46.5057L27.3395 47.8507L28.1018 48.448L29.1635 46.6135L33.5681 48.0917L36.2678 49.6301L37.086 48.734L39.352 48.9223L41.0081 46.6662L39.5101 46.0965L41.0809 44.2044L40.8948 43.5694L38.4988 43.1052L40.3353 41.1803L42.0768 42.3172L42.0418 42.8267L43.1692 42.9672L44.1204 41.1603L43.4546 40.5756L46.2605 37.8779L48.7978 36.6933L50.7728 35.3984L51.1547 35.0973L51.2344 33.7069L50.8987 32.7232L50.0245 32.3869L51.1449 31.5086L50.8358 31.343C50.8229 31.3516 50.8097 31.3604 50.7963 31.3694C50.0261 31.8839 48.2606 33.0634 45.217 33.2803C43.0139 33.436 38.5561 32.4548 38.5561 32.4548L34.1346 31.7922L32.5918 31.5187C28.8376 33.5213 25.5351 36.2492 22.8663 39.5241L22.7334 43.6999L22.0662 45.6072L20.4856 51.1332L20.9947 52.6917L18.4826 53.0481L15.948 55.8687C15.8082 57.0959 15.734 58.3456 15.734 59.6105C15.734 66.0935 17.6717 72.1251 20.9993 77.1534L20.9962 77.1559C17.6653 72.1273 15.7258 66.0952 15.7258 59.6116C15.7258 58.3443 15.8014 57.0995 15.944 55.8699C16.6672 49.714 19.1444 44.095 22.8651 39.5252C25.5325 36.2528 28.835 33.5199 32.5892 31.5148C37.047 29.1356 42.1441 27.7881 47.5517 27.7881C53.6796 27.7881 59.402 29.5196 64.2584 32.5211C71.9726 37.2893 77.4976 45.2595 78.9789 54.5775C79.2391 56.2161 79.3748 57.8975 79.3748 59.6116C79.3748 77.1858 65.1285 91.4376 47.5517 91.4376ZM59.2031 34.5351L64.1869 33.4736L65.208 34.2615L63.7994 35.1625L62.6399 36.5127L59.2031 34.5351ZM78.9801 54.5863C77.4988 45.266 71.9738 37.2956 64.2596 32.5275V32.5225L60.3291 32.914L59.764 32.6605L57.3274 32.8963L56.7133 32.7132L52.429 33.6894L52.2639 35.2202L57.4379 40.8892L57.333 42.0964L56.5469 42.0512L55.8545 43.587L56.9358 48.4806L55.3132 50.004L55.5328 51.4343L54.9285 51.4494L54.4446 50.4682L52.4611 49.8458L51.0568 51.7304L49.6133 53.2162L50.2791 54.2827L51.4652 54.1924L51.6708 54.7243L52.1352 54.6642L52.9815 52.2776L53.4808 52.6314L52.9031 53.9238L53.1143 54.1622L52.7255 55.5124L51.4107 55.8537C51.303 55.3668 51.0386 55.0055 51.0386 55.0055L50.5728 54.9727L50.4385 55.9817L49.6762 56.1925L49.2244 56.9076C49.0342 57.1184 48.567 57.2264 48.09 57.1987C47.6816 57.1762 46.964 56.993 46.971 56.993C46.9836 56.993 46.715 57.3192 46.715 57.2966C46.715 57.2966 46.9039 57.4849 46.8927 57.4948C46.8927 57.4948 47.1822 57.7007 47.0913 58.1198C47.0186 58.4561 46.6577 58.7974 46.0702 58.7974C45.8898 58.7974 45.7093 58.7772 45.5401 58.7371L45.2548 58.6669L44.5624 60.4084L46.4283 61.8213C46.501 61.8766 47.2801 61.2491 48.2733 60.3332C48.567 60.0596 49.1363 59.8463 49.4832 59.8463C49.6892 59.8463 49.8358 59.9179 50.0147 60.0053C50.0606 60.0277 50.1085 60.0512 50.1602 60.0747C50.8679 60.4084 51.1547 61.5979 51.1393 61.5779L50.8232 61.6356L50.9211 61.859L51.8289 61.6782L51.0764 59.7761L51.3002 59.7158L52.9087 61.3169L57.4589 62.5968L56.5623 64.9281L52.9843 63.9971L52.1436 64.1L50.3588 62.908L44.4994 62.0246L41.4795 63.5127C41.0459 63.726 40.6542 64.2054 40.1801 65.1164C39.3016 66.7953 38.8428 67.8142 38.7016 68.3938L38.5016 69.227L40.3941 72.7453L44.9051 77.2826C45.1359 77.5161 44.8071 78.4671 44.1176 79.5813C43.9273 79.8875 43.6056 80.7584 43.1482 82.1738C42.8405 83.1349 42.3985 83.9379 41.8544 84.5326C40.6515 85.8452 40.0122 86.568 39.98 86.6682L39.2261 88.7988C39.2261 88.8667 39.324 88.9419 39.4751 88.9921C40.5745 89.366 41.7061 89.5543 42.8195 89.5543C44.519 89.5543 46.3961 89.0825 48.0676 88.2318C49.0132 87.7499 49.9672 87.1852 50.9211 86.5403C51.882 85.8953 52.7059 85.2654 53.3927 84.6631C53.4934 84.5753 53.9606 84.1436 54.7929 83.3633C55.4433 82.7534 56.028 82.3243 56.5273 82.0859C56.7763 81.9654 56.9385 81.8399 56.9735 81.7396L58.5275 77.8021L61.9811 74.5045L63.7575 71.601L63.3183 70.7001L61.5544 71.054L57.2043 66.07L58.259 65.957L62.3363 70.1881L64.5422 68.4089L65.9731 66.3611L66.6375 65.2895L66.8921 64.7249L65.2807 63.4349L63.4162 63.962L62.3419 63.036L64.7184 62.3082L66.5899 62.6269L69.4938 61.972L73.304 65.0611L74.6594 65.0536C74.9154 63.9444 74.9601 63.5705 74.9601 62.4236C74.9601 61.1915 74.7992 59.9266 74.4803 58.6593C74.3278 58.042 74.2369 57.6279 74.2118 57.4271L74.1586 56.9854L74.9027 56.333L76.4903 56.7069L78.9773 54.5789L78.9801 54.5863ZM26.096 57.2765L25.9561 56.6743L26.4807 56.4785L26.6709 57.0858L26.096 57.2765ZM49.3223 60.7899L49.721 60.8401L49.8091 60.5992L49.935 60.6495L49.6958 61.6156L49.2944 61.5428L49.3223 60.7899ZM60.3865 84.8087C60.3865 84.8089 60.3864 84.809 60.3862 84.8089L60.3865 84.8087ZM59.9028 85.1549C59.9047 85.1447 59.5108 84.7535 59.5108 84.7535C59.5108 84.7535 60.0452 84.4423 60.0438 84.4298C60.0438 84.4298 60.3757 84.8066 60.3862 84.8089L59.9028 85.1549ZM59.9028 85.1549C59.9028 85.155 59.9027 85.1551 59.9025 85.1551L59.9028 85.1549ZM60.1235 81.5238L61.1278 80.9415L61.8496 81.0946C61.4761 81.8048 61.2803 82.0759 60.6354 82.7759C59.9501 83.5138 58.6324 84.2516 58.2142 84.4298L56.607 85.1225L56.1986 85.1776L56.0252 84.5628L58.8409 81.7947L60.1235 81.5238ZM46.8829 56.0996L46.1877 55.9064L46.5975 55.3367L47.0913 55.4546L46.8829 56.0996ZM47.2494 56.5212C47.2494 56.5111 48.0579 54.5337 48.0579 54.5337L47.9068 54.373L48.1152 53.9539L48.7558 54.3053L48.6048 54.8599L48.8258 55.0255L48.525 56.6517C48.525 56.6416 47.2494 56.5212 47.2494 56.5212ZM27.3619 56.215C27.3619 56.215 26.9269 56.3856 26.9171 56.3856L26.945 56.082C26.9394 56.0569 27.1912 55.8411 27.1912 55.8411L27.3619 56.215ZM26.7772 55.6078L26.6009 55.1861L27.1353 54.9904C27.1535 54.9904 27.2933 55.3769 27.2933 55.3769L26.7772 55.6078ZM26.352 54.4458L26.2527 53.7958L26.8849 53.7456L26.9674 54.4433L26.352 54.4458ZM25.9883 53.0882L25.6722 52.5912L25.8764 51.718L26.8667 51.9588L26.5954 53.1784L25.9883 53.0882ZM26.145 51.1583L25.1448 51.0379L25.7701 47.3312L26.2848 47.3714L26.4611 48.0892L26.4527 48.7993L26.145 51.1583ZM44.4141 40.5379L47.2941 38.2467L47.7361 38.9343L45.438 41.2757L44.4141 40.5379ZM44.3511 42.1767L44.7582 42.1943L45.024 43.4616L43.5874 44.9949L41.7089 46.1894L40.948 45.7101L42.3439 43.6999L43.5651 43.6046L44.3511 42.1767ZM42.6391 46.7967L44.0602 45.5444L47.4955 43.2834L49.2804 43.9008L49.4007 45.1479L44.8981 48.2046L42.6391 47.6475V46.7967ZM38.931 49.5322L37.2371 49.2611L36.893 49.8434L38.3477 50.6464L38.931 49.5322Z" fill="white"/>
-<path id="Vector" d="M8.26713 6.84805L6.66835 11.5961H9.7652L8.26713 6.84805ZM11.7374 17.8926L10.915 15.2425H5.44723L4.57022 17.8926H0.000488281L6.46832 0.102417H9.84073L16.3072 17.8926H11.7374Z" fill="white"/>
-<path id="Vector_2" d="M29.6749 4.99982C29.2748 4.40004 28.6762 4.00097 27.5767 4.00097H25.6535V13.994H27.5767C28.6762 13.994 29.2748 13.595 29.6749 12.9952C30.0232 12.4959 30.149 12.0216 30.149 8.99746C30.149 5.99867 30.0232 5.49918 29.6749 4.99982ZM32.671 16.1422C31.4457 17.3669 29.7252 17.8913 27.8747 17.8913H21.2823V0.10376H27.8747C29.7252 0.10376 31.4457 0.628152 32.671 1.8529C34.744 3.92572 34.5174 6.19939 34.5174 8.99746C34.5174 11.7957 34.744 14.0693 32.671 16.1422Z" fill="white"/>
-<path id="Vector_3" d="M40.4551 17.8917V0.101685H52.5403V3.99889H44.8234V6.97279H51.4185V10.8701H44.8234V13.9944H52.5403V17.8917H40.4551Z" fill="white"/>
-<path id="Vector_4" d="M70.8104 17.8917V9.37193L68.2885 13.7686H65.4896L62.9676 9.37193V17.8917H58.5979V0.101685H62.8949L66.8897 7.94898L70.8846 0.101685H75.1787V17.8917H70.8104Z" fill="white"/>
-<path id="Vector_5" d="M81.6637 17.8917V0.101685H93.7503V3.99889H86.0334V6.97279H92.6285V10.8701H86.0334V13.9944H93.7503V17.8917H81.6637Z" fill="white"/>
-<path id="Vector_6" d="M3.437 106.595L4.28744 104.073L5.08333 106.595H3.437ZM3.5419 101.446L0.710815 109.23H2.55857L2.95022 108.042H5.53792L5.9058 109.23H7.75635L4.92247 101.446H3.5419Z" fill="white"/>
-<path id="Vector_7" d="M12.8031 109.295C13.7906 109.295 14.4634 109.038 15.0537 108.429C15.6202 107.852 15.8342 107.148 15.8342 105.84V104.826H12.8954V106.274H14.0718V106.479C14.0718 106.858 13.9543 107.186 13.7416 107.396C13.5304 107.622 13.2143 107.734 12.8031 107.734C12.4464 107.734 12.1373 107.601 11.9569 107.363C11.768 107.117 11.6449 106.845 11.6449 105.338C11.6449 103.843 11.768 103.569 11.9569 103.321C12.1401 103.079 12.4562 102.939 12.8031 102.939C13.4675 102.939 13.834 103.208 14.0172 103.833H15.8062C15.6608 103.016 15.0859 101.378 12.8031 101.378C11.9163 101.378 11.2547 101.647 10.6518 102.247C9.87129 103.027 9.87129 104.086 9.87409 105.205V105.471C9.87129 106.59 9.87129 107.647 10.6518 108.428C11.2435 109.02 11.9261 109.295 12.8031 109.295Z" fill="white"/>
-<path id="Vector_8" d="M20.5998 106.084H23.5568V104.523H20.5998V103.004H24.0589V101.446H18.829V109.231H24.0589V107.67H20.5998V106.084Z" fill="white"/>
-<path id="Vector_9" d="M33.1289 109.229V101.444H31.3566V105.681L28.6584 101.444H27.0905V109.229H28.8627V104.996L31.5595 109.229H33.1289Z" fill="white"/>
-<path id="Vector_10" d="M40.1537 106.886C40.0348 107.27 39.79 107.737 39.0641 107.737C38.7074 107.737 38.3997 107.601 38.2178 107.363C38.0304 107.117 37.8975 106.828 37.8975 105.338C37.8975 103.847 38.0304 103.556 38.2178 103.31C38.3997 103.073 38.7074 102.939 39.0641 102.939C39.79 102.939 40.0348 103.402 40.1537 103.79H41.9651C41.6686 102.257 40.6153 101.378 39.0543 101.378C38.1787 101.378 37.4933 101.654 36.903 102.248C36.1225 103.026 36.1225 104.085 36.1253 105.202V105.471C36.1225 106.59 36.1225 107.646 36.903 108.427C37.4933 109.02 38.1787 109.295 39.0543 109.295C40.6153 109.295 41.6686 108.42 41.9651 106.886H40.1537Z" fill="white"/>
-<path id="Vector_11" d="M46.4277 106.084H49.3847V104.523H46.4277V103.004H49.8854V101.446H44.6569V109.231H49.8854V107.67H46.4277V106.084Z" fill="white"/>
-<path id="Vector_12" d="M61.7578 107.185C61.534 107.516 61.2123 107.672 60.7381 107.672H59.7855V103.01H60.7381C61.2123 103.01 61.534 103.165 61.7578 103.496C61.9326 103.75 61.9858 104.024 61.9858 105.341C61.9858 106.733 61.9284 106.942 61.7578 107.185ZM63.7594 105.677C63.758 105.567 63.758 105.453 63.758 105.341C63.758 105.225 63.758 105.115 63.7594 105.001C63.7678 103.895 63.7748 103.022 62.9565 102.207C62.4627 101.709 61.7424 101.449 60.8738 101.449H58.0133V109.233H60.8738C61.7424 109.233 62.4627 108.97 62.9565 108.475C63.7748 107.659 63.7678 106.783 63.7594 105.677Z" fill="white"/>
-<path id="Vector_13" d="M68.5291 106.087H71.4861V104.526H68.5291V103.007H71.9869V101.449H66.7583V109.234H71.9869V107.673H68.5291V106.087Z" fill="white"/>
-<path id="Vector_14" d="M81.8897 101.446H80.1174V109.23H85.2369V107.669H81.8897V101.446Z" fill="white"/>
-<path id="Vector_15" d="M89.6802 106.595L90.5307 104.073L91.3266 106.595H89.6802ZM92.1504 109.23H93.9996L91.1657 101.446H89.7851L86.9554 109.23H88.8018L89.1935 108.042H91.7812L92.1504 109.23Z" fill="white"/>
-<path id="Vector_16" d="M2.96831 121.916H4.74333V115.693H6.70578V114.132H1.00586V115.693H2.96831V121.916Z" fill="white"/>
-<path id="Vector_17" d="M14.3092 117.502H13.1077V115.706H14.3092C14.9247 115.706 15.2562 116.168 15.2562 116.604C15.2562 117.038 14.9247 117.502 14.3092 117.502ZM15.7821 118.601C16.073 118.456 17.0298 117.878 17.0298 116.604C17.0298 115.377 16.1262 114.132 14.4001 114.132H11.3326V121.916H13.1077V118.95H13.9203L15.3331 121.916H17.3963L15.6968 118.645L15.7821 118.601Z" fill="white"/>
-<path id="Vector_18" d="M23.898 119.283L24.7484 116.761L25.5471 119.283H23.898ZM24.0029 114.132L21.1676 121.918H23.0195L23.4112 120.73H26.0003L26.3724 121.918H28.2215L25.3862 114.132H24.0029Z" fill="white"/>
-<path id="Vector_19" d="M32.5516 114.132V121.918H34.3253V117.681L37.0263 121.918H38.5971V114.132H36.822V118.366L34.1224 114.132H32.5516Z" fill="white"/>
-<path id="Vector_20" d="M46.7826 117.256L45.8189 117.122C45.5629 117.089 45.3587 117.001 45.216 116.861C45.0509 116.694 45.03 116.499 45.03 116.425C45.03 116.024 45.3615 115.591 46.0888 115.591H46.149C46.5015 115.591 47.1085 115.589 47.5995 116.025L48.7045 114.927C48.0723 114.331 47.2792 114.065 46.1448 114.065C44.4579 114.065 43.3235 115.039 43.3235 116.492C43.3235 117.152 43.4997 117.67 43.8452 118.028C44.1893 118.379 44.7096 118.608 45.3964 118.706L46.3602 118.839C46.619 118.874 46.8148 118.954 46.9407 119.077C47.0651 119.216 47.1239 119.39 47.1239 119.614C47.1239 119.983 46.9099 120.424 45.886 120.424C45.5251 120.424 44.6467 120.372 44.1068 119.901L42.9822 121.024C43.6704 121.694 44.5432 121.984 45.8762 121.984C47.3645 121.984 48.8654 121.238 48.8654 119.569C48.8654 118.811 48.6821 118.262 48.3002 117.89C47.9743 117.564 47.4624 117.351 46.7826 117.256Z" fill="white"/>
-<path id="Vector_21" d="M55.4158 114.132H53.6422V121.916H55.4158V114.132Z" fill="white"/>
-<path id="Vector_22" d="M62.0029 121.916H63.7793V115.693H65.7389V114.132H60.0404V115.693H62.0029V121.916Z" fill="white"/>
-<path id="Vector_23" d="M70.3644 121.916H72.138V114.132H70.3644V121.916Z" fill="white"/>
-<path id="Vector_24" d="M80.783 120.03C80.6375 120.22 80.334 120.424 79.9242 120.424C79.5129 120.424 79.2122 120.22 79.0639 120.03C78.8709 119.776 78.752 119.515 78.752 118.025C78.752 116.529 78.8751 116.256 79.0639 116.01C79.25 115.769 79.5703 115.625 79.9242 115.625C80.2752 115.625 80.597 115.769 80.783 116.01C80.9704 116.256 81.0935 116.529 81.0935 118.025C81.0935 119.515 80.976 119.776 80.783 120.03ZM82.8685 117.891C82.8713 116.772 82.8714 115.716 82.0881 114.933C81.4852 114.333 80.8208 114.064 79.9242 114.064C79.029 114.064 78.3618 114.333 77.7589 114.935C76.9784 115.716 76.9784 116.772 76.9784 117.891V118.158C76.9784 119.277 76.9784 120.333 77.7589 121.116C78.3618 121.717 79.029 121.985 79.9242 121.985C80.8208 121.985 81.4852 121.717 82.0881 121.116C82.8714 120.333 82.8713 119.277 82.8685 118.158V117.891Z" fill="white"/>
-<path id="Vector_25" d="M93.7549 121.916V114.132H91.9799V118.368L89.2803 114.132H87.7095V121.916H89.4831V117.682L92.1841 121.916H93.7549Z" fill="white"/>
-<path id="Vector_26" d="M2.79326 131.466H5.75863V129.9H2.79326V128.377H6.26637V126.811H1.01404V134.623H6.26637V133.057H2.79326V131.466Z" fill="white"/>
-<path id="Vector_27" d="M3.54049 124.003L3.04114 125.837H3.97969L5.18403 124.003H3.54049Z" fill="white"/>
-<path id="Vector_28" d="M14.7169 129.162H16.5367C16.2401 127.625 15.1813 126.744 13.6119 126.744C12.7335 126.744 12.0495 127.022 11.4564 127.614C10.6717 128.4 10.6717 129.459 10.6745 130.583V130.852C10.6717 131.974 10.6717 133.035 11.4564 133.817C12.0495 134.413 12.7335 134.691 13.6119 134.691C15.1813 134.691 16.2401 133.81 16.5367 132.269H14.7169C14.5994 132.656 14.3504 133.122 13.6245 133.122C13.2664 133.122 12.9573 132.988 12.7768 132.751C12.5866 132.502 12.4537 132.211 12.4537 130.716C12.4537 129.222 12.5866 128.931 12.7768 128.684C12.9573 128.445 13.2664 128.309 13.6245 128.309C14.3504 128.309 14.5994 128.776 14.7169 129.162Z" fill="white"/>
-<path id="Vector_29" d="M24.418 132.729C24.2263 132.978 23.906 133.123 23.5563 133.123C23.2081 133.123 22.8863 132.978 22.6961 132.729C22.5031 132.476 22.3842 132.213 22.3842 130.716C22.3842 129.211 22.5031 128.947 22.6961 128.694C22.8821 128.453 23.2025 128.31 23.5563 128.31C23.9102 128.31 24.2319 128.453 24.418 128.694C24.611 128.947 24.7285 129.211 24.7285 130.716C24.7285 132.213 24.611 132.476 24.418 132.729ZM23.5563 126.744C22.6583 126.744 21.9883 127.012 21.3855 127.615C20.6036 128.4 20.6036 129.459 20.605 130.583V130.849C20.6036 131.974 20.6036 133.035 21.3855 133.819C21.9883 134.42 22.6583 134.691 23.5563 134.691C24.4557 134.691 25.1229 134.42 25.7272 133.819C26.5077 133.035 26.5077 131.974 26.5077 130.852V130.58C26.5077 129.459 26.5077 128.397 25.7272 127.615C25.1257 127.012 24.4557 126.744 23.5563 126.744Z" fill="white"/>
-<path id="Vector_30" d="M32.9211 126.811H31.1418V134.623H36.2781V133.057H32.9211V126.811Z" fill="white"/>
-<path id="Vector_31" d="M43.9635 132.729C43.7718 132.978 43.4515 133.123 43.1018 133.123C42.6906 133.123 42.3871 132.919 42.2416 132.729C42.0486 132.476 41.9311 132.213 41.9311 130.716C41.9311 129.215 42.0542 128.942 42.2416 128.694C42.4276 128.453 42.748 128.31 43.1018 128.31C43.4557 128.31 43.7774 128.453 43.9635 128.694C44.1565 128.947 44.274 129.211 44.274 130.716C44.274 132.213 44.1565 132.476 43.9635 132.729ZM43.1018 126.744C42.2038 126.744 41.5338 127.012 40.9338 127.615C40.1491 128.4 40.1519 129.459 40.1519 130.583V130.849C40.1519 131.974 40.1491 133.035 40.9338 133.819C41.5338 134.42 42.2038 134.691 43.1018 134.691C44.0012 134.691 44.6684 134.42 45.2727 133.819C46.056 133.035 46.0532 131.974 46.0532 130.849V130.583C46.0532 129.459 46.056 128.4 45.2727 127.615C44.6712 127.012 44.0012 126.744 43.1018 126.744Z" fill="white"/>
-<path id="Vector_32" d="M54.5881 129.21H56.3841C56.2387 128.389 55.6652 126.745 53.3712 126.745C52.4802 126.745 51.8144 127.014 51.2129 127.615C50.4296 128.398 50.4296 129.46 50.4324 130.585V130.85C50.4296 131.975 50.4296 133.034 51.2129 133.818C51.8074 134.414 52.4928 134.69 53.3712 134.69C54.3615 134.69 55.0399 134.428 55.6288 133.818C56.1995 133.239 56.4121 132.534 56.4121 131.221V130.203H53.4663V131.656H54.6427V131.862C54.6427 132.243 54.528 132.569 54.314 132.782C54.1014 133.009 53.7824 133.123 53.3712 133.123C53.0145 133.123 52.7026 132.988 52.5222 132.75C52.3347 132.504 52.2117 132.231 52.2117 130.717C52.2117 129.217 52.3347 128.941 52.5222 128.695C52.711 128.449 53.0201 128.31 53.3712 128.31C54.0384 128.31 54.4049 128.579 54.5881 129.21Z" fill="white"/>
-<path id="Vector_33" d="M61.0458 134.623H62.825V126.811H61.0458V134.623Z" fill="white"/>
-<path id="Vector_34" d="M71.5391 131.905L71.5209 132.105L71.0649 131.646L70.1963 132.515L70.7586 133.079L70.588 133.112C70.5222 133.123 70.469 133.123 70.4117 133.123C70.0005 133.123 69.6969 132.92 69.5515 132.727C69.3584 132.474 69.2395 132.21 69.2395 130.715C69.2395 129.217 69.3626 128.941 69.5515 128.695C69.7375 128.454 70.0578 128.31 70.4117 128.31C70.7656 128.31 71.0873 128.454 71.2733 128.695C71.4608 128.941 71.5839 129.217 71.5839 130.715C71.5839 131.295 71.5559 131.671 71.5391 131.905ZM72.9169 133.397C73.3659 132.68 73.3631 131.789 73.3631 130.845V130.585C73.3631 129.46 73.3659 128.398 72.5798 127.614C71.9811 127.014 71.3111 126.745 70.4117 126.745C69.5137 126.745 68.8465 127.014 68.2436 127.615C67.4589 128.398 67.4603 129.46 67.4603 130.585V130.85C67.4603 131.975 67.4589 133.034 68.2436 133.818C68.8465 134.421 69.5137 134.69 70.4117 134.69C71.0062 134.69 71.4985 134.572 71.9154 134.33L71.9783 134.295L72.5798 134.898L73.4484 134.03L72.8791 133.46L72.9169 133.397Z" fill="white"/>
-<path id="Vector_35" d="M79.6427 131.863V126.812H77.8635V131.908C77.8635 133.519 79.0958 134.691 80.7925 134.691C82.5046 134.691 83.7439 133.519 83.7439 131.908V126.812H81.9647V131.863C81.9647 132.641 81.5157 133.123 80.7925 133.123C80.0819 133.123 79.6427 132.641 79.6427 131.863Z" fill="white"/>
-<path id="Vector_36" d="M90.2809 131.466H93.2476V129.9H90.2809V128.377H93.7526V126.811H88.5017V134.623H93.7526V133.057H90.2809V131.466Z" fill="white"/>
-</g>
-</svg>
diff --git a/public/assets/logos/alec-logo.svg b/public/assets/logos/alec-logo.svg
index 083de050d3ef2e327299159bbf468b5ef592c225..b2adcdc789d007de6a9ad1d1cd71bfdad055e8b9 100644
--- a/public/assets/logos/alec-logo.svg
+++ b/public/assets/logos/alec-logo.svg
@@ -1,10 +1,14 @@
-<svg width="108" height="55" viewBox="0 0 108 55" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Logos_RVB_Vertical_bleu">
-<g id="Group">
-<path id="Vector" d="M21.1739 28.7073V31.5029C20.7992 31.596 20.4246 31.6892 20.05 31.7824C19.1133 32.062 18.2704 32.6211 17.6147 33.2734C16.9591 34.0188 16.5845 34.8575 16.3971 35.8825C16.1162 37.2803 16.2098 38.7712 16.4908 40.0758C17.0528 42.3122 18.7387 43.8032 21.1739 44.0827C22.2978 44.2691 23.5154 44.2691 24.6394 44.2691C24.733 44.2691 24.733 44.2691 24.8267 44.2691V43.8963C24.8267 40.6349 24.8267 37.4666 24.8267 34.2052C24.8267 31.6892 24.4521 29.3596 23.3281 27.1232C21.7359 24.1413 19.207 22.5572 15.8352 22.2776C15.5542 22.2776 15.2732 22.2776 14.9922 22.2776C14.7112 22.2776 14.4303 22.2776 14.1493 22.2776V19.3889C14.7112 19.3889 15.2732 19.3889 15.8352 19.3889C18.5514 19.4821 21.2676 19.8548 23.7964 20.8799C28.7605 22.8367 31.5704 26.5641 32.507 31.6892C32.6943 32.7143 32.788 33.8325 32.788 34.8575C32.788 38.8644 32.788 42.7781 32.788 46.7851V47.1578C32.6943 47.1578 32.6943 47.1578 32.6006 47.1578C28.5732 47.1578 24.5457 47.1578 20.6119 47.1578C17.9894 47.1578 15.4605 46.5055 13.119 45.3873C10.0282 43.8032 8.71689 41.2872 8.81055 37.9326C8.90421 34.2052 10.8711 31.7824 14.2429 30.1983C16.1162 29.3596 18.1767 28.8937 20.1436 28.8005C20.5183 28.8005 20.7992 28.7073 21.1739 28.7073Z" fill="white"/>
-<path id="Vector_2" d="M71.8449 40.6349C72.4068 41.194 73.0625 41.9394 73.7181 42.6849C72.6878 43.9895 71.3766 45.0145 69.878 45.6668C66.7871 47.1577 63.3217 47.6237 60.0435 46.9714C56.7653 46.3191 54.3301 44.4554 53.0189 41.3803C51.4266 37.5598 51.2393 33.646 52.9252 29.7323C54.7984 25.3527 58.3576 23.0231 63.1343 22.5571C64.7266 22.3708 66.4125 22.5571 67.9111 23.0231C70.8146 23.9549 72.5942 26.0049 73.1561 28.9868C73.3435 30.1982 73.4371 31.4096 73.6245 32.7142H61.0738V29.9187H67.8174C67.8174 28.1482 67.3491 26.5641 65.8505 25.4458C65.0076 24.7936 63.9773 24.8867 63.0407 24.9799C61.6358 25.1663 60.6055 26.0049 59.7625 27.03C58.4513 28.5209 57.702 30.3846 57.6083 32.4347C57.3273 35.8825 58.2639 38.9575 60.6991 41.4735C61.9167 42.7781 63.4153 43.6168 65.2886 43.6168C67.4428 43.7099 69.2224 42.9645 70.8146 41.5667C71.0956 41.194 71.4702 41.0076 71.8449 40.6349Z" fill="white"/>
-<path id="Vector_3" d="M99.1005 22.5572V25.5391C99.0068 25.5391 98.8195 25.5391 98.7258 25.5391C96.8526 25.5391 95.073 25.5391 93.1998 25.5391C91.7012 25.6323 90.2026 26.005 88.8913 26.7505C87.2054 27.6823 85.8942 29.1732 85.2385 31.0369C84.4892 33.3665 84.3956 35.8825 85.1449 38.2121C85.9878 41.194 88.2357 42.9645 91.1392 43.8963C92.1695 44.2691 93.2934 44.3623 94.4174 44.3623C96.0096 44.3623 97.6019 44.3623 99.1941 44.3623V47.1578C99.1005 47.1578 99.1005 47.1578 99.0068 47.1578C96.8526 47.1578 94.792 47.1578 92.6378 47.1578C89.3596 47.0646 86.0815 46.4123 83.0843 44.9214C80.8364 43.8032 79.0568 42.3122 77.8392 40.0758C77.0899 38.5848 76.7153 37.0007 76.6216 35.3234C76.6216 33.4597 76.7153 31.596 77.5583 29.9187C78.8695 26.8436 81.3047 24.98 84.3956 23.8618C86.7371 23.0231 89.266 22.5572 91.7948 22.5572C94.1364 22.5572 96.4779 22.5572 98.7258 22.464C98.9131 22.5572 99.0068 22.5572 99.1005 22.5572Z" fill="white"/>
-<path id="Vector_4" d="M44.683 7.74084H40.2809C39.2506 7.74084 38.4077 8.5795 38.4077 9.60453V45.2941C38.4077 46.3191 39.2506 47.1577 40.2809 47.1577H44.683C45.7133 47.1577 46.5562 46.3191 46.5562 45.2941V9.60453C46.5562 8.5795 45.7133 7.74084 44.683 7.74084Z" fill="white"/>
-</g>
-</g>
-</svg>
+<svg width="115" height="115" viewBox="0 0 115 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M21.5464 58.8223V61.8842C21.136 61.9862 20.7257 62.0883 20.3153 62.1904C19.2895 62.4966 18.3662 63.1089 17.6481 63.8234C16.93 64.6399 16.5197 65.5584 16.3145 66.6811C16.0067 68.2121 16.1093 69.845 16.4171 71.2739C17.0326 73.7234 18.8791 75.3564 21.5464 75.6626C22.7774 75.8667 24.111 75.8667 25.342 75.8667C25.4446 75.8667 25.4446 75.8667 25.5472 75.8667V75.4585C25.5472 71.8863 25.5472 68.4162 25.5472 64.844C25.5472 62.0883 25.1368 59.5368 23.9058 57.0873C22.1619 53.8213 19.3921 52.0862 15.699 51.78C15.3912 51.78 15.0835 51.78 14.7757 51.78C14.468 51.78 14.1602 51.78 13.8525 51.78V48.6161C14.468 48.6161 15.0835 48.6161 15.699 48.6161C18.674 48.7182 21.6489 49.1264 24.4187 50.2491C29.8558 52.3924 32.9333 56.4749 33.9592 62.0883C34.1644 63.211 34.2669 64.4357 34.2669 65.5584C34.2669 69.9471 34.2669 74.2337 34.2669 78.6224V79.0307C34.1644 79.0307 34.1644 79.0307 34.0618 79.0307C29.6506 79.0307 25.2394 79.0307 20.9308 79.0307C18.0585 79.0307 15.2886 78.3162 12.724 77.0915C9.33869 75.3564 7.9025 72.6007 8.00508 68.9265C8.10767 64.844 10.262 62.1904 13.955 60.4553C16.0067 59.5368 18.2636 59.0264 20.4179 58.9244C20.8283 58.9244 21.136 58.8223 21.5464 58.8223Z"
+ fill="white" />
+ <path
+ d="M77.045 71.8862C77.6605 72.4986 78.3786 73.3151 79.0967 74.1316C77.9682 75.5605 76.532 76.6832 74.8907 77.3976C71.5054 79.0306 67.7097 79.5409 64.1192 78.8265C60.5287 78.112 57.8615 76.0708 56.4253 72.7027C54.6814 68.5182 54.4762 64.2316 56.3227 59.945C58.3744 55.148 62.2727 52.5965 67.5045 52.0862C69.2485 51.882 71.095 52.0862 72.7364 52.5965C75.9165 53.6171 77.8657 55.8625 78.4812 59.1285C78.6863 60.4553 78.7889 61.7821 78.9941 63.2109H65.2477V60.1491H72.6338C72.6338 58.2099 72.1209 56.4748 70.4795 55.2501C69.5562 54.5357 68.4278 54.6377 67.4019 54.7398C65.8632 54.9439 64.7347 55.8625 63.8115 56.9851C62.3753 58.6181 61.5546 60.6594 61.452 62.9048C61.1442 66.6811 62.1701 70.0491 64.8373 72.8048C66.1709 74.2337 67.8123 75.1522 69.864 75.1522C72.2235 75.2543 74.1726 74.4378 75.9165 72.9069C76.2243 72.4986 76.6346 72.2945 77.045 71.8862Z"
+ fill="white" />
+ <path
+ d="M106.897 52.0861V55.3521C106.795 55.3521 106.59 55.3521 106.487 55.3521C104.435 55.3521 102.486 55.3521 100.435 55.3521C98.7932 55.4542 97.1518 55.8624 95.7156 56.6789C93.8691 57.6996 92.4329 59.3326 91.7148 61.3738C90.8941 63.9254 90.7915 66.681 91.6122 69.2326C92.5355 72.4986 94.9975 74.4378 98.1776 75.4584C99.3061 75.8666 100.537 75.9687 101.768 75.9687C103.512 75.9687 105.256 75.9687 107 75.9687V79.0306C106.897 79.0306 106.897 79.0306 106.795 79.0306C104.435 79.0306 102.178 79.0306 99.819 79.0306C96.2285 78.9285 92.638 78.2141 89.3553 76.5811C86.8933 75.3563 84.9441 73.7233 83.6105 71.2738C82.7898 69.6408 82.3795 67.9058 82.2769 66.0687C82.2769 64.0274 82.3795 61.9862 83.3028 60.1491C84.739 56.781 87.4062 54.7398 90.7915 53.515C93.3561 52.5964 96.1259 52.0861 98.8957 52.0861C101.46 52.0861 104.025 52.0861 106.487 51.9841C106.692 52.0861 106.795 52.0861 106.897 52.0861Z"
+ fill="white" />
+ <path
+ d="M47.2954 35.8583H42.4739C41.3454 35.8583 40.4221 36.7768 40.4221 37.8995V76.9894C40.4221 78.1121 41.3454 79.0306 42.4739 79.0306H47.2954C48.4238 79.0306 49.3471 78.1121 49.3471 76.9894V37.8995C49.3471 36.7768 48.4238 35.8583 47.2954 35.8583Z"
+ fill="white" />
+</svg>
\ No newline at end of file
diff --git a/public/assets/logos/bfm-logo.svg b/public/assets/logos/bfm-logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..29d779ae78a64395f08adab25d78599f9a588ede
--- /dev/null
+++ b/public/assets/logos/bfm-logo.svg
@@ -0,0 +1,15 @@
+<svg width="115" height="115" viewBox="0 0 115 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M38.4442 76.4179L37.1722 82.2739L28.7602 61.2859H32.6842L38.4442 76.4179Z" fill="white" />
+ <path
+ d="M55.916 48.53C56.564 49.322 56.456 50.486 55.664 51.146C45.3201 59.6899 39.6321 73.8739 39.6321 91.0819C39.6321 92.1019 38.7921 92.9419 37.7721 92.9419C36.7521 92.9419 35.9241 92.1019 35.9241 91.0819C35.9241 72.7459 42.0921 57.542 53.3 48.278C53.648 48.002 54.068 47.858 54.488 47.858C55.016 47.858 55.544 48.086 55.916 48.53Z"
+ fill="white" />
+ <path fill-rule="evenodd" clip-rule="evenodd"
+ d="M98 22.058V50.942H89.588V32.414H89.504L84.488 50.942H77.8521L72.8481 32.414H72.7521V50.942H64.3401V28.934H51.8241V33.302H59.9721V39.938H51.8361V50.942H42.9441V45.146C41.5401 48.95 37.5081 50.942 33.3921 50.942H17.0002V22.058H32.8162C40.4241 22.058 42.0441 26.342 42.0441 29.294C42.0441 32.21 40.6401 33.794 38.4921 34.958C40.3281 35.594 42.0801 36.842 42.9441 39.038V22.058H77.0001L81.1281 39.05H81.212L85.34 22.058H98ZM25.8802 33.302H30.5962C32.4562 33.302 33.6321 32.774 33.6321 30.914C33.6321 29.45 32.4202 28.934 30.5962 28.934H25.8802V33.302ZM34.6041 41.306C34.6041 39.614 33.5841 38.678 31.4842 38.678H25.9042V44.054H31.1122C32.9842 44.054 34.6041 43.538 34.6041 41.306Z"
+ fill="white" />
+ <path d="M23.3122 61.2859V83.4259H30.8962V87.0859H19.4122V61.2859H23.3122Z" fill="white" />
+ <path fill-rule="evenodd" clip-rule="evenodd"
+ d="M44.5281 74.0659C44.5281 70.4339 45.8601 67.314 48.5241 64.706C51.1721 62.106 54.3561 60.806 58.0761 60.806C61.7561 60.806 64.9081 62.118 67.5321 64.742C70.1721 67.374 71.4921 70.534 71.4921 74.2219C71.4921 77.9259 70.1681 81.0699 67.5201 83.6539C64.8561 86.2539 61.6401 87.5539 57.8721 87.5539C54.5441 87.5539 51.5561 86.3979 48.9081 84.0859C45.9881 81.5419 44.5281 78.2019 44.5281 74.0659ZM48.4521 74.1139C48.4521 76.9619 49.4121 79.3019 51.3321 81.1339C53.2361 82.9739 55.4361 83.8939 57.9321 83.8939C60.6361 83.8939 62.9161 82.9579 64.7721 81.0859C66.6361 79.1979 67.5681 76.8939 67.5681 74.1739C67.5681 71.4299 66.6481 69.126 64.8081 67.262C62.9841 65.39 60.7241 64.454 58.0281 64.454C55.3401 64.454 53.0721 65.39 51.2241 67.262C49.3761 69.11 48.4521 71.3939 48.4521 74.1139Z"
+ fill="white" />
+ <path d="M72.9681 87.0859V59.5339L91.7841 79.2139V61.2859H95.6721V88.6579L76.8561 69.0259V87.0859H72.9681Z"
+ fill="white" />
+</svg>
\ No newline at end of file
diff --git a/public/assets/logos/epgl-logo.svg b/public/assets/logos/epgl-logo.svg
index 135258fa2bd047530d56ca08b91544145cfc8b58..df362c7084a8604a7c5875574ce971a244b0b325 100644
--- a/public/assets/logos/epgl-logo.svg
+++ b/public/assets/logos/epgl-logo.svg
@@ -1,68 +1,68 @@
-<svg width="136" height="45" viewBox="0 0 136 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="115" height="115" viewBox="0 0 115 115" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
- d="M6.20844 43.9473C5.58475 44.5751 4.67 44.9121 3.5955 44.9121H0.0546875V34.5085H3.5955C4.67 34.5085 5.58475 34.8456 6.20844 35.4733C7.28294 36.5549 7.22386 38.1475 7.22386 39.5947C7.22386 41.0419 7.28076 42.8679 6.20844 43.9495M5.43813 36.2641C4.90197 35.709 4.20388 35.5042 3.40511 35.5042H1.15764V43.9208H3.4073C4.20607 43.9208 4.90197 43.716 5.44032 43.1609C6.15155 42.4164 6.1231 40.8678 6.1231 39.5947C6.1231 38.3215 6.15155 37.0087 5.44032 36.2641"
+ d="M12.0782 73.2655C11.6197 73.727 10.9473 73.9747 10.1575 73.9747H7.55469V66.3273H10.1575C10.9473 66.3273 11.6197 66.575 12.0782 67.0365C12.868 67.8315 12.8246 69.0022 12.8246 70.066C12.8246 71.1298 12.8664 72.4721 12.0782 73.2671M11.512 67.6178C11.1178 67.2097 10.6047 67.0591 10.0175 67.0591H8.36544V73.2461H10.0191C10.6063 73.2461 11.1178 73.0955 11.5136 72.6875C12.0364 72.1402 12.0155 71.0019 12.0155 70.066C12.0155 69.1301 12.0364 68.1651 11.5136 67.6178"
fill="white" />
<path
- d="M12.9869 44.998C10.897 44.998 9.38696 43.5508 9.38696 41.4758V34.5063H10.4899V41.3877C10.4899 42.9649 11.4769 44.0024 12.9869 44.0024C14.4969 44.0024 15.4991 42.9649 15.4991 41.3877V34.5063H16.6021V41.4758C16.6021 43.5508 15.0768 44.998 12.9869 44.998Z"
+ d="M17.0609 74.0378C15.5246 74.0378 14.4146 72.974 14.4146 71.4487V66.3256H15.2254V71.384C15.2254 72.5433 15.9509 73.306 17.0609 73.306C18.1708 73.306 18.9076 72.5433 18.9076 71.384V66.3256H19.7183V71.4487C19.7183 72.974 18.5971 74.0378 17.0609 74.0378Z"
fill="white" />
<path
- d="M25.211 43.8017C24.4713 44.5771 23.4975 45 22.3223 45C21.1471 45 20.2608 44.5903 19.5343 43.8612C18.4904 42.8083 18.5189 41.5087 18.5189 39.7113C18.5189 37.9138 18.4904 36.6142 19.5343 35.5613C20.2608 34.83 21.1603 34.4225 22.3223 34.4225C23.7601 34.4225 24.5588 34.8168 25.4867 35.7529L24.1212 37.1274C23.5412 36.5437 23.1189 36.2353 22.3223 36.2353C21.7708 36.2353 21.32 36.4534 21.0311 36.7904C20.6394 37.2288 20.5388 37.7112 20.5388 39.7135C20.5388 41.7157 20.6394 42.2114 21.0311 42.6497C21.3222 42.9867 21.7708 43.1894 22.3223 43.1894C22.9329 43.1894 23.3684 42.9713 23.701 42.6057C24.0358 42.24 24.1518 41.7003 24.1518 41.1893V40.8236H22.3223V39.1275H26.1695V40.6188C26.1695 42.1233 25.9375 43.044 25.211 43.8039"
+ d="M26.0466 73.1584C25.5029 73.7284 24.787 74.0393 23.9232 74.0393C23.0593 74.0393 22.4078 73.7381 21.8738 73.2021C21.1064 72.4282 21.1273 71.4729 21.1273 70.1516C21.1273 68.8303 21.1064 67.875 21.8738 67.101C22.4078 66.5635 23.069 66.2639 23.9232 66.2639C24.98 66.2639 25.5672 66.5538 26.2493 67.2419L25.2455 68.2523C24.8192 67.8232 24.5087 67.5965 23.9232 67.5965C23.5178 67.5965 23.1864 67.7568 22.9741 68.0045C22.6861 68.3268 22.6121 68.6814 22.6121 70.1532C22.6121 71.6251 22.6861 71.9894 22.9741 72.3116C23.188 72.5593 23.5178 72.7083 23.9232 72.7083C24.372 72.7083 24.6921 72.548 24.9366 72.2792C25.1827 72.0104 25.268 71.6137 25.268 71.2381V70.9693H23.9232V69.7225H26.7512V70.8187C26.7512 71.9246 26.5807 72.6014 26.0466 73.1601"
fill="white" />
<path
- d="M33.3057 44.9121L31.288 40.7621H29.8371V44.9121H27.8194V34.5085H31.8701C33.9753 34.5085 35.2227 35.9557 35.2227 37.6937C35.2227 39.1541 34.3364 40.0616 33.3363 40.4251L35.6451 44.9099H33.3079L33.3057 44.9121ZM31.7388 36.3214H29.8371V39.0682H31.7388C32.6251 39.0682 33.205 38.4977 33.205 37.6959C33.205 36.8941 32.6251 36.3236 31.7388 36.3236"
+ d="M31.997 73.9747L30.5138 70.9242H29.4473V73.9747H27.9641V66.3273H30.9417C32.4892 66.3273 33.4061 67.3911 33.4061 68.6686C33.4061 69.7421 32.7546 70.4093 32.0195 70.6764L33.7166 73.9731H31.9986L31.997 73.9747ZM30.8452 67.6599H29.4473V69.679H30.8452C31.4967 69.679 31.923 69.2596 31.923 68.6702C31.923 68.0809 31.4967 67.6615 30.8452 67.6615"
fill="white" />
<path
- d="M42.9064 44.9121L42.2959 43.0706H38.6238L38.0001 44.9121H35.8948L39.6545 34.5085H41.2367L45.0117 44.9121H42.9064ZM40.497 37.577L39.1906 41.3613H41.7597L40.497 37.577Z"
+ d="M39.0542 73.9747L38.6054 72.6211H35.9061L35.4476 73.9747H33.9001L36.6638 66.3273H37.8268L40.6017 73.9747H39.0542ZM37.2831 68.5828L36.3227 71.3646H38.2113L37.2831 68.5828Z"
fill="white" />
<path
- d="M52.1039 44.9121L48.0095 38.5263V44.9121H45.9918V34.5085H47.7928L51.8851 40.8789V34.5085H53.9028V44.9121H52.1039Z"
+ d="M45.8151 73.9747L42.8053 69.2807V73.9747H41.3221V66.3273H42.646L45.6542 71.01V66.3273H47.1374V73.9747H45.8151Z"
fill="white" />
<path
- d="M62.482 43.9186C61.7992 44.6059 60.8276 44.9121 59.7531 44.9121H56.0219V34.5085H59.7531C60.8276 34.5085 61.7992 34.8169 62.482 35.502C63.644 36.6716 63.528 38.1034 63.528 39.6652C63.528 41.2269 63.644 42.749 62.482 43.9164M61.0748 36.9624C60.7269 36.5395 60.263 36.3192 59.5649 36.3192H58.0417V43.0992H59.5649C60.2608 43.0992 60.7269 42.879 61.0748 42.456C61.4512 41.989 61.5103 41.2445 61.5103 39.6652C61.5103 38.0858 61.4512 37.4294 61.0748 36.9624Z"
+ d="M53.4438 73.2445C52.942 73.7496 52.2277 73.9747 51.4379 73.9747H48.6951V66.3273H51.4379C52.2277 66.3273 52.942 66.554 53.4438 67.0575C54.298 67.9173 54.2128 68.9698 54.2128 70.1178C54.2128 71.2658 54.298 72.3847 53.4438 73.2428M52.4095 68.131C52.1537 67.8202 51.8127 67.6582 51.2995 67.6582H50.1799V72.6421H51.2995C51.8111 72.6421 52.1537 72.4802 52.4095 72.1693C52.6862 71.826 52.7296 71.2788 52.7296 70.1178C52.7296 68.9568 52.6862 68.4743 52.4095 68.131Z"
fill="white" />
- <path d="M65.2943 44.9121V34.5085H67.312V43.0992H71.9995V44.9121H65.2943Z" fill="white" />
+ <path d="M55.511 73.9747V66.3273H56.9942V72.6421H60.4399V73.9747H55.511Z" fill="white" />
<path
- d="M76.14 40.6454V44.9121H74.1376V40.6454L71.0301 34.5085H73.2229L75.153 38.7004L77.0547 34.5085H79.2453L76.14 40.6454Z"
+ d="M63.4835 70.8383V73.9747H62.0116V70.8383L59.7274 66.3273H61.3392L62.758 69.4086L64.156 66.3273H65.7662L63.4835 70.8383Z"
fill="white" />
<path
- d="M86.3131 43.8594C85.5866 44.5907 84.7024 44.9982 83.5251 44.9982C82.3477 44.9982 81.4483 44.5885 80.7239 43.8594C79.6779 42.8065 79.7085 41.5069 79.7085 39.7094C79.7085 37.912 79.6801 36.6124 80.7239 35.5595C81.4505 34.8282 82.3499 34.4207 83.5251 34.4207C84.7003 34.4207 85.5866 34.8304 86.3131 35.5595C87.3592 36.6124 87.3438 37.912 87.3438 39.7094C87.3438 41.5069 87.3592 42.8065 86.3131 43.8594ZM84.8184 36.7864C84.5274 36.4494 84.0787 36.2313 83.5273 36.2313C82.9758 36.2313 82.5119 36.4494 82.2208 36.7864C81.8291 37.2247 81.7284 37.7071 81.7284 39.7094C81.7284 41.7117 81.8291 42.1941 82.2208 42.6325C82.5119 42.9695 82.9758 43.1876 83.5273 43.1876C84.0787 43.1876 84.5296 42.9695 84.8184 42.6325C85.2101 42.1941 85.3261 41.7117 85.3261 39.7094C85.3261 37.7071 85.2101 37.2247 84.8184 36.7864Z"
+ d="M70.9617 73.2009C70.4276 73.7385 69.7777 74.0381 68.9123 74.0381C68.0468 74.0381 67.3857 73.7369 66.8532 73.2009C66.0843 72.427 66.1068 71.4716 66.1068 70.1504C66.1068 68.8291 66.0859 67.8738 66.8532 67.0998C67.3873 66.5622 68.0485 66.2627 68.9123 66.2627C69.7761 66.2627 70.4276 66.5639 70.9617 67.0998C71.7306 67.8738 71.7194 68.8291 71.7194 70.1504C71.7194 71.4716 71.7306 72.427 70.9617 73.2009ZM69.863 68.0017C69.6491 67.754 69.3193 67.5937 68.9139 67.5937C68.5085 67.5937 68.1675 67.754 67.9535 68.0017C67.6656 68.3239 67.5916 68.6785 67.5916 70.1504C67.5916 71.6222 67.6656 71.9768 67.9535 72.299C68.1675 72.5468 68.5085 72.7071 68.9139 72.7071C69.3193 72.7071 69.6507 72.5468 69.863 72.299C70.151 71.9768 70.2362 71.6222 70.2362 70.1504C70.2362 68.6785 70.151 68.3239 69.863 68.0017Z"
fill="white" />
<path
- d="M95.2284 44.9121L91.134 38.5263V44.9121H89.1163V34.5085H90.9173L95.0096 40.8789V34.5085H97.0273V44.9121H95.2284Z"
+ d="M77.5152 73.9747L74.5054 69.2807V73.9747H73.0223V66.3273H74.3462L77.3544 71.01V66.3273H78.8375V73.9747H77.5152Z"
fill="white" />
<path
- d="M28.6708 8.0934C28.3491 7.46782 27.9114 6.76955 27.3643 6.01181C27.0383 5.6021 26.6006 5.09988 26.06 4.51395C25.3007 3.79145 24.7536 3.32227 24.3947 3.08217C23.8191 2.64823 23.3421 2.32002 22.9394 2.07552C22.2369 1.65039 21.2981 1.22967 20.147 0.82216C18.6436 0.317733 17.092 0.0512022 15.5339 0.0291748H15.2341C13.6475 0.0291748 12.0346 0.295706 10.4393 0.82216C9.28821 1.22967 8.34939 1.65039 7.64911 2.07552C7.24426 2.31782 6.75624 2.65704 6.20039 3.07776C5.83493 3.32007 5.28783 3.79145 4.5219 4.52056C3.98793 5.09988 3.55025 5.6021 3.2198 6.01622C2.67271 6.77176 2.23503 7.47002 1.91771 8.0912C0.725038 10.3798 0.12323 12.7742 0.12323 15.206V15.3889C0.12323 17.8581 0.735979 20.2833 1.94397 22.5962C2.32913 23.3099 2.83902 24.0699 3.46053 24.854C4.02294 25.5831 4.75605 26.3321 5.64673 27.0832C6.15225 27.4907 6.60962 27.8299 7.0101 28.0921C9.54426 29.7331 12.341 30.5657 15.3216 30.5657C17.5341 30.5657 19.729 30.0723 21.8474 29.0965C22.6724 28.6714 23.4887 28.1714 24.2678 27.6075C24.6923 27.3211 25.2044 26.8872 25.7821 26.3255C26.1717 25.9995 26.3708 25.669 26.3708 25.3474V25.2593C26.3708 25.0721 26.3117 24.8937 26.1957 24.7263L24.1758 22.6623C23.8913 22.3077 23.5828 22.127 23.2633 22.127C23.0379 22.127 22.8168 22.2085 22.6133 22.3671L22.6002 22.3782C22.3639 22.616 22.1144 22.8473 21.8561 23.0676C21.32 23.528 20.821 23.8892 20.3746 24.1425C18.7793 25.0347 17.1008 25.4884 15.3851 25.4884C13.1376 25.4884 11.0805 24.8254 9.26414 23.5148C8.94901 23.2989 8.51133 22.9068 7.96424 22.3539C7.52656 21.8715 7.18517 21.4574 6.9532 21.127C6.2551 20.0829 5.75177 18.9815 5.44977 17.8493H29.4871C30.1283 17.8714 30.4653 17.5321 30.4653 16.8713V13.7831C30.4653 13.5518 30.4237 13.3535 30.3405 13.1949C30.0954 11.4614 29.5374 9.74325 28.6752 8.0934M15.2363 5.07565C15.5952 5.07565 15.9234 5.09547 16.2451 5.13512C17.2124 5.23424 18.1928 5.47655 19.1557 5.85101C21.6986 6.94577 23.5478 8.77625 24.6507 11.2896C24.8455 11.772 25.0118 12.2698 25.1453 12.7742H5.4454C5.5767 12.272 5.74302 11.7742 5.93779 11.2918C7.04074 8.77625 8.89211 6.94577 11.4328 5.85101C12.713 5.33557 13.9933 5.07565 15.2341 5.07565"
+ d="M28.5898 46.91C28.3534 46.4502 28.0316 45.9369 27.6295 45.3799C27.3898 45.0787 27.0681 44.7096 26.6707 44.2789C26.1125 43.7478 25.7104 43.4029 25.4466 43.2264C25.0235 42.9074 24.6728 42.6661 24.3768 42.4864C23.8604 42.1739 23.1703 41.8646 22.3242 41.5651C21.219 41.1943 20.0785 40.9984 18.9332 40.9822H18.7128C17.5465 40.9822 16.3609 41.1781 15.1882 41.5651C14.3421 41.8646 13.652 42.1739 13.1372 42.4864C12.8396 42.6645 12.4809 42.9139 12.0723 43.2231C11.8036 43.4012 11.4015 43.7478 10.8384 44.2837C10.4459 44.7096 10.1242 45.0787 9.8813 45.3831C9.47914 45.9385 9.15741 46.4518 8.92416 46.9084C8.04745 48.5908 7.60507 50.3508 7.60507 52.1384V52.2728C7.60507 54.0879 8.05549 55.8706 8.94346 57.5708C9.22659 58.0954 9.6014 58.654 10.0583 59.2305C10.4717 59.7664 11.0106 60.3169 11.6653 60.8691C12.0369 61.1686 12.3731 61.418 12.6675 61.6107C14.5303 62.817 16.5861 63.429 18.7771 63.429C20.4035 63.429 22.0169 63.0663 23.5741 62.349C24.1806 62.0365 24.7806 61.669 25.3533 61.2544C25.6653 61.044 26.0418 60.725 26.4664 60.3121C26.7528 60.0724 26.8992 59.8296 26.8992 59.5932V59.5284C26.8992 59.3908 26.8557 59.2596 26.7705 59.1365L25.2857 57.6194C25.0766 57.3587 24.8497 57.2259 24.6149 57.2259C24.4492 57.2259 24.2867 57.2858 24.1371 57.4024L24.1275 57.4105C23.9537 57.5854 23.7703 57.7554 23.5805 57.9173C23.1864 58.2557 22.8196 58.5213 22.4915 58.7075C21.3188 59.3632 20.0849 59.6968 18.8238 59.6968C17.1717 59.6968 15.6596 59.2094 14.3244 58.246C14.0927 58.0873 13.771 57.7991 13.3688 57.3927C13.0471 57.0381 12.7962 56.7337 12.6257 56.4908C12.1125 55.7233 11.7425 54.9137 11.5205 54.0814H29.1899C29.6612 54.0976 29.9089 53.8483 29.9089 53.3625V51.0924C29.9089 50.9224 29.8784 50.7767 29.8172 50.6601C29.6371 49.3858 29.2269 48.1228 28.5931 46.91M18.7144 44.6917C18.9782 44.6917 19.2195 44.7063 19.456 44.7355C20.167 44.8083 20.8877 44.9864 21.5955 45.2617C23.4647 46.0664 24.824 47.412 25.6348 49.2595C25.7779 49.6141 25.9002 49.98 25.9983 50.3508H11.5173C11.6138 49.9816 11.7361 49.6157 11.8792 49.2611C12.69 47.412 14.0509 46.0664 15.9186 45.2617C16.8596 44.8828 17.8007 44.6917 18.7128 44.6917"
fill="white" />
<path
- d="M63.4569 15.4017C63.4569 11.7959 62.3343 8.54022 60.1196 5.72072C59.4566 4.91231 58.6928 4.14356 57.8459 3.43207C57.0756 2.82191 56.3622 2.3263 55.7232 1.96505C53.386 0.672041 50.9153 0.015625 48.3789 0.015625H48.1995C45.9607 0.015625 43.7461 0.539877 41.619 1.57076C41.0369 1.83288 40.3322 2.25361 39.5225 2.82412C39.0126 3.17215 38.402 3.68539 37.6996 4.35282C37.1196 4.93434 36.6798 5.41674 36.3931 5.789C35.8679 6.50049 35.439 7.14589 35.1216 7.71199C33.7933 10.102 33.1193 12.6197 33.1193 15.1925V15.3731C33.1193 17.5428 33.5985 19.6993 34.5461 21.7875C35.8744 24.5607 37.8746 26.7811 40.492 28.3825C42.9276 29.8209 45.5318 30.55 48.2279 30.55H62.4481C62.4678 30.55 62.4897 30.55 62.5094 30.55C62.8507 30.55 63.1068 30.4597 63.2665 30.2812C63.4219 30.1072 63.4854 29.8539 63.4547 29.5389V15.3995L63.4569 15.4017ZM58.4455 15.4921V25.5013H48.2892C45.9629 25.5013 43.8052 24.7259 41.8772 23.2016C41.4767 22.8602 41.015 22.3954 40.5095 21.8249C38.9338 19.8601 38.1329 17.6596 38.1329 15.2784C38.1329 13.9898 38.3823 12.7012 38.8747 11.4522C39.3299 10.32 39.9886 9.28695 40.8312 8.37942L40.9822 8.22523C41.4395 7.74503 41.8203 7.3948 42.1092 7.17893C43.9824 5.77138 46.0592 5.05549 48.287 5.05549C50.2763 5.05549 52.1451 5.61939 53.8368 6.72737C54.2744 7.02694 54.7756 7.43004 55.3205 7.91905C55.8479 8.47194 56.209 8.88385 56.4213 9.17681C56.837 9.75393 57.1653 10.3068 57.4038 10.8223C58.0932 12.1902 58.4433 13.7607 58.4433 15.4855"
+ d="M54.1605 52.2822C54.1605 49.6315 53.3352 47.2384 51.7073 45.1658C51.2199 44.5716 50.6585 44.0065 50.0359 43.4835C49.4697 43.035 48.9453 42.6706 48.4755 42.4051C46.7575 41.4546 44.9413 40.9721 43.0769 40.9721H42.945C41.2994 40.9721 39.6714 41.3575 38.1078 42.1153C37.6799 42.3079 37.1619 42.6172 36.5667 43.0366C36.1919 43.2924 35.7431 43.6697 35.2267 44.1603C34.8004 44.5878 34.4771 44.9424 34.2664 45.216C33.8803 45.739 33.565 46.2134 33.3317 46.6296C32.3553 48.3864 31.8598 50.2371 31.8598 52.1283V52.2611C31.8598 53.856 32.2121 55.4412 32.9087 56.9762C33.8851 59.0148 35.3554 60.6469 37.2794 61.824C39.0698 62.8814 40.9841 63.4173 42.9659 63.4173H53.4189C53.4334 63.4173 53.4495 63.4173 53.4639 63.4173C53.7149 63.4173 53.9031 63.3509 54.0205 63.2198C54.1347 63.0919 54.1814 62.9057 54.1589 62.6741V52.2805L54.1605 52.2822ZM50.4767 52.3485V59.7061H43.011C41.301 59.7061 39.7148 59.1362 38.2976 58.0157C38.0032 57.7647 37.6638 57.4231 37.2922 57.0037C36.134 55.5594 35.5452 53.9418 35.5452 52.1915C35.5452 51.2443 35.7286 50.297 36.0906 49.3789C36.4252 48.5467 36.9094 47.7873 37.5287 47.1202L37.6397 47.0068C37.9759 46.6538 38.2558 46.3964 38.4681 46.2377C39.8451 45.2031 41.3718 44.6768 43.0094 44.6768C44.4716 44.6768 45.8454 45.0913 47.0889 45.9058C47.4106 46.126 47.779 46.4223 48.1795 46.7818C48.5672 47.1882 48.8326 47.491 48.9887 47.7063C49.2943 48.1306 49.5356 48.537 49.711 48.9159C50.2177 49.9214 50.4751 51.0759 50.4751 52.3437"
fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
- d="M96.7241 0.266531C96.8838 0.431737 96.9604 0.674038 96.9495 0.982421H96.9516V6.41428H91.938V0.885501C91.938 0.4824 92.1065 0 92.9097 0H95.9472C96.2929 0 96.5534 0.0903123 96.7241 0.266531ZM91.6251 17.8179C91.3309 18.9729 90.8305 20.0785 90.1282 21.1221C89.8941 21.4569 89.5614 21.86 89.1194 22.3468C88.5657 22.9041 88.1259 23.2962 87.8129 23.512C85.9987 24.8204 83.9701 25.4835 81.7839 25.4835C79.5977 25.4835 77.5691 24.8205 75.7527 23.5098C75.4419 23.2962 75.0021 22.9041 74.4528 22.3512C74.0151 21.8688 73.6737 21.4547 73.4418 21.1243C72.2403 19.34 71.6298 17.3796 71.6298 15.2958V0.918542C71.6298 0.513238 71.4613 0.0308383 70.6559 0.0308383H67.6184C67.2705 0.0308383 67.0101 0.121151 66.8394 0.29737C66.6796 0.464778 66.6052 0.704876 66.614 1.00885V15.45C66.614 17.9039 67.2267 20.307 68.4347 22.5957C68.8221 23.3116 69.332 24.0715 69.9513 24.8535C70.5159 25.5848 71.2512 26.3337 72.1375 27.0827C72.6408 27.488 73.1004 27.8272 73.503 28.0915C76.0372 29.7326 78.823 30.5652 81.7839 30.5652C84.7448 30.5652 87.5306 29.7326 90.0648 28.0915C90.4674 27.8272 90.9117 27.499 91.4325 27.0805C92.3166 26.3315 93.0519 25.5826 93.6165 24.8535C94.238 24.0671 94.7479 23.3072 95.1331 22.5935C95.9424 21.0469 96.4835 19.448 96.7526 17.8179H91.6251Z"
+ d="M78.6145 41.1566C78.7319 41.278 78.7882 41.4561 78.7802 41.6828H78.7818V45.6757H75.0964V41.6115C75.0964 41.3152 75.2203 40.9606 75.8106 40.9606H78.0434C78.2976 40.9606 78.489 41.027 78.6145 41.1566ZM74.8663 54.0583C74.6501 54.9073 74.2823 55.72 73.7661 56.4871C73.5939 56.7332 73.3494 57.0295 73.0245 57.3873C72.6175 57.797 72.2941 58.0852 72.0641 58.2439C70.7305 59.2057 69.2393 59.6931 67.6323 59.6931C66.0253 59.6931 64.534 59.2057 63.1989 58.2423C62.9704 58.0852 62.6471 57.797 62.2433 57.3906C61.9216 57.036 61.6706 56.7316 61.5001 56.4887C60.617 55.1771 60.1682 53.7361 60.1682 52.2043V41.6358C60.1682 41.3379 60.0443 40.9833 59.4523 40.9833H57.2195C56.9638 40.9833 56.7723 41.0497 56.6468 41.1792C56.5294 41.3023 56.4747 41.4788 56.4812 41.7022V52.3176C56.4812 54.1214 56.9316 55.888 57.8196 57.5703C58.1043 58.0965 58.4791 58.6552 58.9343 59.23C59.3494 59.7675 59.8899 60.3181 60.5414 60.8686C60.9114 61.1665 61.2492 61.4159 61.5452 61.6102C63.408 62.8165 65.4558 63.4285 67.6323 63.4285C69.8088 63.4285 71.8566 62.8165 73.7194 61.6102C74.0154 61.4159 74.342 61.1746 74.7248 60.867C75.3747 60.3164 75.9152 59.7659 76.3302 59.23C76.7871 58.6519 77.1619 58.0933 77.445 57.5687C78.0399 56.4319 78.4377 55.2565 78.6355 54.0583H74.8663Z"
fill="white" />
- <path d="M135.945 18.0799H81.9249V6.1521H135.945V18.0821V18.0799ZM82.4457 17.5557H135.424V6.67635H82.4457V17.5557Z"
+ <path d="M107.445 54.2509H67.7358V45.483H107.445V54.2525V54.2509ZM68.1186 53.8655H107.062V45.8683H68.1186V53.8655Z"
fill="white" />
<path
- d="M85.5369 15.5367C85.4734 15.5367 85.4296 15.4926 85.4296 15.4287V8.35793C85.4296 8.29405 85.4734 8.25 85.5369 8.25H88.3468C89.9202 8.25 90.8678 9.20378 90.8678 10.5959C90.8678 11.988 89.9093 12.9308 88.3468 12.9308H87.0578C87.014 12.9308 86.9943 12.9528 86.9943 12.9969V15.4265C86.9943 15.4904 86.9506 15.5345 86.8871 15.5345H85.5347L85.5369 15.5367ZM89.3031 10.6003C89.3031 10.01 88.9092 9.61349 88.2505 9.61349H87.0578C87.014 9.61349 86.9943 9.63552 86.9943 9.67737V11.5101C86.9943 11.5519 87.0162 11.5739 87.0578 11.5739H88.2505C88.9092 11.5739 89.3031 11.1885 89.3031 10.6003Z"
+ d="M70.391 52.3814C70.3444 52.3814 70.3122 52.349 70.3122 52.3021V47.1045C70.3122 47.0575 70.3444 47.0251 70.391 47.0251H72.4565C73.6131 47.0251 74.3097 47.7263 74.3097 48.7496C74.3097 49.7729 73.6051 50.4659 72.4565 50.4659H71.509C71.4769 50.4659 71.4624 50.4821 71.4624 50.5145V52.3005C71.4624 52.3474 71.4302 52.3798 71.3836 52.3798H70.3894L70.391 52.3814ZM73.1595 48.7528C73.1595 48.3189 72.8699 48.0274 72.3857 48.0274H71.509C71.4769 48.0274 71.4624 48.0436 71.4624 48.0744V49.4215C71.4624 49.4523 71.4785 49.4685 71.509 49.4685H72.3857C72.8699 49.4685 73.1595 49.1851 73.1595 48.7528Z"
fill="white" />
<path
- d="M91.8404 12.86V8.36196C91.8404 8.29808 91.882 8.25403 91.9454 8.25403H93.2979C93.3613 8.25403 93.4051 8.29808 93.4051 8.36196V12.904C93.4051 13.7719 93.8843 14.2653 94.6196 14.2653C95.3549 14.2653 95.8211 13.7719 95.8211 12.904V8.36196C95.8211 8.29808 95.8648 8.25403 95.9283 8.25403H97.2785C97.3442 8.25403 97.3858 8.29808 97.3858 8.36196V12.86C97.3858 14.6706 96.2369 15.6552 94.6196 15.6552C93.0024 15.6552 91.8426 14.6706 91.8426 12.86H91.8404Z"
+ d="M75.0245 50.4138V47.1074C75.0245 47.0605 75.0551 47.0281 75.1018 47.0281H76.0959C76.1425 47.0281 76.1747 47.0605 76.1747 47.1074V50.4462C76.1747 51.0842 76.527 51.4468 77.0675 51.4468C77.608 51.4468 77.9507 51.0842 77.9507 50.4462V47.1074C77.9507 47.0605 77.9828 47.0281 78.0295 47.0281H79.022C79.0703 47.0281 79.1008 47.0605 79.1008 47.1074V50.4138C79.1008 51.7448 78.2563 52.4686 77.0675 52.4686C75.8787 52.4686 75.0261 51.7448 75.0261 50.4138H75.0245Z"
fill="white" />
<path
- d="M98.738 8.35952C98.738 8.29564 98.7818 8.25159 98.8453 8.25159H101.666C103.24 8.25159 103.975 9.03356 103.975 10.19C103.975 10.983 103.614 11.4764 103.135 11.7451V11.7672C103.614 11.95 104.102 12.5491 104.102 13.417C104.102 14.8532 103.154 15.5382 101.59 15.5382H98.8453C98.7818 15.5382 98.738 15.4942 98.738 15.4303V8.35952ZM101.474 11.2319C102.071 11.2319 102.421 10.9103 102.421 10.375C102.421 9.83976 102.071 9.52917 101.474 9.52917H100.368C100.325 9.52917 100.305 9.5512 100.305 9.59305V11.168C100.305 11.2099 100.327 11.2319 100.368 11.2319H101.474ZM100.368 14.2629H101.561C102.2 14.2629 102.539 13.9192 102.539 13.3531C102.539 12.787 102.198 12.4434 101.561 12.4434H100.368C100.325 12.4434 100.305 12.4654 100.305 12.5073V14.2012C100.305 14.243 100.327 14.2651 100.368 14.2651V14.2629Z"
+ d="M80.095 47.1056C80.095 47.0586 80.1271 47.0262 80.1738 47.0262H82.2473C83.404 47.0262 83.9445 47.6011 83.9445 48.4511C83.9445 49.034 83.679 49.3967 83.3267 49.5943V49.6105C83.679 49.7449 84.0378 50.1853 84.0378 50.8232C84.0378 51.879 83.3412 52.3825 82.191 52.3825H80.1738C80.1271 52.3825 80.095 52.3501 80.095 52.3032V47.1056ZM82.1058 49.217C82.5449 49.217 82.8023 48.9806 82.8023 48.5871C82.8023 48.1937 82.5449 47.9654 82.1058 47.9654H81.2934C81.2612 47.9654 81.2468 47.9816 81.2468 48.0123V49.1701C81.2468 49.2008 81.2628 49.217 81.2934 49.217H82.1058ZM81.2934 51.445H82.1701C82.6398 51.445 82.8892 51.1924 82.8892 50.7763C82.8892 50.3602 82.6382 50.1076 82.1701 50.1076H81.2934C81.2612 50.1076 81.2468 50.1238 81.2468 50.1545V51.3997C81.2468 51.4304 81.2628 51.4466 81.2934 51.4466V51.445Z"
fill="white" />
<path
- d="M105.231 8.35952C105.231 8.29564 105.275 8.25159 105.339 8.25159H106.691C106.755 8.25159 106.798 8.29564 106.798 8.35952V14.069C106.798 14.1131 106.82 14.1329 106.862 14.1329H110.055C110.118 14.1329 110.162 14.177 110.162 14.2408V15.4303C110.162 15.4942 110.118 15.5382 110.055 15.5382H105.341C105.277 15.5382 105.234 15.4942 105.234 15.4303V8.35952H105.231Z"
+ d="M84.868 47.1056C84.868 47.0586 84.9002 47.0262 84.9469 47.0262H85.941C85.9877 47.0262 86.0198 47.0586 86.0198 47.1056V51.3025C86.0198 51.3349 86.0359 51.3495 86.0665 51.3495H88.4135C88.4601 51.3495 88.4923 51.3819 88.4923 51.4288V52.3032C88.4923 52.3501 88.4601 52.3825 88.4135 52.3825H84.9485C84.9018 52.3825 84.8697 52.3501 84.8697 52.3032V47.1056H84.868Z"
fill="white" />
<path
- d="M111.085 8.35952C111.085 8.29564 111.129 8.25159 111.192 8.25159H112.545C112.608 8.25159 112.652 8.29564 112.652 8.35952V15.4303C112.652 15.4942 112.608 15.5382 112.545 15.5382H111.192C111.129 15.5382 111.085 15.4942 111.085 15.4303V8.35952Z"
+ d="M89.171 47.1056C89.171 47.0586 89.2031 47.0262 89.2498 47.0262H90.2439C90.2906 47.0262 90.3228 47.0586 90.3228 47.1056V52.3032C90.3228 52.3501 90.2906 52.3825 90.2439 52.3825H89.2498C89.2031 52.3825 89.171 52.3501 89.171 52.3032V47.1056Z"
fill="white" />
<path
- d="M119.054 16.0606C119.01 16.1046 118.947 16.1135 118.894 16.0606L118.159 15.3205C117.732 15.5341 117.233 15.6531 116.691 15.6531C115.426 15.6531 114.423 15.065 114.051 13.8865C113.894 13.3821 113.85 12.9768 113.85 11.893C113.85 10.8093 113.894 10.404 114.051 9.89953C114.423 8.72107 115.426 8.13293 116.691 8.13293C117.955 8.13293 118.947 8.72327 119.33 9.89953C119.49 10.404 119.533 10.8093 119.533 11.893C119.533 12.9768 119.49 13.3821 119.33 13.8865C119.277 14.0473 119.214 14.1861 119.148 14.327L119.903 15.076C119.947 15.12 119.947 15.1839 119.903 15.2258L119.054 16.0606ZM117.074 14.2301L116.616 13.7697C116.572 13.7257 116.564 13.6728 116.616 13.62L117.467 12.8071C117.531 12.7543 117.583 12.7631 117.625 12.8071L117.912 13.0957C117.945 12.849 117.955 12.4855 117.955 11.8952C117.955 10.9436 117.925 10.578 117.839 10.3225C117.68 9.81803 117.286 9.51846 116.691 9.51846C116.095 9.51846 115.699 9.81803 115.542 10.3225C115.456 10.578 115.426 10.9436 115.426 11.8952C115.426 12.8468 115.456 13.2124 115.542 13.4702C115.699 13.9746 116.093 14.2742 116.691 14.2742C116.828 14.2742 116.958 14.2632 117.074 14.2301Z"
+ d="M95.0289 52.7665C94.9967 52.7989 94.95 52.8054 94.9114 52.7665L94.3709 52.2224C94.0572 52.3795 93.6905 52.4669 93.2915 52.4669C92.3617 52.4669 91.625 52.0346 91.3515 51.1684C91.2357 50.7976 91.2035 50.4996 91.2035 49.703C91.2035 48.9063 91.2357 48.6084 91.3515 48.2376C91.625 47.3713 92.3617 46.939 93.2915 46.939C94.2213 46.939 94.95 47.373 95.2315 48.2376C95.349 48.6084 95.3811 48.9063 95.3811 49.703C95.3811 50.4996 95.349 50.7976 95.2315 51.1684C95.1929 51.2866 95.1463 51.3886 95.098 51.4922L95.653 52.0427C95.6852 52.0751 95.6852 52.1221 95.653 52.1528L95.0289 52.7665ZM93.573 51.4209L93.2368 51.0825C93.2046 51.0502 93.1982 51.0113 93.2368 50.9724L93.8626 50.3749C93.9092 50.3361 93.9478 50.3426 93.9784 50.3749L94.1891 50.5871C94.2133 50.4057 94.2213 50.1385 94.2213 49.7046C94.2213 49.0051 94.1988 48.7363 94.1361 48.5485C94.0186 48.1777 93.7291 47.9575 93.2915 47.9575C92.854 47.9575 92.5628 48.1777 92.447 48.5485C92.3842 48.7363 92.3617 49.0051 92.3617 49.7046C92.3617 50.4041 92.3842 50.6729 92.447 50.8623C92.5628 51.2331 92.8524 51.4533 93.2915 51.4533C93.3929 51.4533 93.4878 51.4452 93.573 51.4209Z"
fill="white" />
<path
- d="M120.695 12.86V8.36196C120.695 8.29808 120.737 8.25403 120.802 8.25403H122.152C122.216 8.25403 122.26 8.29808 122.26 8.36196V12.904C122.26 13.7719 122.739 14.2653 123.474 14.2653C124.21 14.2653 124.676 13.7719 124.676 12.904V8.36196C124.676 8.29808 124.717 8.25403 124.783 8.25403H126.133C126.199 8.25403 126.24 8.29808 126.24 8.36196V12.86C126.24 14.6706 125.091 15.6552 123.474 15.6552C121.857 15.6552 120.697 14.6706 120.697 12.86H120.695Z"
+ d="M96.235 50.4138V47.1074C96.235 47.0605 96.2656 47.0281 96.3139 47.0281H97.3064C97.3531 47.0281 97.3852 47.0605 97.3852 47.1074V50.4462C97.3852 51.0842 97.7375 51.4468 98.278 51.4468C98.8185 51.4468 99.1612 51.0842 99.1612 50.4462V47.1074C99.1612 47.0605 99.1917 47.0281 99.24 47.0281H100.233C100.281 47.0281 100.311 47.0605 100.311 47.1074V50.4138C100.311 51.7448 99.4668 52.4686 98.278 52.4686C97.0892 52.4686 96.2367 51.7448 96.2367 50.4138H96.235Z"
fill="white" />
<path
- d="M127.596 8.35952C127.596 8.29564 127.64 8.25159 127.703 8.25159H132.343C132.406 8.25159 132.45 8.29564 132.45 8.35952V9.50495C132.45 9.57103 132.406 9.61288 132.343 9.61288H129.224C129.181 9.61288 129.161 9.63491 129.161 9.67676V11.124C129.161 11.168 129.183 11.1878 129.224 11.1878H131.822C131.885 11.1878 131.927 11.2319 131.927 11.2958V12.4324C131.927 12.4963 131.885 12.5403 131.822 12.5403H129.224C129.181 12.5403 129.161 12.5623 129.161 12.6042V14.1131C129.161 14.1571 129.183 14.177 129.224 14.177H132.343C132.406 14.177 132.45 14.221 132.45 14.2849V15.4303C132.45 15.4942 132.406 15.5382 132.343 15.5382H127.703C127.64 15.5382 127.596 15.4942 127.596 15.4303V8.35952Z"
+ d="M101.308 47.1056C101.308 47.0586 101.34 47.0262 101.387 47.0262H104.797C104.844 47.0262 104.876 47.0586 104.876 47.1056V47.9476C104.876 47.9961 104.844 48.0269 104.797 48.0269H102.505C102.473 48.0269 102.458 48.0431 102.458 48.0739V49.1377C102.458 49.1701 102.474 49.1846 102.505 49.1846H104.414C104.461 49.1846 104.491 49.217 104.491 49.264V50.0995C104.491 50.1464 104.461 50.1788 104.414 50.1788H102.505C102.473 50.1788 102.458 50.195 102.458 50.2258V51.3349C102.458 51.3673 102.474 51.3819 102.505 51.3819H104.797C104.844 51.3819 104.876 51.4143 104.876 51.4612V52.3032C104.876 52.3501 104.844 52.3825 104.797 52.3825H101.387C101.34 52.3825 101.308 52.3501 101.308 52.3032V47.1056Z"
fill="white" />
</svg>
\ No newline at end of file
diff --git a/public/assets/logos/grdf-logo.svg b/public/assets/logos/grdf-logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c28ae50800593b946d842cfed999550522184135
--- /dev/null
+++ b/public/assets/logos/grdf-logo.svg
@@ -0,0 +1,23 @@
+<svg width="115" height="115" viewBox="0 0 115 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M33.5709 52.3588C35.047 52.4209 35.2492 53.6139 35.2734 53.9266V60.1124C35.24 60.1512 35.2063 60.1908 35.1723 60.2307C35.0264 60.402 34.8744 60.5804 34.7168 60.7406C34.428 61.0293 33.9667 61.4748 33.7934 61.6244C30.6218 64.3633 26.8953 65.3607 23.4194 65.3607C20.5624 65.3607 16.6314 64.539 13.2826 61.6188C7.60151 56.6436 7.54452 48.6769 13.2795 43.749C14.3419 42.8426 14.7533 42.5038 16.444 41.6299C18.7772 40.4193 21.4218 40 23.5583 40C25.4341 40 27.4878 40.3692 29.0255 40.9473C29.3838 41.0793 29.7882 41.2367 30.2963 41.5036C31.6569 42.2193 33.4421 43.4744 34.3343 45.4587V45.4679H17.5548V54.7384C17.682 56.3909 18.077 57.7024 19.1925 58.6243C20.0933 59.3719 21.4694 59.8618 23.5583 60.0545C24.2273 60.1201 24.9766 60.1519 25.8087 60.1519L29.4556 60.1441C29.4213 60.1336 29.2831 60.0545 28.7773 59.4827C28.1482 58.7634 28.0069 57.5323 28.0069 56.6125H28.0038V52.3574L33.5709 52.3588Z"
+ fill="white" />
+ <path
+ d="M86.5992 40.0516V52.4781C87.8294 51.5598 89.7832 51.2534 92.8439 51.0734L92.8369 45.4728H97.725C100.295 45.3677 106.012 44.6717 106 40.0516H86.5992Z"
+ fill="white" />
+ <path
+ d="M65.846 74.2708C65.846 74.676 65.4783 75 65.0349 75H50.0757C49.6355 75 49.2772 74.676 49.2772 74.2708V72.1785C49.2772 71.7755 49.6355 71.4479 50.0757 71.4479H65.0349C65.4783 71.4479 65.846 71.7755 65.846 72.1785V74.2708Z"
+ fill="white" />
+ <path
+ d="M101.382 50.9311H102.677C102.677 50.9311 102.673 51.7712 102.673 52.0994C102.673 54.6794 100.173 55.9875 95.254 55.9875H92.8373V60.261C92.8373 61.7652 92.4423 65.2368 88.6931 65.3095H86.5988V59.0496C87.1921 51.8255 97.7128 51.0088 101.382 50.9311Z"
+ fill="white" />
+ <path
+ d="M72.9171 40.0578L59.3076 40.0536V65.3091C64.0512 64.7783 65.7857 62.7418 66.037 59.7396V45.4699H72.0195C72.0931 45.4743 72.1767 45.4785 72.2607 45.4828C72.4053 45.4901 72.5511 45.4974 72.6494 45.5059C75.4876 45.8123 77.2962 46.9403 77.4797 52.118C77.5008 52.3208 77.4941 52.5486 77.4881 52.7557C77.4854 52.847 77.4828 52.9346 77.4828 53.0138C77.3368 61.402 70.2788 63.9707 66.3688 64.9082L66.3485 64.9145C66.3017 64.9322 66.2681 64.9533 66.2681 64.9964V65.2223C66.2681 65.2682 66.3079 65.3028 66.3485 65.3077L66.3618 65.3091H66.82C72.519 65.3091 83.9726 64.0562 83.9726 52.7371V52.5303C83.9055 42.7205 79.2313 40.0578 72.9171 40.0578Z"
+ fill="white" />
+ <path
+ d="M47.4316 45.4935L44.2148 45.4695C44.0095 45.4695 43.8096 45.4617 43.6051 45.4483C39.6405 45.192 37.3752 42.4595 36.4518 41.0266C36.2403 40.7329 36.0389 40.4315 35.8484 40.1131C35.8484 40.1131 35.8289 40.0517 35.8617 40.0517H45.0625C48.1411 40.0517 49.4236 40.2239 50.7865 40.7068C51.1081 40.8155 51.443 40.9496 51.7982 41.0986C53.7738 41.9386 55.1125 43.4435 55.648 45.3742C55.7277 45.6403 55.7784 45.9248 55.8221 46.2092C55.8822 46.5841 55.9166 46.9744 55.9166 47.3782C55.9228 50.3804 54.2695 52.0922 51.9824 53.2908C51.9793 53.2957 51.9418 53.3155 51.9418 53.3155C51.9106 53.3261 51.9106 53.3261 51.8926 53.3395C51.8673 53.3507 51.845 53.363 51.8239 53.3745C51.8105 53.3819 51.7976 53.3889 51.7849 53.3953C51.7779 53.3953 51.7443 53.4178 51.7443 53.4178C51.4773 53.5393 51.2151 53.6141 50.9707 53.6684C50.9324 53.6756 50.8956 53.6846 50.861 53.693C50.831 53.7003 50.8025 53.7073 50.7764 53.7122V47.7989C50.6921 45.9763 48.9186 45.4998 47.8984 45.4998C47.8661 45.4998 47.8328 45.5001 47.7985 45.5004C47.6869 45.5015 47.5647 45.5026 47.4316 45.4935Z"
+ fill="white" />
+ <path
+ d="M40.5958 52.3589C39.0456 52.4132 38.8957 53.7057 38.8777 53.9591V57.7724H44.7002C45.1909 58.4245 45.6791 59.0702 46.1331 59.6705L46.6493 60.3531C47.305 61.2066 47.9341 62.012 48.1956 62.3205C48.2135 62.3419 48.2342 62.3684 48.2586 62.3997C48.589 62.8233 49.5847 64.0998 53.0228 64.8631C54.2806 65.1409 55.6665 65.2235 56.4418 65.2697C56.5821 65.2781 56.7034 65.2853 56.7993 65.2923L57.1443 65.3078L57.1076 65.2471C57.1076 65.2471 56.4847 64.4664 55.6979 63.2353L55.5264 62.9668C54.4432 61.2701 50.7689 55.5153 50.0636 54.3918C49.4282 53.3789 48.4165 52.9278 47.3815 52.6539H47.3713C46.6298 52.4676 45.8156 52.3963 45.206 52.368C45.1791 52.367 45.1526 52.3655 45.1264 52.364C45.0803 52.3614 45.0346 52.3589 44.9874 52.3589H40.5958Z"
+ fill="white" />
+</svg>
\ No newline at end of file
diff --git a/public/assets/logos/met-logo.svg b/public/assets/logos/met-logo.svg
deleted file mode 100644
index 477a6a6b4e614add23415beeeb01f59615979a11..0000000000000000000000000000000000000000
--- a/public/assets/logos/met-logo.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="158" height="55" viewBox="0 0 158 55" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Calque_1" clip-path="url(#clip0_5793_24953)">
-<path id="Vector" d="M133.235 5.42043H133.695V1.9893L136.408 5.42043H136.787V1.23779H136.326V4.5907L133.682 1.23779H133.238V5.42043H133.235ZM129.979 5.05657C129.02 5.05657 128.324 4.27785 128.324 3.32911C128.324 2.38036 129.007 1.60164 129.969 1.60164C130.931 1.60164 131.624 2.38036 131.624 3.32911C131.624 4.27785 130.942 5.05657 129.979 5.05657ZM129.966 5.49184C131.245 5.49184 132.112 4.48188 132.112 3.32911C132.112 2.17633 131.256 1.16638 129.976 1.16638C128.696 1.16638 127.83 2.17633 127.83 3.32911C127.83 4.48188 128.686 5.49184 129.966 5.49184ZM125.277 5.42043H125.755V3.75757L127.499 1.23439H126.946L125.52 3.32571L124.103 1.23439H123.527L125.274 3.76097V5.41703L125.277 5.42043ZM120.91 5.42043H123.745V4.98516H121.38V1.23779H120.906V5.42043H120.91ZM114.982 5.42043H118.047V4.99196H115.457V3.52634H117.75V3.09787H115.457V1.66965H118.019V1.24119H114.986V5.42383L114.982 5.42043ZM110.645 4.98516V1.67306H111.628C112.689 1.67306 113.368 2.40417 113.368 3.32911C113.368 4.25405 112.689 4.98516 111.628 4.98516H110.645ZM110.171 5.42043H111.628C112.949 5.42043 113.86 4.50569 113.86 3.32911C113.86 2.15253 112.949 1.23779 111.628 1.23779H110.171V5.42043ZM104.244 5.42043H107.308V4.99196H104.718V3.52634H107.008V3.09787H104.718V1.66965H107.281V1.24119H104.247V5.42383L104.244 5.42043ZM100.412 5.42043H103.248V4.98516H100.883V1.23779H100.409V5.42043H100.412ZM97.1533 5.05657C96.1944 5.05657 95.4983 4.27785 95.4983 3.32911C95.4983 2.38036 96.1807 1.60164 97.143 1.60164C98.1053 1.60164 98.798 2.38036 98.798 3.32911C98.798 4.27785 98.1155 5.05657 97.1533 5.05657ZM97.143 5.49184C98.4226 5.49184 99.2893 4.48188 99.2893 3.32911C99.2893 2.17633 98.4329 1.16638 97.1533 1.16638C95.8736 1.16638 95.0069 2.17633 95.0069 3.32911C95.0069 4.48188 95.8634 5.49184 97.143 5.49184ZM91.5401 3.51614V1.67306H92.6013C93.2803 1.67306 93.7307 1.9825 93.7307 2.58099C93.7307 3.14208 93.2735 3.51274 92.5774 3.51274H91.5401V3.51614ZM91.0658 5.42043H91.5401V3.9446H92.5603C93.4543 3.9446 94.2085 3.47873 94.2085 2.57759C94.2085 1.74107 93.584 1.23779 92.6388 1.23779H91.0692V5.42043H91.0658ZM87.807 5.05657C86.8482 5.05657 86.1521 4.27785 86.1521 3.32911C86.1521 2.38036 86.8345 1.60164 87.7968 1.60164C88.7591 1.60164 89.4518 2.38036 89.4518 3.32911C89.4518 4.27785 88.7693 5.05657 87.807 5.05657ZM87.7968 5.49184C89.0764 5.49184 89.9431 4.48188 89.9431 3.32911C89.9431 2.17633 89.0866 1.16638 87.807 1.16638C86.5274 1.16638 85.6607 2.17633 85.6607 3.32911C85.6607 4.48188 86.5172 5.49184 87.7968 5.49184ZM81.8629 3.36991V1.67306H83.1595C83.8386 1.67306 84.2344 1.9825 84.2344 2.49938C84.2344 3.05027 83.784 3.37332 83.1527 3.37332H81.8629V3.36991ZM81.392 5.42043H81.8663V3.79498H83.0674L84.2856 5.42043H84.8657L83.5758 3.70997C84.2344 3.59095 84.7155 3.18289 84.7155 2.48918C84.7155 2.14913 84.5961 1.85668 84.3913 1.65265C84.1286 1.39081 83.7123 1.23439 83.1971 1.23439H81.392V5.41703V5.42043ZM78.4949 5.42043H78.9727V1.67306H80.3819V1.23779H77.0823V1.67306H78.4915V5.42043H78.4949ZM74.4309 0.867132H74.8029L75.4819 0.221034L75.0008 0L74.4309 0.867132ZM73.2469 5.42043H76.3111V4.99196H73.7212V3.52634H76.0142V3.09787H73.7212V1.66965H76.2838V1.24119H73.2503V5.42383L73.2469 5.42043ZM67.9203 5.42043H68.381V2.03691L69.9097 4.27105H69.9335L71.4622 2.03011V5.41703H71.9365V1.23779H71.4588L69.9301 3.51954L68.4014 1.23779H67.9237V5.42043H67.9203ZM62.0819 3.89019L63.0407 1.75467L63.9962 3.89019H62.0819ZM60.9115 5.42043H61.396L61.8942 4.31526H64.1804L64.6718 5.42043H65.1802L63.266 1.20718H62.8224L60.9081 5.42043H60.9115ZM57.4378 5.42043H60.2734V4.98516H57.9087V1.23779H57.4344V5.42043H57.4378ZM51.5107 5.42043H54.5749V4.99196H51.985V3.52634H54.2746V3.09787H51.985V1.66965H54.5476V1.24119H51.5141V5.42383L51.5107 5.42043ZM47.1737 4.98516V1.67306H48.1564C49.2176 1.67306 49.8967 2.40417 49.8967 3.32911C49.8967 4.25405 49.2176 4.98516 48.1564 4.98516H47.1737ZM46.6994 5.42043H48.1564C49.4769 5.42043 50.388 4.50569 50.388 3.32911C50.388 2.15253 49.4769 1.23779 48.1564 1.23779H46.6994V5.42043ZM40.7722 5.42043H43.8364V4.99196H41.2465V3.52634H43.5362V3.09787H41.2465V1.66965H43.8092V1.24119H40.7756V5.42383L40.7722 5.42043ZM35.9131 5.42043H36.3738V1.9893L39.0866 5.42043H39.4653V1.23779H39.0047V4.5907L36.3567 1.23779H35.9131V5.42043ZM34.091 5.42043H34.5653V1.23779H34.091V5.42043ZM29.58 5.42043H32.9445V4.99536H30.2215L32.9445 1.55064V1.23439H29.6687V1.65945H32.2961L29.58 5.10418V5.42043ZM25.7241 3.89019L26.6829 1.75467L27.635 3.89019H25.7207H25.7241ZM24.5537 5.42043H25.0382L25.5364 4.31526H27.8226L28.314 5.42043H28.8224L26.9082 1.20718H26.4646L24.5503 5.42043H24.5537ZM22.0388 5.49184C22.7452 5.49184 23.3355 5.19939 23.7245 4.85254V3.18629H21.9911V3.61135H23.2707V4.65191C22.984 4.88655 22.537 5.07017 22.0593 5.07017C21.039 5.07017 20.3975 4.32886 20.3975 3.32911C20.3975 2.38376 21.0629 1.60164 21.9945 1.60164C22.5882 1.60164 22.9499 1.79887 23.2741 2.08112L23.5812 1.72406C23.1615 1.37041 22.7247 1.16978 22.0149 1.16978C20.7558 1.16978 19.9096 2.18653 19.9096 3.33251C19.9096 4.53969 20.7251 5.49524 22.0457 5.49524M16.2857 3.89019L17.2446 1.75467L18.1966 3.89019H16.2823H16.2857ZM15.1187 5.42043H15.6033L16.1015 4.31526H18.3877L18.8791 5.42043H19.3875L17.4732 1.20718H17.0296L15.1153 5.42043H15.1187ZM10.1505 5.42043H10.6111V2.03691L12.1398 4.27105H12.1637L13.6924 2.03011V5.41703H14.1667V1.23779H13.689L12.1603 3.51954L10.6316 1.23779H10.1539V5.42043H10.1505ZM4.22334 5.42043H7.28757V4.99196H4.69765V3.52634H6.9907V3.09787H4.69765V1.66965H7.26027V1.24119H4.22676V5.42383L4.22334 5.42043ZM0.391357 5.42043H3.22696V4.98516H0.862251V1.23779H0.391357V5.42043Z" fill="white"/>
-<path id="Vector_2" d="M142.721 29.6525H150.361L155.21 21.9062C157.8 17.8663 157.868 16.6115 157.868 14.7583C157.868 10.6538 154.48 7.54236 150.296 7.54236C146.113 7.54236 142.656 10.6538 142.656 14.6902C142.656 17.2066 144.052 19.4578 146.839 20.7806L142.721 29.6525ZM110.69 53.4834H124.834V23.2426H137.285V11.3169H98.235V23.2426H110.686V53.4834H110.69ZM68.1251 28.7684C68.6779 24.8306 70.8139 22.3074 73.8168 22.3074C76.9799 22.3074 79.4299 24.6708 79.8258 28.7684H68.1285H68.1251ZM75.2397 55C84.5688 55 90.6529 51.1404 94.9217 45.6248L85.2786 37.9838C82.4327 40.898 79.7439 42.3943 76.5056 42.3943C72.6327 42.3943 69.6299 40.4254 68.3639 36.644H96.1091C96.1876 35.6987 96.1876 34.5969 96.1876 33.6515C96.1876 20.5765 89.073 9.93972 73.7383 9.93972C60.775 9.93972 51.5278 19.7094 51.5278 32.5498V32.7062C51.5278 46.0974 61.0924 55 75.2431 55M0.13208 53.4834H13.9757V32.5804L23.7075 47.5801H23.9498L33.6816 32.5804V53.4834H47.7674V11.3169H33.0196L23.9532 26.1364L14.8868 11.3169H0.13208V53.4834Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_5793_24953">
-<rect width="157.736" height="55" fill="white" transform="translate(0.13208)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/public/assets/logos/tribune-de-lyon-logo.svg b/public/assets/logos/tribune-de-lyon-logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d0e3b834212166385e8443951f7e1b70c3a1c355
--- /dev/null
+++ b/public/assets/logos/tribune-de-lyon-logo.svg
@@ -0,0 +1,39 @@
+<svg width="115" height="115" viewBox="0 0 115 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M98.9469 52.0657H16V52.3698H98.9469V52.0657Z" fill="white" />
+ <path d="M98.9469 53.4382H16V54.9643H98.9469V53.4382Z" fill="white" />
+ <path d="M95.1095 86.8973H21.3134V87.2014H95.1095V86.8973Z" fill="white" />
+ <path d="M95.1095 88.2702H21.3134V89.7963H95.1095V88.2702Z" fill="white" />
+ <path d="M19.7843 28.8082H16V25.2365H27.1108V28.8082H23.3265V48.8335H19.7843V28.8082Z" fill="white" />
+ <path
+ d="M34.3457 25.2365C36.3293 25.2365 37.7964 25.7855 38.7115 26.8836C39.535 27.8311 39.9335 29.1742 39.9335 30.8833V34.3016C39.9421 35.1031 39.7775 35.8971 39.451 36.6292C39.1244 37.3613 38.6436 38.0142 38.0414 38.5434L40.6656 48.8748H36.8282L34.6527 39.9809H32.2912V48.863H28.7283V25.2483H34.3368L34.3457 25.2365ZM36.4828 30.9158C36.4828 29.5432 35.8098 28.8702 34.4372 28.8702H32.3001V36.4092H34.4372C34.7056 36.4123 34.9718 36.3596 35.2187 36.2545C35.4657 36.1493 35.6881 35.9939 35.8718 35.7982C36.0669 35.6064 36.2202 35.3762 36.3218 35.1221C36.4234 34.8681 36.4712 34.5957 36.4622 34.3222V30.9129H36.4917L36.4828 30.9158Z"
+ fill="white" />
+ <path d="M45.5804 48.8335H42.0087V25.2365H45.5804V48.8335Z" fill="white" />
+ <path
+ d="M47.5642 48.8333V25.2185H52.8982C54.2565 25.194 55.5917 25.572 56.7356 26.3048C57.7127 26.9454 58.3827 27.8929 58.8019 29.236C59.0372 30.0492 59.1506 30.8927 59.1384 31.7392C59.1384 33.3272 58.7104 34.5788 57.8868 35.5559C57.5392 35.9462 57.1126 36.2581 56.6352 36.471C57.494 36.8219 58.2059 37.4577 58.6513 38.2716C59.0647 39.0033 59.3436 39.8031 59.4749 40.6331C59.5653 41.1773 59.6058 41.7286 59.5959 42.2802C59.6417 43.6047 59.3469 44.9188 58.7399 46.0969C58.3108 46.9074 57.6662 47.5836 56.8773 48.0511C56.0748 48.5678 55.1453 48.8528 54.1911 48.8746H47.5642V48.8451V48.8333ZM51.4016 34.8534H52.8982C53.9963 34.8534 54.7283 34.3043 55.1268 33.2357C55.2877 32.7539 55.3597 32.2468 55.3394 31.7392C55.3394 30.7621 55.0944 30.03 54.6368 29.5105C54.4178 29.2792 54.1523 29.097 53.8576 28.9759C53.563 28.8548 53.2461 28.7976 52.9277 28.808H51.4311V34.8504H51.4223L51.4016 34.8534ZM51.4016 45.294H52.8982C54.0789 45.294 54.9438 44.683 55.4014 43.4314C55.568 42.9574 55.6509 42.458 55.6464 41.9555C55.6464 40.6419 55.4014 39.6649 54.8818 39.0863C54.6346 38.809 54.3275 38.5915 53.9839 38.4504C53.6402 38.3093 53.269 38.2481 52.8982 38.2716H51.4223V45.2911L51.4016 45.294Z"
+ fill="white" />
+ <path
+ d="M66.4767 49.108C65.733 49.1204 64.9946 48.9806 64.3068 48.6974C63.619 48.4141 62.9963 47.9934 62.4769 47.4609C61.9452 46.9477 61.5247 46.3308 61.2413 45.6483C60.958 44.9659 60.8179 44.2325 60.8298 43.4936V25.2365H64.31V43.4612C64.3069 43.7296 64.3596 43.9957 64.4648 44.2427C64.57 44.4896 64.7253 44.712 64.9211 44.8957C65.1129 45.0909 65.3431 45.2441 65.5971 45.3457C65.8511 45.4474 66.1235 45.4952 66.397 45.4861C66.6641 45.4936 66.9298 45.4448 67.1769 45.3432C67.424 45.2415 67.6471 45.089 67.8316 44.8957C68.0226 44.7095 68.1735 44.4861 68.275 44.2394C68.3765 43.9927 68.4265 43.7279 68.4219 43.4612V25.2365H72.1472V43.4907C72.1623 44.2348 72.0239 44.974 71.7405 45.6622C71.457 46.3504 71.0348 46.9728 70.5001 47.4904C69.9704 48.0136 69.3418 48.4261 68.651 48.7038C67.9603 48.9815 67.2211 49.1189 66.4767 49.108Z"
+ fill="white" />
+ <path
+ d="M78.5792 25.2039L83.3021 41.0789V25.2039H86.8739V48.8186H83.066L78.1836 33.6904V48.8334H74.5824V25.2186H78.5792V25.2039Z"
+ fill="white" />
+ <path
+ d="M88.8663 48.8334V25.2186H99V28.7904H92.4381V35.2165H97.2319V38.7883H92.4381V45.2292H99V48.8009H88.8663V48.8305V48.8334Z"
+ fill="white" />
+ <path
+ d="M32.5156 78.016C32.5279 78.7597 32.3882 79.4981 32.105 80.1859C31.8217 80.8737 31.401 81.4964 30.8685 82.0157C30.3553 82.5474 29.7384 82.968 29.0559 83.2514C28.3734 83.5347 27.64 83.6748 26.9012 83.6629H21.3134V60.0481H26.8982C27.6376 60.0358 28.3716 60.1757 29.0546 60.459C29.7376 60.7424 30.355 61.1632 30.8685 61.6952C31.3939 62.2117 31.8083 62.8299 32.0864 63.512C32.3646 64.1942 32.5006 64.926 32.4861 65.6625V78.016H32.5156ZM24.8851 80.1236H27.0222C27.2906 80.1268 27.5568 80.0741 27.8037 79.9689C28.0507 79.8637 28.2731 79.7083 28.4568 79.5126C28.6478 79.3263 28.7987 79.103 28.9002 78.8563C29.0017 78.6096 29.0518 78.3447 29.0472 78.078V65.7157C29.0533 65.4426 29.0041 65.1711 28.9026 64.9174C28.8012 64.6638 28.6496 64.4333 28.4568 64.2397C28.2713 64.0464 28.0485 63.8926 27.802 63.7876C27.5554 63.6826 27.2902 63.6285 27.0222 63.6287H24.8851V80.1236Z"
+ fill="white" />
+ <path
+ d="M34.5021 83.6659V60.0511H44.6358V63.6229H38.0709V70.0491H42.8647V73.6208H38.0709V80.0617H44.6329V83.6335H34.5021V83.663V83.6659Z"
+ fill="white" />
+ <path d="M59.2269 83.6659H49.5212V60.0688H53.093V80.1237H59.2299V83.6659H59.2269Z" fill="white" />
+ <path
+ d="M60.9064 73.7743L56.1451 60.0364H60.0828L62.7188 68.5229L65.343 60.0364H69.2808L64.4899 73.7743V83.6659H60.9182V73.7743H60.9064Z"
+ fill="white" />
+ <path
+ d="M75.2526 59.7618C75.9952 59.7488 76.7326 59.8873 77.4198 60.169C78.1071 60.4507 78.7296 60.8696 79.2494 61.4001C79.7819 61.9195 80.2026 62.5422 80.4859 63.2299C80.7691 63.9177 80.9088 64.6561 80.8965 65.3999V78.2935C80.8965 79.7912 80.3016 81.2275 79.2426 82.2865C78.1836 83.3455 76.7473 83.9404 75.2496 83.9404C73.752 83.9404 72.3157 83.3455 71.2567 82.2865C70.1977 81.2275 69.6028 79.7912 69.6028 78.2935V65.4087C69.6004 64.6663 69.745 63.9307 70.0281 63.2443C70.3112 62.5579 70.7274 61.9344 71.2525 61.4095C71.7776 60.8846 72.4014 60.4688 73.0879 60.1861C73.7745 59.9033 74.5101 59.7591 75.2526 59.7618ZM77.1831 65.3172C77.1905 65.0501 77.1418 64.7844 77.0401 64.5373C76.9384 64.2902 76.786 64.0671 76.5927 63.8826C76.4065 63.6916 76.1831 63.5407 75.9364 63.4392C75.6897 63.3377 75.4249 63.2877 75.1581 63.2922C74.885 63.2862 74.6135 63.3353 74.3599 63.4368C74.1063 63.5382 73.8758 63.6899 73.6822 63.8826C73.4889 64.0682 73.3351 64.2909 73.23 64.5375C73.125 64.784 73.071 65.0492 73.0712 65.3172V78.2256C73.0735 78.494 73.1289 78.7592 73.2341 79.0061C73.3394 79.2529 73.4925 79.4765 73.6846 79.6639C73.8766 79.8513 74.1039 79.9988 74.3533 80.098C74.6026 80.1972 74.8691 80.246 75.1375 80.2417C75.4046 80.2492 75.6703 80.2005 75.9174 80.0988C76.1645 79.9971 76.3875 79.8447 76.5721 79.6514C76.7657 79.4679 76.9198 79.2468 77.0249 79.0016C77.1299 78.7564 77.1838 78.4924 77.1831 78.2256V65.3172Z"
+ fill="white" />
+ <path
+ d="M86.9447 60.0364L91.6677 75.9114V60.0364H95.2394V83.6511H91.4315L86.5491 68.5229V83.6659H82.9774V60.0511H86.9447V60.0364Z"
+ fill="white" />
+</svg>
\ No newline at end of file
diff --git a/public/assets/socials/Insta.svg b/public/assets/socials/Insta.svg
deleted file mode 100644
index e3f99f03f333f8e8edb63cf37573b4aa48fc4fdc..0000000000000000000000000000000000000000
--- a/public/assets/socials/Insta.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Ico22/RS / Insta">
-<g id="Subtract">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20 13.0325C17.9221 13.0325 16.1472 13.7684 14.6753 15.2402C13.2467 16.6688 12.5325 18.4221 12.5325 20.5C12.5325 22.5779 13.2467 24.3528 14.6753 25.8247C16.1472 27.2532 17.9221 27.9675 20 27.9675C22.0779 27.9675 23.8312 27.2532 25.2597 25.8247C26.7316 24.3528 27.4675 22.5779 27.4675 20.5C27.4675 18.4221 26.7316 16.6688 25.2597 15.2402C23.8312 13.7684 22.0779 13.0325 20 13.0325ZM20 25.3701C18.658 25.3701 17.5108 24.8939 16.5584 23.9415C15.6061 22.9892 15.1299 21.8419 15.1299 20.5C15.1299 19.158 15.6061 18.0108 16.5584 17.0584C17.5108 16.1061 18.658 15.6299 20 15.6299C21.342 15.6299 22.4892 16.1061 23.4415 17.0584C24.3939 18.0108 24.8701 19.158 24.8701 20.5C24.8701 21.8419 24.3939 22.9892 23.4415 23.9415C22.4892 24.8939 21.342 25.3701 20 25.3701Z" fill="#E3B82A"/>
-<path d="M29.4805 12.7078C29.4805 12.2315 29.3074 11.8419 28.961 11.5389C28.658 11.1926 28.2684 11.0195 27.7922 11.0195C27.316 11.0195 26.9048 11.1926 26.5584 11.5389C26.2121 11.8419 26.0389 12.2315 26.0389 12.7078C26.0389 13.184 26.2121 13.5952 26.5584 13.9415C26.9048 14.2879 27.316 14.461 27.7922 14.461C28.2684 14.461 28.658 14.2879 28.961 13.9415C29.3074 13.5952 29.4805 13.184 29.4805 12.7078Z" fill="#E3B82A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4805 14.526C34.5238 15.6948 34.5454 17.6861 34.5454 20.5C34.5454 23.3139 34.5238 25.3052 34.4805 26.474C34.3506 29.1147 33.5498 31.171 32.0779 32.6428C30.6493 34.0714 28.6147 34.829 25.974 34.9156C24.8052 35.0022 22.8138 35.0454 20 35.0454C17.1861 35.0454 15.1948 35.0022 14.026 34.9156C11.3853 34.7857 9.35063 34.0065 7.92206 32.5779C7.3593 32.0584 6.90475 31.4523 6.55842 30.7597C6.2121 30.0671 5.95236 29.3961 5.7792 28.7467C5.64933 28.0974 5.5844 27.3398 5.5844 26.474C5.49781 25.3052 5.45453 23.3139 5.45453 20.5C5.45453 17.6861 5.49781 15.6731 5.5844 14.461C5.71427 11.8636 6.49349 9.85063 7.92206 8.42206C9.35063 6.95024 11.3853 6.14933 14.026 6.01946C15.1948 5.97621 17.1861 5.95453 20 5.95453C22.8138 5.95453 24.8052 5.97621 25.974 6.01946C28.6147 6.14933 30.6493 6.95024 32.0779 8.42206C33.5498 9.85063 34.3506 11.8853 34.4805 14.526ZM31.6883 27.7727C31.6017 28.2922 31.4935 28.7251 31.3636 29.0714C30.8441 30.3701 29.9134 31.3009 28.5714 31.8636C28.2251 31.9935 27.7705 32.1017 27.2078 32.1883C26.6883 32.2749 26.0389 32.3398 25.2597 32.3831C24.5238 32.4264 23.9177 32.448 23.4415 32.448H16.4935C16.0606 32.448 15.4545 32.4264 14.6753 32.3831C13.9394 32.3398 13.29 32.2749 12.7273 32.1883C12.2078 32.1017 11.7749 31.9935 11.4286 31.8636C10.1299 31.3441 9.19911 30.4134 8.63635 29.0714C8.54976 28.7684 8.4632 28.3788 8.37661 27.9026C8.29002 27.4264 8.22508 26.9718 8.1818 26.5389C8.13852 26.0627 8.09521 25.5 8.05193 24.8506V17.0584C8.05193 16.5822 8.07359 15.9762 8.11687 15.2402C8.16015 14.461 8.22508 13.8117 8.31167 13.2922C8.39826 12.7295 8.50648 12.2749 8.63635 11.9286C9.15583 10.5866 10.0866 9.65583 11.4286 9.13635C11.7749 9.00648 12.2078 8.89829 12.7273 8.81167C13.29 8.72506 13.9394 8.66012 14.6753 8.61687C15.4545 8.57361 16.0822 8.55193 16.5584 8.55193H23.4415C23.9177 8.55193 24.5238 8.57361 25.2597 8.61687C26.0389 8.66012 26.6883 8.72506 27.2078 8.81167C27.7705 8.89829 28.2251 9.00648 28.5714 9.13635C29.9134 9.65583 30.8441 10.5866 31.3636 11.9286C31.4935 12.2749 31.6017 12.7295 31.6883 13.2922C31.7749 13.8117 31.8398 14.461 31.8831 15.2402C31.9264 15.9762 31.948 16.5822 31.948 17.0584V23.9415C31.948 24.4178 31.9264 25.0454 31.8831 25.8247C31.8398 26.5606 31.7749 27.21 31.6883 27.7727Z" fill="#E3B82A"/>
-</g>
-</g>
-</svg>
diff --git a/public/assets/socials/Linkedin.svg b/public/assets/socials/Linkedin.svg
deleted file mode 100644
index d4196dcbffdc0806e44cc028f26f74b20654d79d..0000000000000000000000000000000000000000
--- a/public/assets/socials/Linkedin.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Ico22/RS / Linkedin">
-<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M14.4091 31.4091H14.3353H9.46026V15.6023H14.4091V31.4091ZM11.8978 13.4602C11.1099 13.4602 10.4451 13.1894 9.90344 12.6477C9.36178 12.0568 9.09094 11.392 9.09094 10.6534C9.09094 9.86551 9.36178 9.20074 9.90344 8.65907C10.4451 8.06816 11.1099 7.77271 11.8978 7.77271C12.6856 7.77271 13.3504 8.06816 13.8921 8.65907C14.483 9.20074 14.7784 9.86551 14.7784 10.6534C14.7784 11.392 14.483 12.0568 13.8921 12.6477C13.3504 13.1894 12.6856 13.4602 11.8978 13.4602ZM32.7273 22.767V31.4091H27.8523V23.7272C27.8523 23.1363 27.8277 22.6685 27.7784 22.3238C27.7292 21.9299 27.6307 21.4867 27.483 20.9943C27.3845 20.5019 27.1383 20.1326 26.7444 19.8863C26.3504 19.6401 25.858 19.517 25.2671 19.517C24.1345 19.517 23.3712 19.8863 22.9773 20.625C22.5834 21.3636 22.3864 22.3485 22.3864 23.5795V31.4091H17.4375V15.6023H22.1648V17.7443H22.2387C22.5834 17.0549 23.1497 16.464 23.9375 15.9716C24.7747 15.4791 25.7595 15.2329 26.8921 15.2329C28.0739 15.2329 29.0587 15.4299 29.8466 15.8238C30.6837 16.1685 31.2993 16.7102 31.6932 17.4488C32.0872 18.1382 32.358 18.9015 32.5057 19.7386C32.6534 20.5757 32.7273 21.5852 32.7273 22.767Z" fill="#E3B82A"/>
-</g>
-</svg>
diff --git a/public/assets/socials/Twitter.svg b/public/assets/socials/Twitter.svg
deleted file mode 100644
index a6895506377b114345b52e84eb606eaeebfacab3..0000000000000000000000000000000000000000
--- a/public/assets/socials/Twitter.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Ico22/RS / Twitter">
-<path id="Subtract" d="M33.0578 12.1923C32.3058 13.3112 31.4194 14.2622 30.3987 15.0454V15.7168C30.3987 18.2342 29.8347 20.6678 28.7066 23.0175C27.6322 25.3671 25.9132 27.3531 23.5496 28.9755C21.1859 30.5979 18.4731 31.4091 15.4111 31.4091C12.4566 31.4091 9.74378 30.5699 7.27271 28.8916C7.64874 28.9475 8.07849 28.9755 8.56196 28.9755C10.9793 28.9755 13.1549 28.1923 15.0888 26.6258C13.9607 26.6258 12.9401 26.2902 12.0268 25.6189C11.1136 24.8916 10.4958 23.9685 10.1735 22.8496C11.033 22.9615 11.8388 22.9335 12.5909 22.7657C11.3553 22.486 10.3347 21.8426 9.5289 20.8356C8.72312 19.8286 8.32023 18.6538 8.32023 17.3112V17.2272C9.07229 17.6748 9.87808 17.9265 10.7376 17.9825C10.3078 17.6468 9.90494 17.2272 9.5289 16.7237C9.15287 16.2203 8.85742 15.6888 8.64254 15.1293C8.42766 14.514 8.32023 13.9265 8.32023 13.3671C8.32023 12.3601 8.56196 11.437 9.04543 10.5979C11.8925 14.1783 15.5454 16.1084 20.0041 16.3881C19.6281 14.5419 19.9773 12.9475 21.0516 11.6049C22.126 10.2622 23.4958 9.59088 25.1611 9.59088C26.6653 9.59088 27.9277 10.1783 28.9483 11.3531C30.1301 11.1293 31.2582 10.6818 32.3326 10.0105C31.9029 11.2972 31.1239 12.3042 29.9958 13.0314C31.0165 12.9196 32.0372 12.6398 33.0578 12.1923Z" fill="#E3B82A"/>
-</g>
-</svg>
diff --git a/public/assets/socials/facebook.svg b/public/assets/socials/facebook.svg
deleted file mode 100644
index 055d92f53553fdd5cb3623a43f3cc5c2d1b45826..0000000000000000000000000000000000000000
--- a/public/assets/socials/facebook.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0498 33.5016H22.4014V23.0729H26.3808L27.1355 18.1329H22.4014V14.9082C22.4014 13.1701 23.3162 12.301 25.1458 12.301H27.2727V8.11576C25.992 7.88706 24.7342 7.77271 23.4992 7.77271C22.1727 7.77271 21.0292 8.02428 20.0686 8.52742C19.1538 9.03057 18.422 9.78528 17.8731 10.7916C17.3242 11.7979 17.0498 12.9871 17.0498 14.3593V18.1329H12.7273V23.0729H17.0498V33.5016Z" fill="#E3B82A"/>
-</svg>
diff --git a/public/cloud_statistiques.html b/public/cloud_statistiques.html
index c843f74eb09f44690f37bf8e5c0ed987680fd1a1..ea1c14528754dc142c143b6ec5378a68a75d7cd9 100644
--- a/public/cloud_statistiques.html
+++ b/public/cloud_statistiques.html
@@ -68,7 +68,7 @@
<p>Une fois que vous avez accepté de nous transmettre vos informations les données sont anonymisées par notre service.</p>
</div>
<div class="blue-border blue-border-top">
- <p>Il est alors impossible de savoir quelle donnée appartient à quel utilisateur. Impossible de remonter jusqu’à vous !</p>
+ <p>Il est alors impossible de savoir quelle donnée appartient à quel utilisateur. Impossible de remonter jusqu’à vous !</p>
</div>
<div class="blue-border blue-border-center">
<p>Toutes les données anonymisées sont ensuite mélangées entre elles.</p>
@@ -81,7 +81,7 @@
</div>
<div class="red-border">
<p class="first">Le tour est joué : les données cumulées nous permettent d’avoir une information d’analyse de l’utilisation de l’application totalement anonymisée.</p>
- <p>... tout ceci dans le but d’améliorer nos services et vous proposer de nouvelles fonctionnalités !</p>
+ <p>... tout ceci dans le but d’améliorer nos services et vous proposer de nouvelles fonctionnalités !</p>
</div>
</div>
diff --git a/public/index.html b/public/index.html
index 29f8ed42a877c743599d8d379a488f7903fec3c0..47ed4b059851a2f95d5fbf56e168c605ca8edc33 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,6 +7,12 @@
name="description"
content="Ecolyo est le service proposé par la Métropole de Lyon pour suivre et comprendre la consommation énergétique globale de votre foyer."
/>
+ <link
+ href="
+ https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css
+ "
+ rel="stylesheet"
+ />
<link rel="stylesheet" href="./index.css" />
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap"
@@ -58,12 +64,16 @@
<header>
<nav>
<div class="logo-container">
- <a class="main-logo" href="/">
+ <a class="main-logo" href="index.html">
<img src="./assets/ecolyo-icon.svg" alt="" />
Ecolyo
</a>
<div class="separator"></div>
- <a href="https://www.grandlyon.com/" target="_blank">
+ <a
+ href="https://www.grandlyon.com/"
+ aria-label="Accéder au site de la métropole de Lyon"
+ target="_blank"
+ >
<img src="./assets/legal/mglLogo.svg" alt="" />
</a>
</div>
@@ -77,13 +87,13 @@
<!--Externals links-->
<div class="links">
<a
- class="external-link login"
+ class="external-link nav-sign-in"
href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
>Se connecter
<img src="assets/launch.svg" alt="" />
</a>
<a
- class="external-link sign-in"
+ class="external-link nav-sign-up"
href="https://manager.cozygrandlyon.cloud/v2/grdlyon/ecolyo"
>Se créer un compte <img src="assets/launch-black.svg" alt=""
/></a>
@@ -91,59 +101,59 @@
</nav>
</header>
<main>
- <section class="main-cta" id="service">
- <div class="content-txt">
- <div class="yellow-blur"></div>
- <div class="left">
- <h1 class="text-60-white">
- Suivez vos consommations <br />
- et passez à l'action
- </h1>
- <h2 class="text-20-white">
- Ecolyo est une application gratuite développée par la
- <strong>Métropole de Lyon</strong> qui permet de suivre, mais
- également de maîtriser vos consommations d’énergie et d’eau grâce
- à des défis ludiques et des astuces personnalisées.
- </h2>
- <div class="button-container-cta">
- <a
- href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
- target="_blank"
- class="sign-up robots-nocontent"
- >
- Créer un compte
- <img src="assets/launch-black.svg" alt="" />
- </a>
- <a
- href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
- target="_blank"
- class="sign-in robots-nocontent"
- >
- Connectez vous !
- <img src="assets/launch.svg" alt="" />
- </a>
+ <section id="service">
+ <div class="main-cta">
+ <div class="content-txt">
+ <div class="yellow-blur"></div>
+ <div class="left">
+ <h1 class="text-60-white">
+ Suivez vos consommations <br />
+ et passez à l'action
+ </h1>
+ <p class="text-20-white">
+ Ecolyo est une application gratuite développée par la
+ <strong>Métropole de Lyon</strong> qui permet de suivre, mais
+ également de maîtriser vos consommations d’énergie et d’eau
+ grâce à des défis ludiques et des astuces personnalisées.
+ </p>
+ <div class="button-container-cta">
+ <a
+ href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
+ target="_blank"
+ class="sign-up robots-nocontent"
+ >
+ Créer un compte
+ <img src="assets/launch-black.svg" alt="" />
+ </a>
+ <a
+ href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
+ target="_blank"
+ class="sign-in robots-nocontent"
+ >
+ Connectez vous !
+ <img src="assets/launch.svg" alt="" />
+ </a>
+ </div>
</div>
</div>
- </div>
- <div>
- <!-- Use object tag instead of img to not have a blurry svg on IOS -->
- <object
- id="illu"
- class="illu"
- type="image/svg+xml"
- data="assets/illu-landing.svg"
- tabindex="-1"
- role="img"
- aria-hidden="true"
- >
- Illustration Ecolyo
- </object>
+ <div class="illu">
+ <!-- Use object tag instead of img to not have a blurry svg on IOS -->
+ <object
+ id="illu"
+ type="image/svg+xml"
+ data="assets/illu-landing.svg"
+ tabindex="-1"
+ aria-hidden="true"
+ >
+ Illustration Ecolyo
+ </object>
+ </div>
</div>
</section>
<section id="how-it-works">
- <h2 class="text-45-white">
- Comment analyser ses consommations avec Ecolyo ?
+ <h2 class="text-40-white">
+ Comment analyser ses consommations avec Ecolyo ?
</h2>
<p class="text-22-white pt-2">
Ecolyo vous permet de suivre vos consommations d’électricité, d’eau et
@@ -153,8 +163,8 @@
Pour cela, il vous suffit d'être équipé de l'un ou de plusieurs
compteurs communicants :
</p>
- <div class="compteurs" role="list">
- <div class="bloc elec-color" role="listitem">
+ <ul class="compteurs">
+ <li class="bloc elec-color">
<object
class="compteur-img"
type="image/svg+xml"
@@ -169,9 +179,9 @@
<div class="provider-logo">
<img alt="enedis-logo" src="assets/partners/enedis-logo.svg" />
</div>
- </div>
- <span class="compteurs-ou">ou</span>
- <div class="bloc water-color" role="listitem">
+ </li>
+ <span class="compteurs-ou" aria-hidden="true">ou</span>
+ <li class="bloc water-color">
<object
class="compteur-img"
type="image/svg+xml"
@@ -186,9 +196,9 @@
<div class="provider-logo">
<img alt="Logo EPGL" src="assets/partners/epgl-logo.svg" />
</div>
- </div>
- <span class="compteurs-ou">ou</span>
- <div class="bloc gaz-color" role="listitem">
+ </li>
+ <span class="compteurs-ou" aria-hidden="true">ou</span>
+ <li class="bloc gaz-color">
<object
class="compteur-img"
type="image/svg+xml"
@@ -203,8 +213,8 @@
<div class="provider-logo">
<img alt="grdf-logo" src="assets/partners/grdf-logo.svg" />
</div>
- </div>
- </div>
+ </li>
+ </ul>
<div class="fluid-pipes">
<picture>
@@ -230,7 +240,7 @@
>
Cozy Métropole de Lyon</a
>, un cloud 100% personnel permettant de sécuriser toutes vos
- données !
+ données !
</p>
</div>
</div>
@@ -262,7 +272,9 @@
</section>
<section id="create-account">
- <h2 class="text-40-white">Créez-vous un compte en deux étapes !</h2>
+ <h2 class="text-40-white">
+ Créez-vous un compte en deux étapes !
+ </h2>
<div class="step">
<div class="flex">
@@ -275,7 +287,7 @@
est un espace sécurisé auquel vous (et seulement vous) avez
accès.<br />
Avec lui, vos données de consommation sont gardées bien au chaud
- (et en sécurité) !
+ (et en sécurité) !
</p>
</div>
</div>
@@ -304,9 +316,9 @@
<a
href="https://manager.cozygrandlyon.cloud/v2/grdlyon/ecolyo"
target="_blank"
- class="createAccountButton sign-up"
+ class="sign-up"
>
- Créez-vous un compte !
+ Créez-vous un compte !
<img src="assets/launch-black.svg" alt="" />
</a>
<a
@@ -320,15 +332,12 @@
</div>
</section>
<section id="about-us">
- <h2 class="text-40-white">On parle de nous !</h2>
+ <h2 class="text-40-white">On parle de nous !</h2>
<p>Retrouvez les articles parlant d’Ecolyo sur ces plateformes :</p>
- <div class="carousel-container">
- <button class="carousel-prev">
- <img src="assets/Arrow.svg" class="arrow-left" alt="" />
- </button>
- <div class="carousel-and-dots">
- <div class="carousel">
- <div class="carousel-slide">
+ <div class="splide" aria-label="Articles parlant d'Ecolyo">
+ <div class="splide__track">
+ <div class="splide__list">
+ <div class="splide__slide">
<a
href="https://www.alec-lyon.org/ecolyo-mes-consommations-denergie-et-deau-a-portee-de-main/"
target="_blank"
@@ -338,6 +347,8 @@
alt="Agence Locale de l'Energie et du Climat (ALEC)"
/>
</a>
+ </div>
+ <div class="splide__slide">
<a
href="https://www.eaudugrandlyon.com/voir-actualite.aspx?ida=145"
target="_blank"
@@ -347,58 +358,51 @@
alt="Eau publique du Grand Lyon (EPGL)"
/>
</a>
+ </div>
+ <div class="splide__slide">
<a
- href="https://www.grandlyon.com/services/habitat-et-logement/consommer-moins-denergie-chez-soi"
+ href="https://www.bfmtv.com/lyon/replay-emissions/bonsoir-lyon/chauffage-eau-chaude-appareils-trois-conseils-pour-reduire-sa-facture-d-electricite_VN-202401220761.html"
target="_blank"
>
<img
- src="assets/legal/mglLogo.svg"
- alt="Métropole du Grand Lyon"
+ src="assets/logos/bfm-logo.svg"
+ alt="Business FM (BFM)"
/>
</a>
+ </div>
+ <div class="splide__slide">
<a
- href="https://wiki.resilience-territoire.ademe.fr/wiki/Service_de_suivi_des_consommations_%C3%A9lectricit%C3%A9,_gaz_et_eau"
+ href="https://tribunedelyon.fr/economie/energie-le-grand-lyon-lance-une-appli-pour-piloter-sa-consommation/"
target="_blank"
>
<img
- src="assets/logos/ademe-logo.svg"
- alt="Appel à projet ADEME"
+ src="assets/logos/tribune-de-lyon-logo.svg"
+ alt="Tribune de Lyon"
/>
</a>
+ </div>
+ <div class="splide__slide">
<a
- href="https://met.grandlyon.com/ecolyo-prenez-le-controle-sur-vos-consommations-denergie/"
+ href="https://www.grdf.fr/institutionnel/actualite/newsroom/liste/communiques-presse/1er-data-challenge-2020"
target="_blank"
>
<img
- src="assets/logos/met-logo.svg"
- alt="Le Magasine de la Métropole de Lyon"
+ src="assets/logos/grdf-logo.svg"
+ alt="Gaz Réseau Distribution France (GRDF)"
/>
</a>
- <!-- <a
- href="https://www.sytral.fr/TPL_CODE/TPL_ACTUALITE/PAR_TPL_IDENTIFIANT/5326/440-sytral.htm"
- target="_blank"
- >
- <img src="https://picsum.photos/200" alt="Sytral" />
- </a>
- <a
- href="https://tribunedelyon.fr/economie/energie-le-grand-lyon-lance-une-appli-pour-piloter-sa-consommation/"
- target="_blank"
- >
- <img src="https://picsum.photos/200" alt="Tribune de Lyon" />
- </a>
- <a
- href="https://www.lesechos.fr/pme-regions/auvergne-rhone-alpes/a-lyon-le-quartier-de-la-confluence-vise-lenergie-positive-1909258"
- target="_blank"
- >
- <img src="https://picsum.photos/200" alt="Les Échos" />
- </a> -->
</div>
</div>
- <div class="carousel-dots"></div>
</div>
- <button class="carousel-next">
- <img src="assets/Arrow.svg" class="arrow-right" />
- </button>
+ <div class="splide-nav">
+ <button id="prev" aria-label="Article précédent">
+ <img src="assets/arrow_left.svg" alt="" />
+ </button>
+ <div class="current-page"></div>
+ <button id="next" aria-label="Article suivant">
+ <img src="assets/arrow_right.svg" alt="" />
+ </button>
+ </div>
</div>
</section>
<section id="share">
@@ -408,34 +412,101 @@
</div>
<h2>Vous aussi, parlez d'Ecolyo autour de vous!</h2>
<p>
- N’hésitez pas à parler d’Ecolyo à vos amis et proches ! <br />
+ N’hésitez pas à parler d’Ecolyo à vos amis et proches ! <br />
Il vous suffit de cliquer sur les boutons juste en dessous pour
accéder aux réseaux sociaux :
</p>
<div class="logos-container">
<a
href="https://www.facebook.com/sharer/sharer.php?u=https://ecolyo.com"
+ aria-label="Facebook"
target="_blank"
>
- <img src="assets/socials/facebook.svg" alt="Facebook" />
+ <svg
+ width="22"
+ height="22"
+ viewBox="0 0 22 22"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M9.37737 18.1509H12.3208V12.4151H14.5094L14.9245 9.69811H12.3208V7.92453C12.3208 6.96855 12.8239 6.49056 13.8302 6.49056H15V4.18868C14.2956 4.06289 13.6038 4 12.9245 4C12.195 4 11.5661 4.13836 11.0377 4.41509C10.5346 4.69182 10.1321 5.10692 9.8302 5.66037C9.52832 6.21383 9.37737 6.86792 9.37737 7.62264V9.69811H7.00001V12.4151H9.37737V18.1509Z"
+ fill="#e3b82a"
+ />
+ </svg>
</a>
<a
href="https://twitter.com/intent/tweet?url=⚡ J’utilise Ecolyo, l'application gratuite développée par la Métropole de Lyon, pour suivre et réduire mes consommations d'eau et d’énergie. Et toi tu fais quoi ? 👉https://ecolyo.com/"
+ aria-label="X"
target="_blank"
>
- <img src="assets/socials/Twitter.svg" alt="Twitter" />
+ <svg
+ width="22"
+ height="22"
+ viewBox="0 0 22 22"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M16.223 2.87H18.983L12.923 9.77L20.003 19.13H14.447L10.097 13.442L5.11699 19.13H2.35699L8.77699 11.75L1.99699 2.87H7.69099L11.621 8.066L16.223 2.87ZM15.257 17.51H16.787L6.88699 4.43H5.24299L15.257 17.51Z"
+ fill="#e3b82a"
+ />
+ </svg>
</a>
<a
href="https://www.instagram.com/?url=https://ecolyo.com"
+ aria-label="Instagram"
target="_blank"
>
- <img src="assets/socials/Insta.svg" alt="Instagram" />
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="22"
+ height="22"
+ viewBox="0 0 22 22"
+ fill="none"
+ >
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M11 6.89286C9.85714 6.89286 8.88095 7.29764 8.07143 8.10714C7.28571 8.89286 6.89286 9.85714 6.89286 11C6.89286 12.1429 7.28571 13.1191 8.07143 13.9286C8.88095 14.7143 9.85714 15.1071 11 15.1071C12.1429 15.1071 13.1071 14.7143 13.8929 13.9286C14.7024 13.1191 15.1071 12.1429 15.1071 11C15.1071 9.85714 14.7024 8.89286 13.8929 8.10714C13.1071 7.29764 12.1429 6.89286 11 6.89286ZM11 13.6786C10.2619 13.6786 9.63095 13.4166 9.10714 12.8929C8.58334 12.3691 8.32143 11.7381 8.32143 11C8.32143 10.2619 8.58334 9.63093 9.10714 9.10714C9.63095 8.58335 10.2619 8.32143 11 8.32143C11.7381 8.32143 12.3691 8.58335 12.8929 9.10714C13.4167 9.63093 13.6786 10.2619 13.6786 11C13.6786 11.7381 13.4167 12.3691 12.8929 12.8929C12.3691 13.4166 11.7381 13.6786 11 13.6786Z"
+ fill="#e3b82a"
+ />
+ <path
+ d="M16.2143 6.71429C16.2143 6.45236 16.1191 6.23808 15.9286 6.07143C15.7619 5.88093 15.5476 5.78571 15.2857 5.78571C15.0238 5.78571 14.7976 5.88093 14.6071 6.07143C14.4167 6.23808 14.3214 6.45236 14.3214 6.71429C14.3214 6.97621 14.4167 7.20236 14.6071 7.39286C14.7976 7.58335 15.0238 7.67857 15.2857 7.67857C15.5476 7.67857 15.7619 7.58335 15.9286 7.39286C16.1191 7.20236 16.2143 6.97621 16.2143 6.71429Z"
+ fill="#e3b82a"
+ />
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M18.9643 7.71429C18.9881 8.35714 19 9.45236 19 11C19 12.5476 18.9881 13.6429 18.9643 14.2857C18.8929 15.7381 18.4524 16.8691 17.6429 17.6786C16.8571 18.4643 15.7381 18.8809 14.2857 18.9286C13.6429 18.9762 12.5476 19 11 19C9.45238 19 8.35714 18.9762 7.71429 18.9286C6.26191 18.8571 5.14286 18.4286 4.35714 17.6429C4.04762 17.3571 3.79762 17.0238 3.60714 16.6429C3.41666 16.2619 3.2738 15.8929 3.17857 15.5357C3.10714 15.1786 3.07143 14.7619 3.07143 14.2857C3.0238 13.6429 3 12.5476 3 11C3 9.45236 3.0238 8.34522 3.07143 7.67857C3.14286 6.25 3.57143 5.14286 4.35714 4.35714C5.14286 3.54764 6.26191 3.10714 7.71429 3.03571C8.35714 3.01192 9.45238 3 11 3C12.5476 3 13.6429 3.01192 14.2857 3.03571C15.7381 3.10714 16.8571 3.54764 17.6429 4.35714C18.4524 5.14286 18.8929 6.26192 18.9643 7.71429ZM17.4286 15C17.3809 15.2857 17.3214 15.5238 17.25 15.7143C16.9643 16.4286 16.4524 16.9405 15.7143 17.25C15.5238 17.3214 15.2738 17.3809 14.9643 17.4286C14.6786 17.4762 14.3214 17.5119 13.8929 17.5357C13.4881 17.5595 13.1548 17.5714 12.8929 17.5714H9.07143C8.83334 17.5714 8.5 17.5595 8.07143 17.5357C7.66666 17.5119 7.30952 17.4762 7 17.4286C6.71429 17.3809 6.4762 17.3214 6.28571 17.25C5.57143 16.9643 5.05952 16.4524 4.75 15.7143C4.70238 15.5476 4.65477 15.3334 4.60714 15.0714C4.55952 14.8095 4.5238 14.5595 4.5 14.3214C4.4762 14.0595 4.45238 13.75 4.42857 13.3929V9.10714C4.42857 8.84522 4.44048 8.51192 4.46429 8.10714C4.48809 7.67857 4.5238 7.32143 4.57143 7.03571C4.61905 6.72621 4.67857 6.47621 4.75 6.28571C5.03571 5.54764 5.54762 5.03571 6.28571 4.75C6.4762 4.67857 6.71429 4.61907 7 4.57143C7.30952 4.52379 7.66666 4.48808 8.07143 4.46429C8.5 4.4405 8.84523 4.42857 9.10714 4.42857H12.8929C13.1548 4.42857 13.4881 4.4405 13.8929 4.46429C14.3214 4.48808 14.6786 4.52379 14.9643 4.57143C15.2738 4.61907 15.5238 4.67857 15.7143 4.75C16.4524 5.03571 16.9643 5.54764 17.25 6.28571C17.3214 6.47621 17.3809 6.72621 17.4286 7.03571C17.4762 7.32143 17.5119 7.67857 17.5357 8.10714C17.5595 8.51192 17.5714 8.84522 17.5714 9.10714V12.8929C17.5714 13.1548 17.5595 13.5 17.5357 13.9286C17.5119 14.3334 17.4762 14.6905 17.4286 15Z"
+ fill="#e3b82a"
+ />
+ </svg>
</a>
<a
href="https://www.linkedin.com/shareArticle?mini=true&url=https://ecolyo.com&title=Electricité, gaz, eau : Ecolyo l'appli pour réduire ses consos à Lyon"
+ aria-label="Linkedin"
target="_blank"
>
- <img src="assets/socials/Linkedin.svg" alt="LinkedIn" />
+ <svg
+ width="40"
+ height="41"
+ viewBox="0 0 40 41"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g id="Ico22/RS / Linkedin">
+ <path
+ id="Subtract"
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M14.4091 31.4091H14.3353H9.46026V15.6023H14.4091V31.4091ZM11.8978 13.4602C11.1099 13.4602 10.4451 13.1894 9.90344 12.6477C9.36178 12.0568 9.09094 11.392 9.09094 10.6534C9.09094 9.86551 9.36178 9.20074 9.90344 8.65907C10.4451 8.06816 11.1099 7.77271 11.8978 7.77271C12.6856 7.77271 13.3504 8.06816 13.8921 8.65907C14.483 9.20074 14.7784 9.86551 14.7784 10.6534C14.7784 11.392 14.483 12.0568 13.8921 12.6477C13.3504 13.1894 12.6856 13.4602 11.8978 13.4602ZM32.7273 22.767V31.4091H27.8523V23.7272C27.8523 23.1363 27.8277 22.6685 27.7784 22.3238C27.7292 21.9299 27.6307 21.4867 27.483 20.9943C27.3845 20.5019 27.1383 20.1326 26.7444 19.8863C26.3504 19.6401 25.858 19.517 25.2671 19.517C24.1345 19.517 23.3712 19.8863 22.9773 20.625C22.5834 21.3636 22.3864 22.3485 22.3864 23.5795V31.4091H17.4375V15.6023H22.1648V17.7443H22.2387C22.5834 17.0549 23.1497 16.464 23.9375 15.9716C24.7747 15.4791 25.7595 15.2329 26.8921 15.2329C28.0739 15.2329 29.0587 15.4299 29.8466 15.8238C30.6837 16.1685 31.2993 16.7102 31.6932 17.4488C32.0872 18.1382 32.358 18.9015 32.5057 19.7386C32.6534 20.5757 32.7273 21.5852 32.7273 22.767Z"
+ fill="#e3b82a"
+ />
+ </g>
+ </svg>
</a>
</div>
</section>
@@ -470,7 +541,7 @@
</div>
<div class="contact">
- <span>Il vous reste des questions ?</span>
+ <span>Il vous reste des questions </span>
<a
class="footerLink"
href="https://support.grandlyon.com/ecolyo/"
@@ -484,7 +555,11 @@
<a class="footerLink" href="accessibilite.html">Accessibilité</a>
</div>
<div class="info">
- <a href="https://www.grandlyon.com/" target="_blank">
+ <a
+ href="https://www.grandlyon.com/"
+ aria-label="Accéder au site de la métropole de Lyon"
+ target="_blank"
+ >
<img src="assets/legal/info.svg" alt="" />
Un site de la Métropole de Lyon
</a>
@@ -500,7 +575,7 @@
let item = document.querySelector(this.getAttribute('href'));
window.scrollTo({
- top: item.offsetTop - 50,
+ top: item.offsetTop - 80,
behavior: 'smooth',
});
});
@@ -532,12 +607,13 @@
);
};
- onload = setDeviceWidth();
window.addEventListener('resize', () => {
setDeviceWidth();
+ setDeviceHeight();
});
window.addEventListener('load', () => {
+ setDeviceWidth();
setDeviceHeight();
});
@@ -562,52 +638,78 @@
}
});
- //el carousel
- document.addEventListener('DOMContentLoaded', function () {
- const carousel = document.querySelector('.carousel');
- const slides = document.querySelectorAll('.carousel-slide img');
- const prevBtn = document.querySelector('.carousel-prev');
- const nextBtn = document.querySelector('.carousel-next');
- const dotsContainer = document.querySelector('.carousel-dots');
-
- const totalSlides = slides.length;
+ window.addEventListener('scroll', () => {
+ const sections = document.querySelectorAll(
+ 'main section#service, main section#create-account, main section#about-us'
+ );
+ const navLinks = document.querySelectorAll('nav .navlink');
+ let currentSection = '';
- // Initialize currentIndex to center around the second slide
- let currentIndex = 0;
+ for (let section of sections) {
+ const sectionTop = section.offsetTop - 80; // Adjust for header height
+ if (pageYOffset < sectionTop + section.clientHeight) {
+ currentSection = section.getAttribute('id');
+ break;
+ }
+ }
- // Set up event listeners for prev and next buttons
- prevBtn.addEventListener('click', () => {
- currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
- updateCarousel();
+ navLinks.forEach((link) => {
+ link.classList.remove('active');
+ if (link.getAttribute('href').includes(currentSection)) {
+ link.classList.add('active');
+ }
});
+ });
- nextBtn.addEventListener('click', () => {
- currentIndex = (currentIndex + 1) % totalSlides;
- updateCarousel();
- });
+ let articleNumber = document.querySelectorAll('.splide__slide').length;
- // Generate dots
- slides.forEach((_, index) => {
- const dot = document.createElement('span');
- dot.classList.add('carousel-dot');
- dot.addEventListener('click', () => {
- currentIndex = index;
- updateCarousel();
- });
- dotsContainer.appendChild(dot);
+ // Carousel based on splide => https://splidejs.com/
+ document.addEventListener('DOMContentLoaded', function () {
+ var splide = new Splide('.splide', {
+ type: 'scroll',
+ perPage: 'auto',
+ focus: 'first',
+ gap: '40px',
+ fixedWidth: '200px',
+ pagination: false,
+ arrows: false,
+ drag: false,
+ breakpoints: {
+ 1200: {
+ type: 'loop',
+ perPage: 1,
+ gap: '20px',
+ padding: '60px',
+ focus: 'center',
+ drag: true,
+ },
+ },
});
+ splide.mount();
- // Update carousel position and active dot
- function updateCarousel() {
- carousel.style.transform = `translateX(${-currentIndex * 110}px)`;
- document.querySelectorAll('.carousel-dot').forEach((dot, index) => {
- dot.classList.toggle('active', index === currentIndex);
- });
- }
+ const updateCurrentPage = (index) => {
+ document.querySelector(
+ '.current-page'
+ ).innerHTML = `<span class="bold yellow">${
+ index + 1
+ }</span> sur ${articleNumber}`;
+ };
+ document
+ .querySelector('#prev')
+ .addEventListener('click', () => splide.go('-1'));
+
+ document
+ .querySelector('#next')
+ .addEventListener('click', () => splide.go('+1'));
+ splide.on('move', (newIndex) => {
+ updateCurrentPage(newIndex);
+ });
- // Initialize carousel
- updateCarousel();
+ updateCurrentPage(0);
});
</script>
+ <script src="
+ https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js
+ "></script>
<script src="./matomo.js" defer></script>
</html>
diff --git a/public/mentions-legales.html b/public/mentions-legales.html
index cb21c73fc637bb40020f0c67838bad8d2e211d12..96cd2a0713905be43029a7d4d62e0d7985da5684 100644
--- a/public/mentions-legales.html
+++ b/public/mentions-legales.html
@@ -17,50 +17,51 @@
<title>Ecolyo - Mentions légales</title>
</head>
<body>
- <nav>
- <a class="main-logo" href="/">
- <img src="./assets/ecolyo-icon.svg" alt="Ecolyo logo" />
- Ecolyo
- </a>
- <div class="links">
- <a class="navlink" href="index.html#how-it-works"
- >Comment ça marche ?</a
- >
- <a class="navlink" href="index.html#security">La sécurité</a>
- <a class="navlink" href="index.html#cloud">J'ai déjà un compte</a>
- <a class="navlink yellow" href="index.html#create-account"
- >Se créer un compte</a
- >
- </div>
- </nav>
- <section class="main-cta">
- <div class="container">
- <div class="content-txt">
- <h1 class="text-36-white">Mentions légales</h1>
-
- <h2 class="text-18-white">
+ <header>
+ <nav>
+ <div class="logo-container">
+ <a class="main-logo" href="index.html">
+ <img src="./assets/ecolyo-icon.svg" alt="" />
+ Ecolyo
+ </a>
+ <div class="separator"></div>
+ <a
+ href="https://www.grandlyon.com/"
+ aria-label="Accéder au site de la métropole de Lyon"
+ target="_blank"
+ >
+ <img src="./assets/legal/mglLogo.svg" alt="" />
+ </a>
+ </div>
+ </nav>
+ </header>
+ <main>
+ <div class="legal-notice">
+ <h1 class="text-40-white">Mentions légales</h1>
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">
Mentions légales du site Ecolyo de la Métropole de Lyon
</h2>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
Site Ecolyo de la Métropole de Lyon : www.ecolyo.com<br />
Métropole de Lyon - 20 rue du Lac – CS 33569 - 69505 Lyon cedex
03<br />
Tél : (33) 4 78 63 40 40
</p>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
<strong>Directrice de publication :</strong> Blandine Melay,
Responsable du Service Energie Climat <br />
<strong> Animation éditoriale, gestion et mise à jour :</strong>
Marion Bertholon, Chargée de services numériques pour la transition
énergétique
</p>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
<strong>Photographies :</strong> sauf mention contraire, les photos
sont la propriété de la Métropole de Lyon <br />
<strong>Vidéos :</strong> sauf mention contraire, les vidéos sont la
propriété de la Métropole de Lyon
</p>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
<strong>Charte graphique :</strong> Florent Dufier -
<a href=" https://florentdufier.myportfolio.com/"
>https://florentdufier.myportfolio.com/</a
@@ -77,9 +78,11 @@
>www.solutec.fr</a
><br />
</p>
+ </div>
- <h2 class="text-18-white">Dispositions légales</h2>
- <p class="text-16-white-padding">
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">Dispositions légales</h2>
+ <p class="text-16-white">
Les divers éléments du site web (la forme, la mise en page, le fond,
la structure …) sont protégés par le droit des dessins et modèles,
le droit d’auteur, le droit des marques ainsi que le droit à l’image
@@ -89,9 +92,11 @@
applicables se rend coupable du délit de contrefaçon et est passible
des sanctions pénales prévues par la loi.
</p>
+ </div>
- <h2 class="text-18-white">Droits d'auteurs</h2>
- <p class="text-16-white-padding">
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">Droits d'auteurs</h2>
+ <p class="text-16-white">
Le présent site constitue une œuvre dont la "Métropole de Lyon" est
l'auteur au sens des articles L. 111.1 et suivants du Code de la
propriété intellectuelle.<br />
@@ -113,9 +118,12 @@
d'information, de tout ou partie du site, sont totalement
interdites.<br />
</p>
-
- <h2 class="text-18-white">Logo de la Métropole de Lyon</h2>
- <p class="text-16-white-padding">
+ </div>
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">
+ Logo de la Métropole de Lyon
+ </h2>
+ <p class="text-16-white">
Le logo de la Métropole de Lyon ne peut être modifié – proportions,
couleurs, éléments, constituants – et ne peut être sujet à aucune
transformation, animation ou tout autre processus. Le logo de la
@@ -133,11 +141,12 @@
modifier les conditions d'utilisation du logo de la Métropole de
Lyon à tout moment et sans préavis.
</p>
-
- <h2 class="text-18-white">
+ </div>
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">
Établissements de liens vers le site www.ecolyo.com
</h2>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
La Métropole de Lyon autorise la mise en place d'un lien hypertexte
vers son site www.ecolyo.com pour tous les sites Internet, à
l'exclusion de ceux diffusant des informations à caractère
@@ -151,11 +160,12 @@
de demander la suppression d'un lien si elle estime que le site
cible ne respecte pas les règles ainsi définies.
</p>
-
- <h2 class="text-18-white">
+ </div>
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">
Liens vers des sites tiers depuis le site www.ecolyo.com
</h2>
- <p class="text-16-white-padding">
+ <p class="text-16-white">
Les liens hypertextes mis en œuvre au sein du site en direction
d'autres sites et/ou de pages personnelles et d'une manière générale
vers toutes ressources existantes sur internet ne sauraient engager
@@ -163,26 +173,31 @@
contiennent ou aux changements ou mises à jour qui leur sont
apportés.
</p>
-
- <h2 class="text-18-white">Mise en garde générale</h2>
- <p class="text-16-white-padding">
+ </div>
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">Mise en garde générale</h2>
+ <p class="text-16-white">
Nos services mettent tout en œuvre pour offrir aux visiteurs de ce
site web des informations fiables et vérifiées.<br />
Cependant, malgré tous les soins apportés, le site peut comporter
- des inexactitudes, des défauts de mise à jour ou des erreurs. <br />
+ des inexactitudes, des défauts de mise à jour ou des erreurs.
+ <br />
Nous remercions les utilisateurs du site de nous faire part
d'éventuelles omissions, erreurs ou corrections par mail sur la
boite aux lettres du webmestre, ecolyo(at)grandlyon.com
</p>
-
- <h2 class="text-18-white">Suivi statistiques d’usage Matomo</h2>
+ </div>
+ <div class="paragraph">
+ <h2 class="text-18-white bold yellow">
+ Suivi statistiques d’usage Matomo
+ </h2>
<iframe
title="Matomo opt out"
src="https://statweb.grandlyon.com/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=121212&fontColor=fff&fontSize=&fontFamily=sans-serif"
></iframe>
</div>
</div>
- </section>
+ </main>
</body>
<script src="./matomo.js" defer></script>
</html>
diff --git a/scss/_globals.scss b/scss/_globals.scss
index 457bb0ad80db23180256ad039b77b39bc1afe93f..f137886bd45a0663984755e22e522c6faad0c932 100644
--- a/scss/_globals.scss
+++ b/scss/_globals.scss
@@ -50,6 +50,13 @@ html {
padding-top: 2rem;
}
+.text-16-white {
+ font-weight: 400;
+ color: white;
+ font-size: 1rem;
+ line-height: 1.2rem;
+}
+
.text-18-white {
font-weight: 400;
color: white;
@@ -79,7 +86,6 @@ html {
@media all and (max-width: $breakpoint) {
font-size: 1.125rem;
- text-align: center;
}
}
@@ -109,13 +115,13 @@ html {
}
}
-.text-45-white {
+.text-40-white {
font-weight: 900;
- font-size: 2.8125rem;
- line-height: 3.5rem;
+ font-size: 40px;
+ line-height: 48px;
@media all and (max-width: $breakpoint) {
- font-size: 1.875rem;
+ font-size: 28px;
text-align: center;
line-height: normal;
}
@@ -125,6 +131,10 @@ html {
color: $yellow;
}
+.bold {
+ font-weight: 700;
+}
+
@media all and (max-width: $breakpoint) {
.text-36-white,
.text-36-black {
diff --git a/scss/accessibility.scss b/scss/accessibility.scss
new file mode 100644
index 0000000000000000000000000000000000000000..71808c2d9326b09e14e41a14a1de049c4167dcaf
--- /dev/null
+++ b/scss/accessibility.scss
@@ -0,0 +1,25 @@
+@import './globals';
+
+.accessibility {
+ display: flex;
+ flex-direction: column;
+ padding: 2px;
+ margin-block: 80px;
+ @media (max-width: $breakpoint) {
+ margin-block: 20px;
+ }
+
+ h2,
+ h3,
+ h4 {
+ margin-top: 8px;
+ }
+ table {
+ width: 100%;
+ margin: 0.5rem 0;
+ td,
+ th {
+ border: 1px solid #ffffff66;
+ }
+ }
+}
diff --git a/scss/index.scss b/scss/index.scss
index 842554dcb8da8dd1c8308c21a3cf49c8570c3f27..10c11c1cfcd73145448ff4ee777a26d1f0df5e8a 100644
--- a/scss/index.scss
+++ b/scss/index.scss
@@ -14,17 +14,6 @@ h6 {
text-wrap: balance;
}
-section {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- margin: auto;
- border-top: 1px solid $border-color;
- padding-bottom: 40px;
- padding-top: 40px;
-}
-
nav {
position: fixed;
height: 80px;
@@ -53,11 +42,6 @@ nav {
text-decoration: none;
}
- img {
- height: 50px;
- width: auto;
- }
-
.separator {
width: 1px;
height: 44px;
@@ -81,6 +65,10 @@ nav {
display: flex;
justify-content: center;
align-items: center;
+
+ &.active {
+ border-bottom: 2px solid white;
+ }
}
.external-link {
@@ -92,6 +80,7 @@ nav {
align-items: center;
gap: 10px;
border-radius: 2px;
+ font-size: 16px;
img {
height: 16px;
@@ -99,12 +88,19 @@ nav {
}
}
- .login {
+ .nav-sign-in {
border: 1px solid #fff;
+ font-weight: 700;
+ border-radius: 2px;
+ color: white;
+ transition: background-color 0.2s ease;
+ &:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+ }
}
- .sign-in {
- border-radius: 2px;
+ .nav-sign-up {
+ @include button($black, $yellow);
background: var(
--tab_euro,
radial-gradient(
@@ -114,14 +110,36 @@ nav {
),
#f1c017
);
- color: $black;
}
}
main {
+ display: flex;
+ flex-direction: column;
padding-top: 80px;
}
+section {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin: auto;
+ width: 100%;
+ border-top: 1px solid $border-color;
+ padding-bottom: 40px;
+ padding-top: 40px;
+ padding-inline: 120px;
+
+ @media (max-width: $breakpoint) {
+ padding-inline: 20px;
+ }
+
+ * {
+ max-width: 1400px;
+ }
+}
+
.sign-up {
@include button($black, $yellow);
margin: 0;
@@ -141,11 +159,24 @@ main {
$yellow;
}
+.sign-in {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ &:hover {
+ color: $yellow;
+ }
+}
+
+#service {
+ padding-top: 0;
+}
+
.main-cta {
margin: auto;
display: flex;
flex-direction: row;
- gap: 6.875rem;
+ gap: 80px;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
@@ -153,8 +184,8 @@ main {
border-top: none;
@media (max-width: $breakpoint) {
- padding: 0rem 1.25rem 2rem;
gap: 1rem;
+ flex-direction: column;
.illu {
order: 1;
@@ -170,8 +201,9 @@ main {
}
.content-txt {
+ display: flex;
+ flex: 2;
margin-top: 5rem;
- max-width: 700px;
@media (max-width: $breakpoint) {
margin-top: 0;
@@ -208,17 +240,14 @@ main {
@media all and (max-width: $breakpoint) {
flex-direction: column;
}
-
- .sign-in {
- display: flex;
- align-items: center;
- gap: 12px;
- }
}
}
.illu {
- @media (max-width: $breakpoint) {
+ display: flex;
+ flex: 1;
+ margin-inline: auto;
+ object {
width: 100%;
}
}
@@ -227,15 +256,12 @@ main {
#how-it-works {
text-align: center;
- @media (max-width: $breakpoint) {
- padding: 40px 1.25rem 2rem;
- }
-
.compteurs {
display: flex;
align-items: center;
justify-content: center;
margin-top: 5.5rem;
+ padding: 0;
.gaz-color {
color: $gaz-color;
@@ -272,8 +298,8 @@ main {
}
.bloc {
- width: 400px;
- height: 400px;
+ width: 300px;
+ height: 360px;
padding: 0 0 24px 0;
background: linear-gradient(180deg, #323339 0%, #25262b 100%);
border: solid 1px;
@@ -341,9 +367,9 @@ main {
}
.compteurs-ou {
- font-size: 1.5rem;
- margin-left: 2rem;
- margin-right: 2rem;
+ font-size: 24px;
+ margin-left: 32px;
+ margin-right: 32px;
@media (max-width: $breakpoint) {
display: none;
@@ -369,6 +395,7 @@ main {
img {
@media (max-width: $breakpoint) {
width: 100%;
+ margin-bottom: 64px;
}
}
}
@@ -464,7 +491,7 @@ main {
display: flex;
justify-content: center;
padding-bottom: 1rem;
- gap: 10rem;
+ gap: 60px;
@media (max-width: $breakpoint) {
flex-direction: column;
@@ -598,25 +625,10 @@ main {
}
#create-account {
- padding: 40px 2.5rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
- @media (max-width: $large-device) {
- padding-inline: 20px;
- }
-
- h2 {
- font-size: 2.25rem;
- font-weight: 700;
- text-align: center;
-
- @media (max-width: $large-device) {
- font-weight: 900;
- font-size: 1.85rem;
- }
- }
.step {
width: 100%;
@@ -632,6 +644,7 @@ main {
@media all and (max-width: $large-device) {
flex-direction: column;
align-items: center;
+ text-align: center;
}
.flex {
@@ -690,76 +703,97 @@ main {
#about-us {
display: flex;
flex-direction: column;
+ justify-content: center;
gap: 40px;
- .carousel-container {
- display: flex;
- justify-content: center;
- gap: 40px;
- margin-bottom: 40px;
+ @media (max-width: $breakpoint) {
+ padding-inline: 0;
+ }
- .carousel-prev,
- .carousel-next {
- background: transparent;
- border: none;
- cursor: pointer;
- .arrow-left {
- transform: scaleX(-1);
- }
+ .splide {
+ display: flex;
+ flex-direction: column;
+ margin: auto;
+ @media (max-width: $large-device) {
+ width: 100%;
}
+ }
- .carousel-and-dots {
- overflow: hidden;
+ .splide__track {
+ padding: 20px;
+ }
+
+ .splide__slide {
+ a {
display: flex;
- flex-direction: column;
- gap: 40px;
- .carousel {
- transition: transform 0.5s ease;
- .carousel-slide {
- display: flex;
- gap: 2.5rem;
- img {
- width: 200px;
- height: 200px;
- margin: 5px;
- border: 1px solid #7b7b7b;
- border-radius: 4px;
- padding: 1.5rem;
- &:hover {
- transition: 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
- border-radius: 4px;
- border: 1px solid $fluid-color;
- background: linear-gradient(180deg, #323339 0%, #25262b 100%);
- box-shadow: 0 0 35px 0 rgba(255, 198, 0, 0.5);
- }
- }
+ width: 200px;
+ height: 200px;
+ margin-inline: auto;
+ background: linear-gradient(180deg, #323339 0%, #25262b 100%);
+
+ img {
+ border: 1px solid #7b7b7b;
+ border-radius: 4px;
+ transition: box-shadow 0.2s ease-out, border 0.2s ease-out;
+ width: 100%;
+ padding: 24px;
+ &:hover {
+ border: 1px solid $fluid-color;
+ box-shadow: 0px 0px 20px 0px rgba(255, 198, 0, 0.5);
}
}
+ }
+ }
+ .splide-nav {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ margin: auto;
+ @media (min-width: $large-device) {
+ display: none;
+ }
+
+ .current-page {
+ display: flex;
+ align-items: center;
+ background-color: $border-color;
+ border-radius: 20px;
+ height: 40px;
+ padding-inline: 12px;
+
.carousel-dots {
display: flex;
justify-content: center;
- gap: 16px;
+ gap: 12px;
.carousel-dot {
cursor: pointer;
display: inline-block;
- width: 16px;
- height: 16px;
- border-radius: 50%;
- background: var(
- --fluide-multi-off,
- linear-gradient(
- 0deg,
- rgba(18, 18, 18, 0.75) 0%,
- rgba(18, 18, 18, 0.75) 100%
- ),
- #e3b82a
- );
+ width: 12px;
+ height: 12px;
+ border-radius: 6px;
+ background: #7b7b7b;
&.active {
background: $fluid-color;
+ width: 24px;
}
}
}
}
+ #prev,
+ #next {
+ display: flex;
+ cursor: pointer;
+ width: 40px;
+ height: 40px;
+ padding: 8px;
+ justify-content: center;
+ align-items: center;
+ background-color: $border-color;
+ border: none;
+ border-radius: 20px;
+ }
}
}
@@ -767,13 +801,6 @@ main {
#share {
text-align: center;
- h2 {
- font-size: 2.5rem;
- font-style: normal;
- font-weight: 900;
- line-height: normal;
- }
-
p {
font-weight: 400;
line-height: 1.463rem;
@@ -785,10 +812,25 @@ main {
justify-content: center;
gap: 36px;
- img {
+ a {
width: 40px;
+ height: 40px;
border-radius: 4px;
border: 1px solid $fluid-color;
+ transition: all 0.2s ease;
+ svg {
+ width: 100%;
+ height: 100%;
+ }
+ &:hover {
+ background-color: $yellow;
+ box-shadow: 0 0 12px 0 $yellow;
+ svg {
+ path {
+ fill: $bg-light;
+ }
+ }
+ }
}
}
@@ -885,21 +927,3 @@ footer {
}
}
}
-
-.accessibility {
- padding-top: 5rem;
- h2,
- h3,
- h4 {
- color: $yellow;
- margin: 0.5rem 0;
- }
- table {
- width: 100%;
- margin: 0.5rem 0;
- td,
- th {
- border: 1px solid #ffffff66;
- }
- }
-}
diff --git a/scss/mentions-legales.scss b/scss/mentions-legales.scss
index 5fba07975207c5eb3a96410332550b1dc2d8050b..17c9aa1c7afff0706ca15976e6fcb84bba910018 100644
--- a/scss/mentions-legales.scss
+++ b/scss/mentions-legales.scss
@@ -1,26 +1,24 @@
-@import "./variables";
-@import "./globals";
+@import './variables';
+@import './globals';
-.main-cta {
- overflow-y: hidden;
-}
-
-.main-logo {
- text-decoration: none;
-}
-
-.content-txt {
- padding: 1rem 0;
-}
+.legal-notice {
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+ margin-top: 80px;
+ @media (max-width: $breakpoint) {
+ margin-top: 20px;
+ }
-h2 {
- margin-bottom: 0.5rem;
- margin-top: 1.25rem;
- color: $yellow !important;
-}
+ .paragraph {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
-p {
- line-height: 120%;
+ h2 {
+ margin-bottom: 6px;
+ }
+ }
}
iframe {