Add branding

klydra · Feb 12, 2023 · c0161cb · c0161cb
1 parent f29d5ff
commit c0161cb
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 3 deletions.
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icon-192x192.png b/public/icon-192x192.png
diff --git a/public/icon-256x256.png b/public/icon-256x256.png
diff --git a/public/icon-384x384.png b/public/icon-384x384.png
diff --git a/public/icon-512x512.png b/public/icon-512x512.png
diff --git a/public/index.html b/public/index.html
@@ -2,11 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#FFA071" />
-    <meta name="description" content="The 108 game." />
+    <meta name="theme-color" content="#fff" />
+    <meta name="description" content="The 108 card game." />
     <meta name="keywords" content="UNO, game, play, online, multiplayer, free">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png">
     <meta name="author" content="klydra, FluVacc">
     <title>108</title>
   </head>

diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,33 @@
+{
+  "name": "108.cards",
+  "short_name": "108",
+  "description": "The 108 card game.",
+  "theme_color": "#fff",
+  "background_color": "#18191a",
+  "display": "minimal-ui",
+  "scope": "/",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}