✨ adjust manifest for pwa

dl0312 · Aug 25, 2019 · 5887475 · 5887475
1 parent 4359dd9
commit 5887475
Show file tree

Hide file tree

Showing 19 changed files with 103 additions and 12 deletions.
diff --git a/public/asset/android-icon-144x144.png b/public/asset/android-icon-144x144.png
diff --git a/public/asset/android-icon-192x192.png b/public/asset/android-icon-192x192.png
diff --git a/public/asset/android-icon-36x36.png b/public/asset/android-icon-36x36.png
diff --git a/public/asset/android-icon-48x48.png b/public/asset/android-icon-48x48.png
diff --git a/public/asset/android-icon-72x72.png b/public/asset/android-icon-72x72.png
diff --git a/public/asset/android-icon-96x96.png b/public/asset/android-icon-96x96.png
diff --git a/public/asset/apple-icon-114x114.png b/public/asset/apple-icon-114x114.png
diff --git a/public/asset/apple-icon-120x120.png b/public/asset/apple-icon-120x120.png
diff --git a/public/asset/apple-icon-144x144.png b/public/asset/apple-icon-144x144.png
diff --git a/public/asset/apple-icon-152x152.png b/public/asset/apple-icon-152x152.png
diff --git a/public/asset/apple-icon-180x180.png b/public/asset/apple-icon-180x180.png
diff --git a/public/asset/apple-icon-57x57.png b/public/asset/apple-icon-57x57.png
diff --git a/public/asset/apple-icon-60x60.png b/public/asset/apple-icon-60x60.png
diff --git a/public/asset/apple-icon-72x72.png b/public/asset/apple-icon-72x72.png
diff --git a/public/asset/apple-icon-76x76.png b/public/asset/apple-icon-76x76.png
diff --git a/public/asset/apple-icon-precomposed.png b/public/asset/apple-icon-precomposed.png
diff --git a/public/asset/apple-icon.png b/public/asset/apple-icon.png
diff --git a/public/index.html b/public/index.html
@@ -10,16 +10,108 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
+    <!-- PWA Settings -->
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="57x57"
+      href="/asset/apple-touch-icon-57x57.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="114x114"
+      href="/asset/apple-touch-icon-114x114.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="72x72"
+      href="/asset/apple-touch-icon-72x72.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="144x144"
+      href="/asset/apple-touch-icon-144x144.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="60x60"
+      href="/asset/apple-touch-icon-60x60.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="120x120"
+      href="/asset/apple-touch-icon-120x120.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="76x76"
+      href="/asset/apple-touch-icon-76x76.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="152x152"
+      href="/asset/apple-touch-icon-152x152.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/asset/favicon-196x196.png"
+      sizes="196x196"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/asset/favicon-96x96.png"
+      sizes="96x96"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/asset/favicon-32x32.png"
+      sizes="32x32"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/asset/favicon-16x16.png"
+      sizes="16x16"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/asset/favicon-128.png"
+      sizes="128x128"
+    />
+    <meta name="application-name" content="&nbsp;" />
+    <meta name="msapplication-TileColor" content="#FFFFFF" />
+    <meta name="msapplication-TileImage" content="/asset/mstile-144x144.png" />
+    <meta
+      name="msapplication-square70x70logo"
+      content="/asset/mstile-70x70.png"
+    />
+    <meta
+      name="msapplication-square150x150logo"
+      content="/asset/mstile-150x150.png"
+    />
+    <meta
+      name="msapplication-wide310x150logo"
+      content="/asset/mstile-310x150.png"
+    />
+    <meta
+      name="msapplication-square310x310logo"
+      content="/asset/mstile-310x310.png"
+    />
+    <meta name="apple-mobile-web-app-title" content="WeMeet" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
     <!--
       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>Lost Pet</title>
+    <title>WeMeet</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,51 +1,50 @@
 {
   "short_name": "WeMeet",
   "name": "WeMeet",
-  "start_url": "/",
   "icons": [
     {
-      "src": "/asset/apple-touch-icon-57x57.png",
+      "src": "asset/apple-icon-57x57.png",
       "size": "57x57",
       "type": "image/png"
     },
     {
-      "src": "/asset/apple-touch-icon-60x60.png",
+      "src": "asset/apple-icon-60x60.png",
       "size": "60x60",
       "type": "image/png"
     },
     {
-      "src": "/asset/apple-touch-icon-72x72.png",
+      "src": "asset/apple-icon-72x72.png",
       "size": "76x76",
       "type": "image/png"
     },
     {
-      "src": "/asset/apple-touch-icon-76x76.png",
+      "src": "asset/apple-icon-76x76.png",
       "size": "76x76",
       "type": "image/png"
     },
     {
-      "src": "/asset/apple-touch-icon-114x114.png",
+      "src": "asset/apple-icon-114x114.png",
       "size": "114x114",
       "type": "image/png"
     },
     {
-      "src": "/asset/apple-touch-icon-120x120.png",
+      "src": "asset/apple-icon-120x120.png",
       "size": "120x120",
       "type": "image/png"
     },
     {
-      "src": "/asset/apple-touch-icon-144x144.png",
+      "src": "asset/apple-icon-144x144.png",
       "size": "144x144",
       "type": "image/png"
     },
     {
-      "src": "/asset/apple-touch-icon-152x152.png",
+      "src": "asset/apple-icon-152x152.png",
       "size": "152x152",
       "type": "image/png"
     }
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "rgba(23, 198, 165,1)",
+  "theme_color": "#000000",
   "background_color": "#ffffff"
 }