Updated page

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&nbsp;?</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&nbsp;!
                 <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&nbsp;!</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&nbsp;?</h2>
@@ -324,8 +292,7 @@
         <span>Il vous reste des questions&nbsp;?</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 = '';

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 {