feat: make animal sounds game installable on android mobile

Author: dcroote

_config.yml

@@ -17,7 +17,7 @@ description: Perspectives on science, technology, and engineering.
 # Build settings
 markdown: kramdown
 
-include: [".well-known"]
+include: [".well-known", "manifest.json", "sw.js"]
 
 plugins:
   - jekyll-sitemap

kids-animal-sounds-game.html

@@ -8,6 +8,8 @@
     />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="theme-color" content="#667eea" />
+    <link rel="manifest" href="/manifest.json" />
 
     <title>Interactive Animal Sounds Game for Kids</title>
     <meta
@@ -513,6 +515,20 @@
       }
 
       initializeAnimals();
+
+      // Register Service Worker for PWA functionality
+      if ("serviceWorker" in navigator) {
+        window.addEventListener("load", () => {
+          navigator.serviceWorker
+            .register("/sw.js")
+            .then((registration) => {
+              console.log("ServiceWorker registered:", registration.scope);
+            })
+            .catch((error) => {
+              console.log("ServiceWorker registration failed:", error);
+            });
+        });
+      }
     </script>
   </body>
 </html>

manifest.json

@@ -0,0 +1,27 @@
+{
+  "name": "Animal Sounds Game for Kids",
+  "short_name": "Animal Sounds",
+  "description": "A fun, interactive animal sounds game for toddlers and young children. Tap to hear real animal sounds!",
+  "start_url": "/kids-animal-sounds-game.html",
+  "display": "standalone",
+  "background_color": "#667eea",
+  "theme_color": "#667eea",
+  "orientation": "any",
+  "icons": [
+    {
+      "src": "/images/kids-animal-sounds-game/kids-animal-sounds-game.png",
+      "sizes": "1200x630",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/images/kids-animal-sounds-game/kids-animal-sounds-game.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "categories": ["games", "education", "kids"],
+  "scope": "/",
+  "prefer_related_applications": false
+}

sw.js

@@ -0,0 +1,13 @@
+// Minimal Service Worker for Animal Sounds Game PWA
+// This enables the app to be installed on Android home screen
+// No offline caching - always fetches from network
+
+self.addEventListener("install", () => {
+  // Activate immediately
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", () => {
+  // Take control immediately
+  return self.clients.claim();
+});