fix the web manifest

Author: medyo

public/index.html

@@ -7,7 +7,6 @@
     <meta name="theme-color" content="#000000" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="preconnect" href="https://hackertab.dev" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <script>
       // Blocking script to avoid the initial background flickering (switching from light to dark)
       // https://stackoverflow.com/a/63033934/3495717
@@ -18,6 +17,7 @@
     </script>
     <% if (!!+process.env.REACT_APP_WEB_BUILD) { %>
       <title>Hackertab</title>
+      <link rel="manifest" href="%PUBLIC_URL%/web_manifest.json" />
       <% } else { %>
       <title>New Tab</title>
     <% } %>

public/logos/logoVector.svg

@@ -0,0 +1,27 @@
+{
+  "short_name": "Hackertab.dev",
+  "name": "The Developer’s Homepage",
+  "description": "Hackertab helps developers stay up-to-date with the latest tech happenings",
+  "icons": [
+    {
+      "src": "/logos/logoVector.svg",
+      "type": "image/svg+xml",
+      "sizes": "1200x1200"
+    },
+    {
+      "src": "/logos/logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/logos/logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/?source=pwa",
+  "background_color": "#000000",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#000000"
+}