package updates

gatsby-config.js

@@ -2,7 +2,7 @@ const path = require('path')
 const fs = require('fs')
 const yaml = require('js-yaml')
 const meta = yaml.load(fs.readFileSync('./data/meta.yml', 'utf8'))
-const { url, matomoSite, matomoUrl } = meta
+const { url, matomoSite, matomoUrl, title, tagline } = meta
 
 module.exports = {
   siteMetadata: {
@@ -64,6 +64,21 @@ module.exports = {
       options: {
         logo: './src/images/favicon.png',
         injectHTML: true,
+
+        // WebApp Manifest Configuration
+        appName: title.toLowerCase(),
+        appDescription: tagline.toLowerCase(),
+        developerName: title,
+        developerURL: url,
+        dir: 'auto',
+        lang: 'en-US',
+        background: '#e7eef4',
+        theme_color: '#88bec8',
+        display: 'standalone',
+        orientation: 'any',
+        start_url: '/?homescreen=1',
+        version: '1.0',
+
         icons: {
           android: true,
           appleIcon: true,

package.json

@@ -21,16 +21,16 @@
   },
   "dependencies": {
     "file-saver": "^1.3.8",
-    "gatsby": "^2.0.0-beta.55",
+    "gatsby": "^2.0.0-beta.58",
     "gatsby-image": "^2.0.0-beta.7",
-    "gatsby-plugin-favicon": "github:TuckerWhitehouse/gatsby-plugin-favicon#gatsby-v2",
+    "gatsby-plugin-favicon": "^3.1.0",
     "gatsby-plugin-matomo": "^0.4.1",
-    "gatsby-plugin-offline": "^2.0.0-beta.4",
+    "gatsby-plugin-offline": "^2.0.0-beta.5",
     "gatsby-plugin-react-helmet": "^3.0.0-beta.4",
     "gatsby-plugin-sass": "^2.0.0-beta.6",
     "gatsby-plugin-sharp": "^2.0.0-beta.7",
     "gatsby-plugin-sitemap": "^2.0.0-beta.3",
-    "gatsby-source-filesystem": "^2.0.1-beta.9",
+    "gatsby-source-filesystem": "^2.0.1-beta.10",
     "gatsby-transformer-json": "^2.1.1-beta.3",
     "gatsby-transformer-sharp": "^2.1.1-beta.6",
     "gatsby-transformer-yaml": "^2.1.1-beta.3",

src/components/molecules/Head.jsx

@@ -14,7 +14,6 @@ const Head = ({ meta }) => {
         titleTemplate={`%s // ${title.toLowerCase()} { ${tagline.toLowerCase()} }`}
       >
         <meta name="apple-mobile-web-app-title" content={title.toLowerCase()} />
-        <meta name="theme-color" content="#e7eef4" />
       </Helmet>
 
       <Typekit />