added manifest & favicon

gatsby-config.js

@@ -46,6 +46,29 @@ module.exports = {
         name: 'assets',
       },
     },
+    {
+      resolve: `gatsby-plugin-manifest`,
+      options: {
+        name: `devthread`,
+        short_name: `devthread`,
+        start_url: `/`,
+        background_color: `#ffffff`,
+        icons: [
+          {
+            src: `/android-chrome-192x192.png`,
+            sizes: `192x192`,
+            type: `image/png`,
+          },
+          {
+            src: `/android-chrome-512x512.png`,
+            sizes: `512x512`,
+            type: `image/png`,
+          },
+        ],
+        theme_color: `#ffffff`,
+        display: `standalone`,
+      },
+    },
     "gatsby-plugin-sharp",
 		"gatsby-transformer-sharp",
     {

package-lock.json

@@ -8709,6 +8709,32 @@
         "micromatch": "^3.1.10"
       }
     },
+    "gatsby-plugin-manifest": {
+      "version": "2.4.17",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-manifest/-/gatsby-plugin-manifest-2.4.17.tgz",
+      "integrity": "sha512-WKzYDIrXPIXrXISEHcz/up5dnwDzfejlTtfIKpi/yqHPaWUX07Qpw5f9BmWz3nayJmx1Yp3/5ysJgekhQKqAGA==",
+      "requires": {
+        "@babel/runtime": "^7.10.3",
+        "gatsby-core-utils": "^1.3.11",
+        "semver": "^5.7.1",
+        "sharp": "^0.25.1"
+      },
+      "dependencies": {
+        "gatsby-core-utils": {
+          "version": "1.3.11",
+          "resolved": "https://registry.npmjs.org/gatsby-core-utils/-/gatsby-core-utils-1.3.11.tgz",
+          "integrity": "sha512-eaplfOveXLl1RCWja7QIke560jUKLprvCXZ446YgQ8vAYB0fXVz3u6AOf7XUmEV9F9PIkNjmfevd1oUPy9qISw==",
+          "requires": {
+            "ci-info": "2.0.0",
+            "configstore": "^5.0.1",
+            "fs-extra": "^8.1.0",
+            "node-object-hash": "^2.0.0",
+            "proper-lockfile": "^4.1.1",
+            "xdg-basedir": "^4.0.0"
+          }
+        }
+      }
+    },
     "gatsby-plugin-netlify-cms": {
       "version": "4.3.9",
       "resolved": "https://registry.npmjs.org/gatsby-plugin-netlify-cms/-/gatsby-plugin-netlify-cms-4.3.9.tgz",

package.json

@@ -19,6 +19,7 @@
     "esm": "^3.2.25",
     "gatsby": "^2.23.12",
     "gatsby-image": "^2.4.12",
+    "gatsby-plugin-manifest": "^2.4.17",
     "gatsby-plugin-netlify-cms": "^4.3.9",
     "gatsby-plugin-react-helmet": "^3.3.8",
     "gatsby-plugin-react-svg": "^3.0.0",

src/components/SEO/SEO.js

@@ -35,6 +35,13 @@ const SEO = ({ title, description, image, type }) => {
       {seo.description && (
         <meta property="og:description" content={seo.description} />
       )}
+      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+      <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+      <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+      {/* <link rel="manifest" href="/site.webmanifest" /> */}
+      <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#191919" />
+      <meta name="msapplication-TileColor" content="#ffffff" />
+      <meta name="theme-color" content="#ffffff" />
     </Helmet>
   )
 }

static/safari-pinned-tab.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1087 5045 c-64 -13 -109 -43 -131 -89 -32 -67 -3 -158 91 -286 26
+-36 66 -92 89 -125 22 -33 252 -362 510 -730 258 -369 476 -680 484 -692 8
+-12 69 -98 135 -192 66 -94 192 -274 279 -399 88 -125 202 -288 254 -362 53
+-74 120 -171 151 -215 30 -44 103 -148 161 -230 58 -83 118 -171 135 -195 102
+-153 219 -204 340 -151 61 27 97 68 206 236 50 77 155 239 234 360 79 121 203
+312 276 425 73 113 174 268 225 345 50 77 176 271 279 430 104 160 225 346
+270 415 100 153 149 229 253 390 44 69 84 130 89 136 4 5 13 18 18 27 32 52
+362 559 372 572 20 23 53 103 59 141 12 81 -22 138 -106 177 l-45 21 -2287 1
+c-1573 0 -2304 -3 -2341 -10z"/>
+</g>
+</svg>