bottomBar responsive

site/snippets/footer.php

@@ -1,65 +1,41 @@
-<?php snippet('back-to-top') ?>
+<!-- <?php snippet('back-to-top') ?> -->
+
+<div id="support-bar">
+    <div class="support-bar__container">
+      <p class="baseline">Pour continuer à enquêter, nous avons besoin de vous</p>
+     <button class="btn"><a targer="_blank" href="https://soutenir.index.ngo/">Soutenez-nous</a></button>
+    </div>
+</div>
+
+
 <footer id="site-footer">
+
+
   <div class="site-footer__container">
 
-  <div class="logo"><?= svg('assets/images/index-logo.svg') ?></div>
-  
-    <div class="footer__newsletter">
-       
-      <p>
-        Recevez les dernières enquêtes et actualités d’Index directement
-        dans votre boîte mail.
-      </p>
-      <p>Inscrivez-vous à la newsletter</p>
-  
-      <form class="form__newsletter">
-        <input
-          type="email"
-          name="email"
-          placeholder="Votre adresse e-mail"
-          required
-        />
-        <button class="btn--newletter" type="submit" aria-label="s’inscrire">
-          <span class="txt">S’inscrire</span>
-          <span class="icon">
-            <svg
-              clip-rule="evenodd"
-              fill-rule="evenodd"
-              stroke-linejoin="round"
-              stroke-miterlimit="2"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z"
-                fill-rule="nonzero"
-              />
-            </svg>
-          </span>
-        </button>
-      </form>
-  
-      <p class="p__small">
-        En vous inscrivant, vous acceptez les
-        <a target="_blank" href="https://www.index.ngo/mentions-legales/"
-          >conditions d’utilisation</a
-        >
-        d’Index qui vous informent notamment des droits dont vous disposez
-        sur vos données personnelles.
-      </p>
+    <div class="logo"><?= svg('assets/images/index-logo.svg') ?></div>
+    <p class="baseline">Index est une ONG d’investigation numérique, au&nbsp;service du public, de&nbsp;la&nbsp;vérité et&nbsp;de&nbsp;la&nbsp;justice.</p>
+
+    <div class="list-links">
+      <ul>
+        <li><a target="_blank" href="#">Mentions légales</a></li>
+        <li><a target="_blank" href="#">Politique de confidentialité</a></li>
+      </ul>
+      <ul class="hightlight">
+        <li><a target="_blank" href="#">Contact</a></li>
+        <li><a target="_blank" href="#">Newsletter</a></li>
+      </ul>
+
     </div>
   
-    <div class="footer__socials">
-      <p>Suivez Index sur les réseaux sociaux</p>
+
       <?php snippet('socials') ?>
-    </div>
+
+          <p class="credits">
+            © 2025 Index Investigation | Site&nbsp;développé par&nbsp;<a href="https://studio-variable.com/" target="_blank">Studio&nbsp;Variable</a>
+          </p>
   
-    <div class="footer__mentions">
-      <p>
-        © 2025 Index Investigation |
-        <a target="_blank" href="https://www.index.ngo/mentions-legales/">Mentions légales</a>
-      </p>
-    </div>
+ 
   </div>
 </footer>
 <?php snippet('seo/schemas'); ?>