From 59fc7a0a5b28068002f62749502f7eaa1871c055 Mon Sep 17 00:00:00 2001
From: Stas Medvedev <medvedevsa97@gmail.com>
Date: Tue, 11 Jun 2024 00:43:21 +0300
Subject: =?UTF-8?q?=D0=9D=D0=B0=D0=BA=D0=B8=D0=B4=D0=B0=D0=BB=20html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/partials/avatars.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 templates/partials/avatars.html

(limited to 'templates/partials/avatars.html')

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>
-- 
cgit v1.2.3