This commit is contained in:
Julie Blanc
parent
6cf52a6703
commit
43e50ebc37
21 changed files with 578 additions and 143 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="fr ">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -13,6 +13,11 @@
|
|||
<?= $site->title() ?>
|
||||
</title>
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"
|
||||
/>
|
||||
|
||||
<script src="<?= url('assets/js/script.js') ?>" type="module"></script>
|
||||
</head>
|
||||
|
||||
|
|
@ -29,8 +34,8 @@
|
|||
</a>
|
||||
</h1>
|
||||
|
||||
<!-- Note: toujours mettre .title-page (j’en ai besoin pour la mise en forme) mais le laisser vide sur la plupart des pages sauf les pages enquêtes -->
|
||||
<p class="title-page">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</p>
|
||||
<!-- Note: toujours mettre .header__title-page (j’en ai besoin pour la mise en forme) mais le laisser vide sur la plupart des pages sauf les pages enquêtes -->
|
||||
<p class="header__title-page">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</p>
|
||||
|
||||
<nav id="nav-highlight">
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<p class="baseline">Index est une ONG d’investigation numérique au service du public,
|
||||
de la vérité et de la justice.</p>
|
||||
|
||||
<form aria-label="Formulaire de recherche">
|
||||
<form aria-label="Formulaire de recherche" class="search-form">
|
||||
<span class="icon"><?= svg('assets/icons/search.svg') ?></span>
|
||||
<input type="text" id="search" class="input" placeholder="Rechercher">
|
||||
</form>
|
||||
|
|
@ -11,7 +11,7 @@ de la vérité et de la justice.</p>
|
|||
<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="/enquetes">Enquêtes</a></li>
|
||||
<li class="highlight"><a href="#">Impact</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="#">À propos</a></li>
|
||||
|
|
|
|||
6
site/snippets/search-form.php
Normal file
6
site/snippets/search-form.php
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<div class="search-container">
|
||||
<form aria-label="Formulaire de recherche" class="search-form">
|
||||
<span class="icon"><?= svg('assets/icons/search.svg') ?></span>
|
||||
<input type="text" id="search" class="input" placeholder="Rechercher">
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -3,15 +3,47 @@
|
|||
|
||||
<header>
|
||||
<p class="page-type">Enquête</p>
|
||||
<h2>L’exécution de Nidal et Khaled ‘Amirah à Naplouse</h2>
|
||||
<h2 class="page-title">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</h2>
|
||||
<p class="date-publish"></p>
|
||||
</header>
|
||||
|
||||
<div id="hero" class="hero-video">
|
||||
<!-- <div id="hero" class="hero-video">
|
||||
<figure>
|
||||
<img src="/assets/images/Nidal-Khaled-Amirah.png">
|
||||
</figure>
|
||||
<figcaption>Ici la légende de l’image. À partir d’images exclusives, l’analyse conjointe de B’Tselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors qu’ils ne présentaient aucun danger.</figcaption>
|
||||
</div> -->
|
||||
|
||||
<div id="hero" class="hero-slider swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<img src="/assets/images/Nidal-Khaled-Amirah.png">
|
||||
</figure>
|
||||
<figcaption>Ici la légende de l'image 1. À partir d'images exclusives, l'analyse conjointe de B'Tselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors qu'ils ne présentaient aucun danger.</figcaption>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<img src="/assets/images/kanaky-visuel-1.png">
|
||||
</figure>
|
||||
<figcaption>Ici la légende de l'image 2</figcaption>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<figure>
|
||||
<img src="/assets/images/Jumaa-visuel-1.png">
|
||||
</figure>
|
||||
<figcaption>Ici la légende de l'image 3</figcaption>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Navigation buttons -->
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
|
||||
<!-- Pagination -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
<div id="banner--page">
|
||||
|
|
|
|||
|
|
@ -1,10 +1,20 @@
|
|||
<?php snippet('header') ?>
|
||||
|
||||
<h2 class="title-page">Enquêtes</h2>
|
||||
|
||||
<h2 class="page__title">Enquêtes</h2>
|
||||
|
||||
<div class="page__description">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam nam, ad officiis vitae, architecto incidunt cum optio beatae ab sequi sapiente vero eum molestias odio perspiciatis quisquam accusantium earum repudiandae.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php snippet('search-form') ?>
|
||||
|
||||
<div class="page__sort">
|
||||
<button class="sort btn--small btn--light no-link" data-sort="true" data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
|
||||
<button class="sort btn--small btn--light no-link" data-sort="false" data-sort-type="up"><p>Trier par titre</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
|
||||
</div>
|
||||
|
||||
<section id="container-cards">
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue