Add carousel of selected pictures

web/_templates/base.html

@@ -105,9 +105,7 @@ <h1>{{ page.title }}</h1>
   </footer>
 
   <!-- Bootstrap bundled Javascript (with their dependencies) -->
-  <script src="js/bootstrap-5.1/bootstrap.bundle.min.js"
-    integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
-    crossorigin="anonymous"></script>
+  <script src="js/bootstrap-5.1/bootstrap.bundle.min.js"></script>
   <!-- Altmetric badge -->
   <script src='https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js'></script>
   <!-- Dimensions badge -->

web/index.md

@@ -39,6 +39,44 @@ Agrogeophysics is an emerging research field. What are the current, potential an
 Checkout the [Book of abstracts](https://agrogeo24.curve.space/) of the conference.
 Here you can also [download it as a PDF](media/booklet_of_abstracts.pdf)
 
+
+<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
+  <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img src="images/selection/1.jpg" class="d-block w-100" alt="...">
+    </div>
+    <div class="carousel-item">
+      <img src="images/selection/2.jpg" class="d-block w-100" alt="...">
+    </div>
+    <div class="carousel-item">
+      <img src="images/selection/3.jpg" class="d-block w-100" alt="...">
+    </div>
+    <div class="carousel-item">
+      <img src="images/selection/4.jpg" class="d-block w-100" alt="...">
+    </div>
+    <div class="carousel-item">
+      <img src="images/selection/5.jpg" class="d-block w-100" alt="...">
+    </div>
+    <div class="carousel-item">
+      <img src="images/selection/6.jpg" class="d-block w-100" alt="...">
+    </div>
+    <div class="carousel-item">
+      <img src="images/selection/7.jpg" class="d-block w-100" alt="...">
+    </div>
+    <div class="carousel-item">
+      <img src="images/selection/8.jpg" class="d-block w-100" alt="...">
+    </div>
+  </div>
+  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Previous</span>
+  </button>
+  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Next</span>
+  </button>
+</div>
+
 **Deadlines**:
 - 15th December 2023 (abstract submission)
 - 12th January 2024 (registration)