Transformado em web app e alguns ajustes visuais

index.html

@@ -3,6 +3,8 @@
     <head>
         <title>Moan Áudio Link</title>
         <meta charset="UTF-8">
+        <link rel="manifest" href="manifest.json">
+        <meta name="theme-color" content="#000000">
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" type="image/svg+xml" href="AudioLinkIcon.svg">
         <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -11,8 +13,8 @@
         <link rel="stylesheet" href="estilo.css">
     </head>
     <body>
+        <img src="AudioLinkIcon.svg" alt="Ícone De uma orelha ouvindo um qr code">
         <h1>
-            <img src="AudioLinkIcon.svg" alt="Ícone De uma orelha ouvindo um qr code">
             Moan Áudio Link
         </h1>
           
@@ -331,5 +333,16 @@
 
             captureStop.click();
         </script>
+
+        <script>
+            //Service Worker para funcionar como web app no android
+            if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('service-worker.js')
+                .then(reg => console.log('[PWA] Service Worker registrado:', reg.scope))
+                .catch(err => console.error('[PWA] Falha no Service Worker:', err));
+            }
+        </script>
+  
+
     </body>
 </html>