diff options
Diffstat (limited to 'templates/partials/avatars.html')
-rw-r--r-- | templates/partials/avatars.html | 29 |
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> |