feat: favicon (#73)

Fixes #9
Erb3 · Jun 16, 2024 · e35a077 · e35a077
1 parent 249b5f9
commit e35a077
Show file tree

Hide file tree

Showing 13 changed files with 91 additions and 2 deletions.
diff --git a/assets/sveio-icon.png b/assets/sveio-icon.png
diff --git a/assets/sveio-icon.svg b/assets/sveio-icon.svg
diff --git a/frontend/404.html b/frontend/404.html
@@ -4,6 +4,24 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Sveio - Page Not Found</title>
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/icons/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/icons/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/icons/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/icons/site.webmanifest" />
     <link rel="stylesheet" href="/ui.css" />
   </head>
   <body>

diff --git a/frontend/game.html b/frontend/game.html
@@ -15,6 +15,24 @@
       integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
       crossorigin=""
     />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/icons/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/icons/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/icons/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/icons/site.webmanifest" />
     <link rel="stylesheet" href="/game.css" />
     <link rel="stylesheet" href="/ui.css" />
     <title>Sveio - In-game</title>

diff --git a/frontend/icons/android-chrome-192x192.png b/frontend/icons/android-chrome-192x192.png
diff --git a/frontend/icons/android-chrome-512x512.png b/frontend/icons/android-chrome-512x512.png
diff --git a/frontend/icons/apple-touch-icon.png b/frontend/icons/apple-touch-icon.png
diff --git a/frontend/icons/favicon-16x16.png b/frontend/icons/favicon-16x16.png
diff --git a/frontend/icons/favicon-32x32.png b/frontend/icons/favicon-32x32.png
diff --git a/frontend/icons/favicon.ico b/frontend/icons/favicon.ico
diff --git a/frontend/icons/site.webmanifest b/frontend/icons/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "Sveio",
+  "short_name": "Sveio",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/frontend/landing.html b/frontend/landing.html
@@ -10,6 +10,24 @@
       href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"
       rel="stylesheet"
     />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/icons/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/icons/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/icons/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/icons/site.webmanifest" />
     <link rel="stylesheet" href="/ui.css" />
     <style>
       h2 {

diff --git a/src/server.rs b/src/server.rs
@@ -29,10 +29,12 @@ pub async fn start_server(opts: ServerOptions) {
 			"/",
 			MemoryServe::new(load_assets!("frontend"))
 				.index_file(Some("/landing.html"))
-				.add_alias("/game", "/game.html")
-				.add_alias("/404", "/404.html")
 				.fallback(Some("/404.html"))
 				.html_cache_control(memory_serve::CacheControl::Medium)
+				.add_alias("/game", "/game.html")
+				.add_alias("/404", "/404.html")
+				.add_alias("/favicon.ico", "/icons/favicon.ico")
+				.add_alias("/site.webmanifest", "/icons/site.webmanifest")
 				.into_router(),
 		)
 		.layer(