studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

bottomBar responsive
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-23 15:55:20 +01:00
parent 99ccc15ba9
commit f24b296ff7
15 changed files with 445 additions and 303 deletions
Download patch file Download diff file Expand all files Collapse all files

86
site/snippets/footer.php
View file

@ -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'); ?>

21
site/snippets/socials.php
View file

@ -1,45 +1,38 @@
<div class="socials">
<ul class="list-socials" aria-label="Liste des réseaux sociaux d’Index">
<li>
<li data-socials="x">
<a href="https://x.com/index_ngo" target="_blank" rel="noopener noreferrer">
<span class="icon"><?= svg('assets/icons/socials/x-social.svg') ?></span>
<span class="text">X</span>
</a>
</li>
<li>
<li data-socials="instagram">
<a href="https://www.instagram.com/index.ngo/" target="_blank" rel="noopener noreferrer">
<span class="icon"><?= svg('assets/icons/socials/instagram.svg') ?></span>
<span class="text">Instagram</span>
</a>
</li>
<li>
<li data-socials="facebook">
<a href="https://www.facebook.com/index.ngo/" target="_blank" rel="noopener noreferrer">
<span class="icon"><?= svg('assets/icons/socials/facebook.svg') ?></span>
<span class="text">Facebook</span>
</a>
</li>
<li>
<li data-socials="youtube">
<a href="https://www.youtube.com/index-ngo" target="_blank" rel="noopener noreferrer">
<span class="icon"><?= svg('assets/icons/socials/youtube.svg') ?></span>
<span class="text">Youtube</span>
</a>
</li>
<li>
<li data-socials="linkdin">
<a href="https://fr.linkedin.com/company/index-ngo" target="_blank" rel="noopener noreferrer">
<span class="icon"><?= svg('assets/icons/socials/linkedin.svg') ?></span>
<span class="text">LinkedIn</span>
</a>
</li>
<li>
<li data-socials="bluesky">
<a href="https://bsky.app/profile/index-ngo.bsky.social" target="_blank" rel="noopener noreferrer">
<span class="icon"><?= svg('assets/icons/socials/bluesky.svg') ?></span>
<span class="text">Bluesky</span>
</a>
</li>
<li>
<li data-socials="mastodon">
<a href="https://mastodon.design/@index_ngo@mastodon.social" target="_blank" rel="noopener noreferrer">
<span class="icon"><?= svg('assets/icons/socials/mastodon.svg') ?></span>
<span class="text">Mastodon</span>
</a>
</li>
</ul>