diff options
| author | Stas Medvedev <medvedevsa97@gmail.com> | 2024-06-11 00:43:21 +0300 |
|---|---|---|
| committer | Stas Medvedev <medvedevsa97@gmail.com> | 2024-06-11 00:43:21 +0300 |
| commit | 59fc7a0a5b28068002f62749502f7eaa1871c055 (patch) | |
| tree | 30bdb3dcf3720681e989fb06e367ec65965aceda /templates/partials/avatars.html | |
| parent | 13c7979cfa42b9bccdbad0eba8a4315f6885af9c (diff) | |
Накидал html
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> |