Add favicon - closes #19

HereNotThere · Mar 9, 2022 · 3f53e26 · 3f53e26
1 parent 6c91cd3
commit 3f53e26
Show file tree

Hide file tree

Showing 13 changed files with 31 additions and 35 deletions.
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -5,10 +5,7 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Lowest Unique Positive Integer" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -24,7 +21,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>LUPI</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
diff --git a/public/robots.txt b/public/robots.txt
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "LUPI",
+  "short_name": "LUPI",
+  "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": "#000000",
+  "display": "standalone"
+}
diff --git a/src/components/SiteHeader.tsx b/src/components/SiteHeader.tsx
@@ -15,7 +15,15 @@ export const SiteHeader = (props: Props) => {
   const { accounts, chainId, requestAccounts, walletStatus } = useWeb3Context();
   const shortAccounts = accounts.map(getShortAddress);
   return (
-    <Grid columns={2} padding="md" horizontalPadding="lg" border borderRadius>
+    <Grid
+      columns={2}
+      padding="md"
+      horizontalPadding="lg"
+      border
+      borderRadius="lg"
+      minHeight={75}
+      alignItems="center"
+    >
       <Box>
         <MenuItem
           menuId="current-game"
@@ -27,7 +35,7 @@ export const SiteHeader = (props: Props) => {
         </MenuItem>
       </Box>
 
-      <Box row justifyContent="end" alignItems="center" gap="md">
+      <Box row justifyContent="end" gap="md">
         <MenuItem
           menuId={"how-to-play"}
           onMenuItemClick={props.onSelectMenuItem}