index-main/site/templates/impacts.php

<?php snippet('header') ?>
<main>

<header class="page__header">

    <h2 class="page__title"><?= $page->title() ?></h2>

    <?php if ($page->chapo()->isNotEmpty()): ?>
    <div class="description-medium">
        <p><?= $page->chapo() ?></p>
    </div>
    <?php endif ?>
</header>


<div class="page__sort">
    <button class="sort btn--small no-link"  data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
    <div class="dropdown">
        <button class="dropdown__trigger sort btn--small no-link"><span class="icon"><?= svg('assets/icons/filter.svg') ?></span><p>Filtrer par type</p></button>
        <div class="dropdown__content">
            <ul>
                <li><button type="button" data-filter="france">Médiatique</button></li>
                <li><button type="button" data-filter="cisjordanie">Judiciaire</button></li>
                <li><button type="button" data-filter="etats-unis">Institutionnel</button></li>
                <li><button type="button" data-filter="gaza">Public</button></li>
            </ul>
        </div>
    </div>
</div>

<div class="page__content">

    <!-- Contenu statique temporaire -->
    <div class="card--impact" data-impact-type="media">
        <h3 class="title">Index dans le Monde</h3>
         <p class="tag">Médiatique</p>
                     <p class="date">24 janvier 2026</p>
        <?php snippet('card-open-graph') ?>
    </div>


    <div class="card--impact has-link" data-impact-type="judiciaire">
            <div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
        <h3 class="title">L’analyse d’INdex fait l’objet d’un reportage par CNN</h3>
        <p class="tag">Judiciaire</p>
        <p class="date">24 janvier 2026</p>
        <ul class="investigations">
            <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
        </ul>
        <a class="link-block" href="#" target="_blank"></a>
    </div>

     <div class="card--impact has-link" data-impact-type="judiciaire">
            <div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
            <h3 class="title">Ouverture d’une imformation judiciaire</h3>
            <p class="tag">Judiciaire</p>
            <p class="date">24 janvier 2026</p>
            <ul class="investigations">
                <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
            </ul>
            <a class="link-block" href="#" target="_blank"></a>
        </div>

         <div class="card--impact has-link" data-impact-type="judiciaire">
            <figure><img src="/assets/images/SequenceOrbit_Finale_1245.png"></figure>
            <h3 class="title">LA RECONSTITUTION D’INDEX PROJETÉE EN AUDIENCE AU TRIBUNAL DE BOBIGNY</h3>
            <p class="tag">Judiciaire</p>
            <p class="date">24 janvier 2026</p>
            <ul class="investigations">
                    <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
            </ul>
            <a class="link-block" href="#" target="_blank"></a>
        </div>


        <div class="card--impact has-link" data-impact-type="judiciaire">
            <h3 class="title">INDEX DANS L’ÉMISSION “LE DESSOUS DES IMAGES” (ARTE)</h3>
            <p class="tag">Médiathique</p>
            <p class="date">24 janvier 2026</p>

            <ul class="investigations">
                    <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
            </ul>
            <a class="link-block" href="#" target="_blank"></a>
        </div>

        <div class="card--impact has-link" data-impact-type="judiciaire">
            <h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
            <p class="tag">Public</p>
            <p class="date">24 janvier 2026</p>
            <a class="link-block" href="#" target="_blank"></a>
        </div>


        <div class="card--impact has-link" data-impact-type="judiciaire">
            <figure><img src="/assets/images/eclairages.png"></figure>
            <h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
            <p class="tag">Public</p>
            <p class="date">24 janvier 2026</p>
            <a class="link-block" href="#" target="_blank"></a>
        </div>



  




</div>

</main>
<?php snippet('footer') ?>