From 6c86a596715486a66c1a13ef1fd776b44d9d6e81 Mon Sep 17 00:00:00 2001
From: amirhamzan <amirhamzan30@gmail.com>
Date: Sat, 30 Dec 2023 07:00:41 +0800
Subject: [PATCH] remove pause fx when hover, add loop for image

---
 resources/views/auth/v2/login.blade.php | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/resources/views/auth/v2/login.blade.php b/resources/views/auth/v2/login.blade.php
index 85122ba..ea68f32 100644
--- a/resources/views/auth/v2/login.blade.php
+++ b/resources/views/auth/v2/login.blade.php
@@ -27,10 +27,6 @@
             position: relative;
         }
 
-        .logos:hover .logos-slide {
-            animation-play-state: paused;
-        }
-
         .logos-slide {
             display: inline-block;
             animation: 120s slide infinite linear;
@@ -140,17 +136,15 @@
                     <div class="logos-slide">
                         <img src="{{ asset('img/logo-pkb-grey.webp') }}" alt="logo">
                         <img src="{{ asset('img/logo-kopkb-grey.webp') }}" alt="logo">
-                        <img src="{{ asset('img/logo-pkb-grey.webp') }}" alt="logo">
-                        <img src="{{ asset('img/logo-kopkb-grey.webp') }}" alt="logo">
-                        <img src="{{ asset('img/logo-pkb-grey.webp') }}" alt="logo">
-                        <img src="{{ asset('img/logo-kopkb-grey.webp') }}" alt="logo">
                     </div>
                 </div>
                 <script>
-                    var copy = document.querySelector(".logos-slide").cloneNode(true);
-                    document.querySelector(".logos").appendChild(copy);
-
                     $(document).ready(function() {
+                        for (let i = 0; i < 20; i++) {
+                            var copy = document.querySelector(".logos-slide").cloneNode(true);
+                            document.querySelector(".logos").appendChild(copy);
+                        }
+
                         $('#check').click(function() {
                             $(this).is(':checked') ? $('#password').attr('type', 'text') : $('#password').attr('type', 'password');
                         });