feat: PWA support with hockey puck icon

Adds full PWA compliance: web app manifest, service worker with cache-first static / network-first scoreboard strategy, and a generated hockey puck icon (512, 192, 180, 32px) on the app's dark navy background. Includes all required meta tags for iOS standalone mode and a /favicon.ico route. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-29 19:04:33 -04:00
parent 2f2b3f2d7e
commit 3d77c7cd5a
9 changed files with 106 additions and 1 deletions
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -3,6 +3,13 @@
 <head>
    <title>NHL Scoreboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="theme-color" content="#0f172a">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="NHL Scores">
+    <link rel="manifest" href="/manifest.json">
+    <link rel="icon" type="image/png" href="/static/icon-32x32.png">
+    <link rel="apple-touch-icon" href="/static/icon-180x180.png">
    <link rel="stylesheet" type="text/css" href="/static/styles.css">
 </head>
 <body>