Improve clipboard javascript (#512)

* improve clipboard javascript

* improve code of copyclipboard

Author: BaseMax

src/_includes/bio.njk

@@ -104,17 +104,41 @@ layout: layouts/base.njk
 
 <script>
   function copyToClipboard(text, el) {
-    navigator.clipboard.writeText(text);
     const span = el.querySelector('span:last-child');
-    span.innerText = 'Copied!';
-    setTimeout(() => span.innerText = 'Copy', 2000);
+    const showSuccess = () => {
+      if (span) {
+        span.innerText = 'Copied!';
+        clearTimeout(el.copyTimeout);
+        el.copyTimeout = setTimeout(() => { span.innerText = 'Copy'; }, 2000);
+      }
+    };
+
+    if (!navigator.clipboard) {
+      const ta = document.createElement('textarea');
+      ta.value = text;
+      ta.style.position = 'fixed';
+      ta.style.opacity = '0';
+      document.body.appendChild(ta);
+      ta.select();
+      try {
+        document.execCommand('copy');
+        showSuccess();
+      } catch (err) {
+        console.error('Fallback copy failed:', err);
+      }
+      document.body.removeChild(ta);
+      return;
+    }
+
+    navigator.clipboard.writeText(text)
+      .then(showSuccess)
+      .catch(err => console.error('Failed to copy:', err));
   }
 
   document.querySelector('.copy-email-btn')?.addEventListener('click', function() {
     copyToClipboard(this.getAttribute('data-email'), this);
   });
 
-  // Pass profile data to game modules
   const profileData = document.getElementById('profile-data');
   window.PROFILE_NAME = profileData ? profileData.dataset.name : "";
   window.PROFILE_SKILLS = profileData && profileData.dataset.skills ? profileData.dataset.skills.trim().split(/\s+/).filter(Boolean) : [];