finish event swiper desktop

site/snippets/header.php

@@ -15,6 +15,11 @@
       <script src="https://cdn.jsdelivr.net/npm/dayjs@1/locale/fr.js"></script>
       <?= js('/assets/js/calendar.js') ?>
     <?php endif ?>
+    <?php if ($page->template() == 'event'): ?>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" defer />
+        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" defer></script>
+        <script src="<?= url('assets/js/swiper.js') ?>" defer></script>
+    <?php endif ?>
     <script src="<?= url('assets/js/script.js') ?>" type="module" defer></script>
     <?php if ($page->color()->exists()): ?>
         <style>

site/templates/event.php

@@ -9,7 +9,18 @@
 </section>
 
 <section class="presentation">
-  <?php snippet('picture', ['file' => $page->gallery()->toFiles()->first()]) ?>
+  <div id="swiper" style="--span: 8;">
+    <div class="swiper-wrapper">
+      <?php foreach($page->gallery()->toFiles() as $slide): ?>
+      <div class="swiper-slide">
+        <?php snippet('picture', ['file' => $slide]) ?>
+      </div>
+      <?php endforeach ?>
+    </div>
+
+    <div class="swiper-button swiper-button-prev"></div>
+    <div class="swiper-button swiper-button-next"></div>
+  </div>
   <div class="presentation__text">
     <h2 class="h1 presentation__title"><?= $page->title() ?></h2>
     <h3 class="h2 presentation__authors"><?= $page->authors() ?></h3>