index-main/site/templates/home.php

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

<section class="section--home" id="home__hero">

<div class="section--inner">
  <p class="baseline">Index est une ONG d’investigation numérique, au&nbsp;service du public, de&nbsp;la&nbsp;vérité et de&nbsp;la&nbsp;justice.</p>

  <button class="btn--home">
      <a href="#">
      <span class="text">En savoir plus</span>
      <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
      </a>
  </button>

</div>
</section>



<section class="section--home" id="home__investigations">
  <div class="section--inner">

  <div class="col-left">
    <?php $investigationsPage = site()->find('enquetes'); ?>
    <h2 class="title-section"><?= $investigationsPage ? $investigationsPage->title() : 'Enquêtes' ?></h2>
    <?php if ($investigationsPage && $investigationsPage->chapo()->isNotEmpty()): ?>
    <p class="description-section">
      <?= $investigationsPage->chapo() ?>
    </p>
    <?php endif ?>
    <button class="btn--home">
      <a href="/enquetes">
      <span class="text">Voir les enquêtes</span>
      <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
      </a>
  </button>
</div>

<div class="col-right">

<div class="home-investigations-slider swiper">
  <div class="swiper-wrapper">

      <?php
      $latestInvestigations = site()->find('enquetes')->children()->listed()->sortBy('created', 'desc')->limit(3);
      foreach ($latestInvestigations as $investigation):
      ?>

      <div class="swiper-slide">
        <div class="swiper-slide__inner">
          <article class="card--article">
              
              <?php if ($cover = $investigation->cover()->toFile()): ?>
              <figure>
                  <img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
              </figure>
              <?php endif ?>

              <div class="content">

              <h4 class="title"><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></h4>

              <time class="time-alone" datetime="<?= $investigation->incidentDate()->toDate('yyyy-MM-dd') ?>"><?= $investigation->incidentDate()->toDate('d MMMM yyyy', 'fr_FR') ?></time>

              <?php if ($investigation->chapo()->isNotEmpty()): ?>
              <p class="description"><?= $investigation->chapo()->excerpt(200) ?></p>
              <?php endif ?>


              </div>

              <?php if ($keywords = $investigation->keywords()->split()): ?>
              <div class="keywords-wrapper">
                  <ul class="keywords">
                      <?php foreach ($keywords as $keyword): ?>
                      <li><a href="#keyword" target="_blank"><?= esc($keyword) ?></a></li>
                      <?php endforeach ?>
                  </ul>
              </div>
              <?php endif ?>

          <?php if ($investigation->pinned()->toBool()): ?>
                  <div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
          <?php endif ?>

              <a class="link-block" href="<?= $investigation->url() ?>"></a>
          </article>
        </div>
      </div>
      <?php endforeach ?>

  </div> <!-- swiper-wrapper -->

  <!-- Navigation buttons -->
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>

  <!-- Pagination -->
  <div class="swiper-pagination"></div>
</div> <!-- home-investigations-slider -->

</div> <!-- col-right-->
  </div>
</section>






<section class="section--home" id="home__impacts">
  <div class="section--inner">

  <div class="col-left">
    <?php $impactsPage = site()->find('impacts'); ?>
    <h2 class="title-section"><?= $impactsPage ? $impactsPage->title() : 'Impacts' ?></h2>
    <?php if ($impactsPage && $impactsPage->chapo()->isNotEmpty()): ?>
    <p class="description-section">
      <?= $impactsPage->chapo() ?>
    </p>
    <?php endif ?>
    <button class="btn--home">
      <a href="/impacts">
      <span class="text">Voir les impacts</span>
      <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
      </a>
  </button>
</div>

<div class="col-right grid-masonry">

    <div class="grid-sizer"></div>

    <!-- Contenu statique temporaire -->

    <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>
            <ul class="keywords">
                <li class="tag">Judiciaire</li>
                <li><a href="#keyword" target="_blank">Reportage</a></li>
                <li><a href="#keyword" target="_blank">Monde</a></li>
            </ul>
        <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 information judiciaire</h3>

            <ul class="keywords">
                <li class="tag">Judiciaire</li>
                <li><a href="#keyword" target="_blank">Refus d’obtempérer</a></li>
                <li><a href="#keyword" target="_blank">Homicide</a></li>
            </ul>
           
            <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>
            <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>
               <ul class="keywords">
                 <li class="tag">Judiciaire</li>
                <li><a href="#keyword" target="_blank">restitution</a></li>
            </ul>
            <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>
             <ul class="keywords">
                 <li class="tag">Médiathique</li>
                <li><a href="#keyword" target="_blank">Reportage</a></li>
                <li><a href="#keyword" target="_blank">Arte</a></li>
            </ul>
            <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>
            <ul class="keywords">
                <li class="tag">Public</li>
            </ul>
            <p class="date">24 janvier 2026</p>
            <a class="link-block" href="#" target="_blank"></a>
        </div>

            <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">
            <figure><img src="/assets/images/eclairages.png"></figure>
            <h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
              <ul class="keywords">
                <li class="tag">Public</li>
            </ul>
            <p class="date">24 janvier 2026</p>
            <a class="link-block" href="#" target="_blank"></a>
        </div>



  




</div>


</section>








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