replace all w3-include
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s

This commit is contained in:
Julie Blanc 2026-01-06 13:57:45 +01:00
parent 1570d62287
commit 4642425f43
26 changed files with 283 additions and 80 deletions

View file

@ -1,7 +1,7 @@
<footer id="site-footer">
<div class="site-footer__container">
<div class="footer__newsletter">
<div class="logo" w3-include-html="/assets/index-logo.svg"></div>
<div class="logo"><?= svg('assets/images/index-logo.svg') ?></div>
<p>
Recevez les dernières enquêtes et actualités dIndex directement
dans votre boîte mail.
@ -47,7 +47,7 @@
<div class="footer__socials">
<p>Suivez Index sur les réseaux sociaux</p>
<div class="container" w3-include-html="/components/socials.html"></div>
<?php snippet('socials') ?>
</div>
<div class="footer__mentions">

View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?= url('assets/css/style.css') ?>?version-cache-prevent<?= rand(0, 1000) ?>">
<link rel="stylesheet" type="text/css" href="/assets/fonts/stylesheet.css">
<link rel="stylesheet" type="text/css" href="<?= url('assets/fonts/stylesheet.css') ?>">
<meta name="robots" content="noindex,nofollow">
<title>
<?php if ($page->isHomePage() == false): ?>
@ -13,7 +13,7 @@
<?= $site->title() ?>
</title>
<script src="<?= url('assets/js/script.js') ?>"></script>
<script src="<?= url('assets/js/script.js') ?>" type="module"></script>
</head>
<body data-template="<?= $page->template() ?>">

View file

@ -0,0 +1,47 @@
<div class="modal--share">
<div class="modal-title">
<p>Partager</p>
<button><span class="close" w3-include-html="/assets/icons/close.svg"></span></button>
</div>
<ul class="socials">
<li class="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 class="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 class="socials__linkedin">
<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 class="socials__bsk">
<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 class="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>
<div class="copy-link">
<div class="copy-link__field">
<span class="icon"><?= svg('assets/icons/link.svg') ?></span>
<input type="text" readonly="" value="http://127.0.0.1:5500/page-enquete">
</div>
<button class="copy-link__btn">Copier</button>
</div>
</div>

View file

@ -1,25 +1,26 @@
<header id="site-header">
<div class="header-left">
<div class="burger"><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="m22 16.75c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm0-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm0-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75z" fill-rule="nonzero"/></svg></div>
</div>
<div id="site-menu">
<p class="baseline">Index est une ONG dinvestigation numérique au service du public,
de la vérité et de la justice.</p>
<div class="header-center">
<h1 class="site-title">
<a href="/" aria-label="Retour à laccueil" w3-include-html="/assets/index-logo.svg"></a>
</h1>
<nav>
<ul>
<li>Partie 1</li>
<li>Partie 2</li>
<li>Partie 3</li>
</ul>
</nav>
</div>
<form aria-label="Formulaire de recherche">
<span class="icon"><?= svg('assets/icons/search.svg') ?></span>
<input type="text" id="search" class="input" placeholder="Rechercher">
</form>
<div class="header-right">
<a href="#" id="go-to-panier">
<p>Panier</p>
<p id="go-to-panier__nbr">1</p>
</a>
</div>
</header>
<nav>
<ul>
<li class="soutenir highlight"><a href="#">Soutenez-nous</a></li>
<li class="highlight"><a href="#">Enquêtes</a></li>
<li class="highlight"><a href="#">Impact</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">À propos</a></li>
<li><a href="#">Ressources</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Mentions légales</a></li>
</ul>
</nav>
<?php snippet('socials') ?>
</div>

46
site/snippets/socials.php Normal file
View file

@ -0,0 +1,46 @@
<div class="socials">
<ul class="list-socials" aria-label="Liste des réseaux sociaux dIndex">
<li>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</div>

View file

@ -1,5 +1,5 @@
<?php snippet('header') ?>
<?php snippet('nav') ?>
<main class="page-enquete">
<header>
@ -31,7 +31,7 @@
</div>
<input type="checkbox" id="share-banner__desktop">
<div class="modal--share" w3-include-html="/components/modal-share.html"></div>
<div class="modal--share"><?php snippet('modal-share') ?></div>
</div>

View file

@ -1,3 +1,4 @@
<?php snippet('header') ?>
<?php snippet('nav') ?>
<h1>coucou</h1>
<?php snippet('footer') ?>