Updated the Favicons

Added new favicons and updated the manifest and index page to support them. Closes #132
kpwags · Jun 30, 2023 · b33d046 · b33d046
1 parent 8dc917b
commit b33d046
Show file tree

Hide file tree

Showing 9 changed files with 91 additions and 20 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -7,22 +7,11 @@
  <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" />
- <link rel="apple-touch-icon" href="/logo192.png" />
- <!--
- manifest.json provides metadata used when your web app is installed on a
- user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
- -->
+ <link rel="icon" href="/favicon.ico" sizes="any">
+ <link rel="icon" href="/icon.svg" type="image/svg+xml">
+ <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <link rel="manifest" href="/manifest.json" />
- <!--
- Notice the use of %PUBLIC_URL% in the tags above.
- It will be replaced with the URL of the `public` folder during the build.
- Only files inside the `public` folder can be referenced from the HTML.
-
- Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
- 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>Digital Family Cookbook</title>
 </head>
 
 <body>

diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
diff --git a/frontend/public/icon.svg b/frontend/public/icon.svg
diff --git a/frontend/public/icon_192.png b/frontend/public/icon_192.png
diff --git a/frontend/public/icon_512.png b/frontend/public/icon_512.png
diff --git a/frontend/public/logo192.png b/frontend/public/logo192.png
diff --git a/frontend/public/logo512.png b/frontend/public/logo512.png
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
@@ -1,19 +1,19 @@
 {
- "short_name": "React App",
- "name": "Create React App Sample",
+ "short_name": "Digital Family Cookbook",
+ "name": "Digital Family Cookbook",
  "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"
  }
@@ -22,4 +22,4 @@
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
-}
+}