1 files changed, 29 insertions, 0 deletions
diff --git a/templates/partials/avatars.html b/templates/partials/avatars.html
new file mode 100644
index 0000000..fd2c247
--- /dev/null
+++ b/templates/partials/avatars.html
@@ -0,0 +1,29 @@
+<div class="flex justify-around">
+  <div class="swiper">
+    <div class="swiper-wrapper">
+      {% for url in avatar_urls %}
+        <img src="{{url}}" alt="" class="swiper-slide"/>
+      {% endfor %}
+    </div>
+
+    <div class="swiper-button-prev"></div>
+    <div class="swiper-button-next"></div>
+  </div>
+</div>
+
+<script>
+  const swiper = new Swiper(".swiper", {
+    direction: "horizontal",
+    loop: true,
+
+    navigation: {
+      nextEl: ".swiper-button-next",
+      prevEl: ".swiper-button-prev",
+    },
+  });
+</script>
+<style>
+  .swiper {
+    width: 30%;
+  }
+</style>