Update all metdata for production publication

Update package file for publication Update app metadata for public deploy Update favicon file to have multiple sizes and links in index to support Google search and iOS shortcut icons. Add favicon files for Apple, Android, and PWAs Fix issues with manifest and icon preventing installation of PWA Add colors and description for PWA
washtenawIdtreble · Feb 3, 2024 · a0b1697 · a0b1697
1 parent 551935d
commit a0b1697
Show file tree

Hide file tree

Showing 10 changed files with 34 additions and 30 deletions.
diff --git a/assets/favicon.xcf b/assets/favicon.xcf
diff --git a/package.json b/package.json
@@ -1,7 +1,13 @@
 {
- "name": "washtenaw-id-webapp",
  "license": "GPL-3.0-only",
- "version": "0.1.0",
+ "bugs": {
+ "url": "https://github.com/washtenawIdtreble/washtenaw-id-webapp/issues",
+ "email": "[email protected]"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/washtenawIdtreble/washtenaw-id-webapp.git"
+ },
  "private": true,
  "dependencies": {
  "@faker-js/faker": "^7.6.0",

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-192.png b/public/icon-192.png
diff --git a/public/icon-512.png b/public/icon-512.png
diff --git a/public/index.html b/public/index.html
@@ -1,20 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
- <meta charset="utf-8"/>
- <link href="%PUBLIC_URL%/favicon.ico" rel="icon"/>
- <meta content="width=device-width, initial-scale=1" name="viewport"/>
- <meta content="#000000" name="theme-color"/>
- <meta
- content="Web site created using create-react-app"
- name="description"
- />
- <link href="%PUBLIC_URL%/logo192.png" rel="apple-touch-icon"/>
- <link href="%PUBLIC_URL%/manifest.json" rel="manifest"/>
- <title>React App</title>
-</head>
-<body class="body">
-<noscript>You need to enable JavaScript to run this app.</noscript>
-<div id="root"></div>
-</body>
+ <head>
+ <!--Don't change the order of these tags-->
+ <meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <!---->
+ <link rel="icon" href="%PUBLIC_URL%/favicon.ico"/>
+ <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png">
+ <link rel="manifest" href="/manifest.json">
+ <meta name="theme-color" content="#000000"/>
+ <meta
+ name="description"
+ content="Find out where to use your Washtenaw County ID and report businesses that refuse to accept it"
+ />
+ <title>Washtenaw ID Project</title>
+ </head>
+ <body class="body">
+ <noscript>You need to enable JavaScript to run this app.</noscript>
+ <div id="root"></div>
+ </body>
 </html>
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
@@ -1,25 +1,21 @@
 {
- "short_name": "React App",
- "name": "Create React App Sample",
+ "short_name": "ID App",
+ "name": "Washtenaw ID App",
+ "description": "Learn about how to use the Washtenaw County ID card",
  "icons": [
  {
- "src": "favicon.ico",
- "sizes": "64x64 32x32 24x24 16x16",
- "type": "image/x-icon"
- },
- {
- "src": "logo192.png",
+ "src": "/icon-192.png",
  "type": "image/png",
  "sizes": "192x192"
  },
  {
- "src": "logo512.png",
+ "src": "/icon-512.png",
  "type": "image/png",
  "sizes": "512x512"
  }
  ],
  "start_url": ".",
  "display": "standalone",
- "theme_color": "#000000",
- "background_color": "#ffffff"
+ "background_color": "#062d47",
+ "theme_color": "#062d47"
 }