Fix carousel

Author: bcbirkel

.DS_Store

@@ -0,0 +1,15 @@
+<!-- Swiper JS -->
+<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
+<script>
+  const swiper = new Swiper('.swiper', {
+    loop: true,
+    pagination: {
+      el: '.swiper-pagination',
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev',
+    },
+  });
+</script>
+

_includes/.DS_Store

@@ -0,0 +1,5 @@
+<!-- Swiper CSS -->
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"
+/>

_includes/footer/custom.html

@@ -32,36 +32,32 @@ My approach to teaching emphasizes curiosity, real-world relevance, and active e
 
 ### Student Reviews
 
-<div class="testimonial-carousel">
-  <input type="radio" name="review" id="rev1" checked>
-  <input type="radio" name="review" id="rev2">
-  <input type="radio" name="review" id="rev3">
-
-  <div class="testimonials">
-    <div class="review" id="review1">
+<div class="swiper">
+  <div class="swiper-wrapper">
+    <div class="swiper-slide">
       <blockquote>
         “Brianna explained complex topics so clearly. Her passion for seismology made the class way more engaging!”
         <footer>– GEOL 240 Student, Fall 2024</footer>
       </blockquote>
     </div>
-    <div class="review" id="review2">
+    <div class="swiper-slide">
       <blockquote>
         “Easily one of the most supportive TAs I’ve had — she really cared whether we understood the material.”
         <footer>– Student Evaluation</footer>
       </blockquote>
     </div>
-    <div class="review" id="review3">
+    <div class="swiper-slide">
       <blockquote>
         “Great at answering questions and super approachable. 10/10 would recommend.”
         <footer>– Anonymous Feedback</footer>
       </blockquote>
     </div>
   </div>
 
-  <div class="carousel-nav">
-    <label for="rev1"></label>
-    <label for="rev2"></label>
-    <label for="rev3"></label>
-  </div>
-</div>
+  <!-- If you want navigation arrows -->
+  <div class="swiper-button-next"></div>
+  <div class="swiper-button-prev"></div>
 
+  <!-- Pagination dots -->
+  <div class="swiper-pagination"></div>
+</div>