diff --git a/public/index.html b/public/index.html index 8e5097dbb6a9132743b01992ac5624040fd88220..83df9824b9e48c1533540211118781ba45966ff8 100644 --- a/public/index.html +++ b/public/index.html @@ -108,7 +108,7 @@ Ecolyo vous dit au revoir ! </h1> <p class="text-20"> - <strong>Pour des raisons budgétaires, Ecolyo cessera ses activités le <span class="yellow">31 décembre 2024</span>.</strong> + <strong>En raison des contraintes budgétaires imposées à la Métropole de Lyon, Ecolyo cessera ses activités le <span class="yellow">31 décembre 2024</span>.</strong> <br> <br> Vous pouvez télécharger dès maintenant vos données mensuelles. Nous restons à votre disposition via le formulaire @@ -116,7 +116,12 @@ ou à l'adresse <strong>ecolyo[at]grandlyon.com</strong> durant cette période. <br> <br> - Merci d'avoir fait partie de l'aventure et n’hésitez pas à poursuivre le suivi de vos consommations via des services dédiés ! + Merci d'avoir fait partie de l'aventure ! + <br> + N'hésitez pas à poursuivre le suivi de vos consommations via des services dédiés. + <br> + La Métropole de Lyon continue de vous soutenir pour maîtriser vos consommations énergétiques grâce à de nombreux dispositifs à retrouver sur + <a href="https://www.grandlyon.com/economiesdenergie" title="Listed des aides proposées par la métropole" target="_blank">grandlyon.com</a>. </p> <div class="button-container-cta"> <a @@ -177,7 +182,7 @@ <img src="assets/cozy-logo.svg" alt="" class="icon-52" /> <p>Exporter toutes vos données via votre Cozy Métropole de Lyon</p> </div> - <p class="annotation">Consommations détaillées sous format .json dans un fichier .zip.</p> + <p class="annotation">Consommations détaillées sous format .json (dans un fichier .zip)</p> <ol> <li>Connectez-vous à votre <strong>Cozy Métropole de Lyon</strong></li> <li>Rendez-vous dans la page <strong>"Paramètres"</strong> depuis l’écran d’accueil</li> @@ -194,7 +199,20 @@ <section id="what-next"> <div class="section-header"> <h2>Et après ?</h2> - <p>Ecolyo ferme ses portes mais il existe d’autres services disponibles gratuitement pour continuer à maîtriser vos consommations d’énergie et d'eau ! N’hésitez pas à aller les consulter :</p> + <p>Ecolyo ferme ses portes mais la Métropole de Lyon continue de vous soutenir pour maîtriser vos consommations énergétiques grâce à de nombreux dispositifs.</p> + + <div class="button-container"> + <a + href="https://www.grandlyon.com/economiesdenergie" + class="button primary big" + title="Voir les aides proposées par la métropole (nouvel onglet)" + target="_blank" + > + En savoir plus + <img src="assets/launch-black.svg" alt="" class="icon-24" /> + </a> + </div> + <p>Il existe également d’autres services disponibles gratuitement pour continuer à maîtriser vos consommations d’énergie et d’eau. N’hésitez pas à aller les consulter :</p> </div> <div class="splide" aria-label="Partenaires d'Ecolyo"> diff --git a/scss/index.scss b/scss/index.scss index cb402be7c306e2cf2c0c670934ad9aeec74e125f..2a892d84cc8a5bc1daf2567e889c84278fa147f4 100644 --- a/scss/index.scss +++ b/scss/index.scss @@ -187,9 +187,9 @@ section { ol { padding-left: 1.5rem; font-size: 1.25rem; - line-height: 130%; li { - margin-bottom: 20px; + margin-bottom: 10px; + line-height: 150%; } li:last-child { margin-bottom: 0px; @@ -320,6 +320,13 @@ section { #what-next { + .button-container { + display: flex; + align-items: center; + gap: 36px; + margin: auto; + } + .splide { display: flex; flex-direction: column;