replace all w3-include
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
This commit is contained in:
parent
1570d62287
commit
4642425f43
26 changed files with 283 additions and 80 deletions
|
|
@ -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 d’Index 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">
|
||||
|
|
|
|||
|
|
@ -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() ?>">
|
||||
|
|
|
|||
47
site/snippets/modal-share.php
Normal file
47
site/snippets/modal-share.php
Normal 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>
|
||||
|
|
@ -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 d’investigation 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 à l’accueil" 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
46
site/snippets/socials.php
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<div class="socials">
|
||||
<ul class="list-socials" aria-label="Liste des réseaux sociaux d’Index">
|
||||
<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>
|
||||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<?php snippet('header') ?>
|
||||
<?php snippet('nav') ?>
|
||||
<h1>coucou</h1>
|
||||
<?php snippet('footer') ?>
|
||||
Loading…
Add table
Add a link
Reference in a new issue