[PATCH v3 04/11] feat(page): improve UX for copying text

[Muhammad Rizki <kiizuha@gnuweeb.org>]

This commit introduces an improvement to the user experience when
copying text. Now, when a user clicks the copy button or the copy text
area, the background color of the copy button will change. This visual
feedback enhances the user experience by providing a highlight effect
upon clicking, making it more intuitive and user-friendly.

Signed-off-by: Muhammad Rizki <kiizuha@gnuweeb.org>
---
 index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/index.html b/index.html
index 86853f6..e9da0a7 100644
--- a/index.html
+++ b/index.html
@@ -252,8 +252,10 @@
         var text = document.getElementById("copy-text").innerText;
         navigator.clipboard.writeText(text);
         copyText.innerText = "Copied!";
+        copyText.classList.add("bg-neutral-800");
         setTimeout(function () {
           copyText.innerText = "Copy";
+          copyText.classList.remove("bg-neutral-800");
         }, 3000);
       }
     </script>
-- 
Muhammad Rizki