From 59eb1a60922685617cd83c5cd97357f2f22f7b1b Mon Sep 17 00:00:00 2001
From: Koala <6156589+Shik3i@users.noreply.github.com>
Date: Sat, 30 May 2026 20:45:08 +0200
Subject: [PATCH] fix(website): apple-mobile-web-app-capable deprecated meta
 tag + download button pulse animation

---
 eslint.config.mjs  |  1 +
 website/app.js     | 14 ++++++++++++++
 website/index.html |  2 +-
 website/style.css  |  3 ++-
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index a194c59..86cf705 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -34,6 +34,7 @@ export default [
         Date: "readonly",
         Error: "readonly",
         URL: "readonly",
+        URLSearchParams: "readonly",
         WebSocket: "readonly",
         self: "readonly"
       }
diff --git a/website/app.js b/website/app.js
index 7cbe4f2..df5703a 100644
--- a/website/app.js
+++ b/website/app.js
@@ -568,6 +568,20 @@ document.addEventListener('DOMContentLoaded', () => {
                     btn.style.transform = 'scale(0.95)';
                 });
             }
+
+            // Also pulse the main hero CTA buttons
+            if (!isInstalled) {
+                if (isFirefox) {
+                    firefoxBtns.forEach(btn => {
+                        btn.style.transform = '';
+                        btn.classList.add('install-breathe');
+                    });
+                } else if (isChrome) {
+                    chromeBtns.forEach(btn => {
+                        btn.classList.add('install-breathe');
+                    });
+                }
+            }
         }, 600);
     };
 
diff --git a/website/index.html b/website/index.html
index be8d82d..3406368 100644
--- a/website/index.html
+++ b/website/index.html
@@ -29,7 +29,7 @@
 
     <!-- Mobile Browser Theme Styling -->
     <meta name="theme-color" content="#0f172a">
-    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 
     <script src="lang-init.js"></script>
diff --git a/website/style.css b/website/style.css
index f067d3e..aadc0ef 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1006,7 +1006,8 @@ input:checked + .mock-slider:before {
     }
 }
 
-.install-breathe.firefox {
+.install-breathe.firefox,
+.btn-firefox.install-breathe {
     animation-name: install-breathe-ff;
 }