Spaces:

ilhamdev
/

luminai

Running

App Files Files Community

ilhamdev commited on May 28

Commit

e6366a7

•

1 Parent(s): 39318c4

Update index.html

Browse files

Files changed (1) hide show

index.html +31 -17

index.html CHANGED Viewed

@@ -215,13 +215,13 @@
         .toggle-switch .sun {
             left: 2px;
-            background: url('https://i.ibb.co.com/Pz8FxxY/image.png') no-repeat center;
             background-size: cover;
         }
         .toggle-switch .moon {
             right: 2px;
-            background: url('https://i.ibb.co.com/k0b21wZ/image.png') no-repeat center;
             background-size: cover;
         }
@@ -248,6 +248,22 @@
         .button:active {
             background-color: #004080;
         }
     </style>
 </head>
 <body>
@@ -384,21 +400,19 @@ lumin("query", "username", "logic", true)
         fetchStats();
         function copyToClipboard(button) {
-    const codeBlock = button.nextElementSibling.innerText;
-    navigator.clipboard.writeText(codeBlock).then(() => {
-        button.querySelector('img').src = 'https://cdn.iconscout.com/icon/free/png-256/check-1781599-1518574.png';
-        button.style.transform = 'scale(1.2)'; // Add a scale transform
-        button.style.transition = 'transform 0.3s ease'; // Add a smooth transition
-        alert('Kode berhasil disalin!'); // Add an alert
-        setTimeout(() => {
-            button.querySelector('img').src = 'https://cdn.iconscout.com/icon/free/png-256/copy-1781607-1518582.png';
-            button.style.transform = 'scale(1)'; // Reset the transform
-        }, 2000);
-    }).catch(err => {
-        console.error('Failed to copy: ', err);
-    });
-}
     </script>
 </body>

         .toggle-switch .sun {
             left: 2px;
+            background: url('https://upload.wikimedia.org/wikipedia/commons/e/e1/Full_Sun_Clipart.svg') no-repeat center;
             background-size: cover;
         }
         .toggle-switch .moon {
             right: 2px;
+            background: url('https://upload.wikimedia.org/wikipedia/commons/3/3a/Moon_clipart.svg') no-repeat center;
             background-size: cover;
         }
         .button:active {
             background-color: #004080;
         }
+        /* Added styles for copy button animation */
+        .copy-btn img {
+            width: 24px;
+            height: 24px;
+            transition: transform 0.3s ease-in-out;
+        }
+        .copy-btn:hover img {
+            transform: rotate(360deg);
+        }
+        /* Added styles for code block copy button hover effect */
+        .copy-btn:hover {
+            background-color: #4a90e2;
+        }
     </style>
 </head>
 <body>
         fetchStats();
         function copyToClipboard(button) {
+            const codeBlock = button.nextElementSibling.innerText;
+            navigator.clipboard.writeText(codeBlock).then(() => {
+                button.querySelector('img').src = 'https://cdn.iconscout.com/icon/free/png-256/check-1781599-1518574.png';
+                button.style.transform = 'scale(1.2)'; // Add a scale transform
+                button.style.transition = 'transform 0.3s ease'; // Add a smooth transition
+                setTimeout(() => {
+                    button.querySelector('img').src = 'https://cdn.iconscout.com/icon/free/png-256/copy-1781607-1518582.png';
+                    button.style.transform = 'scale(1)'; // Reset the transform
+                }, 2000);
+            }).catch(err => {
+                console.error('Failed to copy: ', err);
+            });
+        }
     </script>
 </body>