From b60ba29652b2db0a9c897cd0edaaf448a78482cc Mon Sep 17 00:00:00 2001
From: Pierre Ecarlat <pecarlat@grandlyon.com>
Date: Wed, 15 Jan 2025 10:11:30 +0100
Subject: [PATCH] Updated page
---
public/index.html | 55 ++++++++++-------------------------------------
scss/index.scss | 13 ++---------
2 files changed, 13 insertions(+), 55 deletions(-)
diff --git a/public/index.html b/public/index.html
index afacbc0..7ad8a3c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -70,21 +70,8 @@
<div class="links">
<a class="navlink" href="#announcement">Annonce</a>
- <a class="navlink" href="#download-data"><span>Vos données</span></a>
- <a class="navlink" href="#what-next">Que faire après</a>
+ <a class="navlink" href="#what-next">Que faire après ?</a>
<a class="navlink" href="#redevelop-ecolyo"><span>Lancer votre<br>propre Ecolyo</span></a>
-
- </div>
-
- <div class="links">
- <a
- class="button primary"
- href="https://manager.cozygrandlyon.cloud/v2/grdlyon/login"
- title="Se connecter à Ecolyo (nouvel onglet)"
- target="_blank"
- >
- Se connecter <img src="assets/launch-black.svg" alt="" class="icon-16">
- </a>
</div>
</nav>
</header>
@@ -109,25 +96,20 @@
<strong>En raison des contraintes budgétaires imposées à la Métropole de Lyon, Ecolyo a cessé ses activités le <span class="yellow">31 décembre 2024</span>.</strong>
<br>
<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">la page Economies d'énergie de la Métropole de Lyon</a>.
+ Vous pouvez télécharger dès maintenant vos données mensuelles. Nous restons à votre disposition via le formulaire
+ d'<a href="https://support.grandlyon.com/ecolyo/" title="Accéder au SAU d'ecolyo" target="_blank" class="bold">Aide aux Utilisateurs</a>
+ ou à l'adresse
+ <a href="mailto:ecolyo@grandlyon.com" title="Contacter ecolyo" class="bold">ecolyo[at]grandlyon.com</a>
+ durant cette période.
<br>
<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>.
+ <br>
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.
</p>
- <div class="button-container-cta">
- <a
- href="https://manager.cozygrandlyon.cloud/v2/grdlyon/login"
- class="button primary big"
- title="Se connecter à Ecolyo (nouvel onglet)"
- target="_blank"
- >
- Se connecter
- <img src="assets/launch-black.svg" alt="" class="icon-24" />
- </a>
- </div>
</div>
</div>
<div class="illu">
@@ -145,20 +127,6 @@
</div>
</section>
- <section id="download-data">
- <div class="section-header">
- <h2>Vos données !</h2>
- <p>
- L’ensemble de vos données sera perdu au 8 janvier 2025 à 23h59, à l’exception des données permettant d’attester du recueil de votre consentement, lesquelles seront conservées pendant 5 ans conformément à l’article 2224 du Code Civil.
- <br>
- <br>
- Durant la période du 1er janvier 2025 au 8 janvier 2025, récupérez vos données en écrivant à l'adresse <strong>contact[at]cozycloud.cc</strong>. Nous restons également à votre disposition via le formulaire
- d'<a href="https://support.grandlyon.com/ecolyo/" title="Accéder au SAU d'ecolyo" target="_blank" class="bold">Aide aux Utilisateurs</a>
- ou à l'adresse <strong>ecolyo[at]grandlyon.com</strong>.
- </p>
- </div>
- </section>
-
<section id="what-next">
<div class="section-header">
<h2>Et après ?</h2>
@@ -324,8 +292,7 @@
<span>Il vous reste des questions ?</span>
<a
class="footerLink"
- href="https://support.grandlyon.com/ecolyo/"
- target="_blank"
+ href="mailto:ecolyo@grandlyon.com"
>
Contactez-nous
</a>
@@ -421,7 +388,7 @@
window.addEventListener('scroll', () => {
const sections = document.querySelectorAll(
- 'main section#announcement, main section#download-data, main section#what-next, main section#redevelop-ecolyo'
+ 'main section#announcement, main section#what-next, main section#redevelop-ecolyo'
);
const navLinks = document.querySelectorAll('nav .navlink');
let currentSection = '';
diff --git a/scss/index.scss b/scss/index.scss
index 2a892d8..f1944cc 100644
--- a/scss/index.scss
+++ b/scss/index.scss
@@ -226,8 +226,9 @@ section {
width: 100%;
border-radius: 16px;
background: rgba(84, 66, 50, 0.30);
-
+
@media (max-width: $breakpoint) {
+ margin-bottom: 0px;
flex-direction: column;
text-align: center;
}
@@ -293,16 +294,6 @@ section {
margin: 0;
font-weight: 700;
}
-
- .button-container-cta {
- display: flex;
- align-items: center;
- gap: 36px;
-
- @media all and (max-width: $breakpoint) {
- flex-direction: column;
- }
- }
}
.illu {
--
GitLab