Fix PWA setup

index.html

@@ -8,7 +8,9 @@
 	<meta property="og:title" content="PokéRogue" />
 	<meta property="og:type" content="website" />
 	<meta property="og:description" content="A Pokémon fangame heavily inspired by the roguelite genre. Battle endlessly while gathering stacking items, exploring many different biomes, and reaching Pokémon stats you never thought possible." />
-	<meta property="og:image" content="https://pokerogue.net/logo.png" />
+	<meta property="og:image" content="https://pokerogue.net/logo512.png" />
+	<link rel="apple-touch-icon" href="/logo512.png" />
+	<link rel="shortcut icon" type="image/png" href="/logo512.png" />
 	<meta charset="UTF-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
 	<style type="text/css">
@@ -23,7 +25,7 @@
 		}
 	</style>
 	<link rel="stylesheet" type="text/css" href="index.css" />
-  <link rel="manifest" href="manifest.json" />
+	<link rel="manifest" href="/manifest.webmanifest">
   <script>
     if ("serviceWorker" in navigator) {
       window.addEventListener("load", function () {

public/manifest.webmanifest

@@ -2,20 +2,13 @@
   "name": "PokéRogue",
   "short_name": "PokéRogue",
   "description": "A Pokémon fangame heavily inspired by the roguelite genre. Battle endlessly while gathering stacking items, exploring many different biomes, and reaching Pokémon stats you never thought possible.",
+  "scope": "/",
   "start_url": "/",
   "display": "standalone",
   "background_color": "#8c8c8c",
   "theme_color": "#8c8c8c",
   "icons": [
-    {
-      "src": "./logo.png",
-      "sizes": "128x128",
-      "type": "image/png"
-    },
-    {
-      "src": "./logo512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
+    { "src": "logo128.png", "sizes": "128x128", "type": "image/png" },
+    { "src": "logo512.png", "sizes": "512x512", "type": "image/png" }
   ]
 }