From 1e8b3831b505dccf9d8419d4b3ce9c83d1ff3a2f Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Thu, 27 Sep 2018 21:14:22 +0200 Subject: [PATCH] fixes & plugins --- gatsby-config.js | 37 ++++++++++++++++++++++- package.json | 2 ++ src/components/Layout.module.scss | 6 +--- src/components/atoms/SEO.jsx | 5 ++- src/components/molecules/Head.jsx | 12 ++------ src/components/molecules/Menu.module.scss | 4 +-- 6 files changed, 48 insertions(+), 18 deletions(-) diff --git a/gatsby-config.js b/gatsby-config.js index 41faf8f6..ed2d4711 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -132,6 +132,39 @@ module.exports = { siteUrl: `${url}` } }, + { + resolve: 'gatsby-plugin-favicon', + options: { + logo: './src/images/apple-touch-icon.png', + + // WebApp Manifest Configuration + appName: title.toLowerCase(), + appDescription: tagline, + developerName: null, + developerURL: null, + dir: 'auto', + lang: 'en-US', + background: '#e7eef4', + theme_color: '#88bec8', + display: 'minimal-ui', + orientation: 'any', + start_url: '/?homescreen=1', + version: '1.0', + + icons: { + android: true, + appleIcon: true, + appleStartup: true, + coast: false, + favicons: true, + firefox: true, + opengraph: false, + twitter: false, + yandex: false, + windows: false + } + } + }, { resolve: 'gatsby-plugin-feed', options: { @@ -198,7 +231,9 @@ module.exports = { 'gatsby-plugin-sitemap', 'gatsby-plugin-catch-links', 'gatsby-redirect-from', - 'gatsby-plugin-meta-redirect' + 'gatsby-plugin-meta-redirect', + 'gatsby-plugin-sitemap', + 'gatsby-plugin-offline' ] } diff --git a/package.json b/package.json index 5ca208a0..75057f07 100644 --- a/package.json +++ b/package.json @@ -31,10 +31,12 @@ "gatsby-awesome-pagination": "^0.2.1", "gatsby-image": "^2.0.10", "gatsby-plugin-catch-links": "^2.0.3", + "gatsby-plugin-favicon": "^3.1.4", "gatsby-plugin-feed": "^2.0.5", "gatsby-plugin-lunr": "^1.2.0", "gatsby-plugin-matomo": "^0.5.0", "gatsby-plugin-meta-redirect": "^1.1.0", + "gatsby-plugin-offline": "^2.0.5", "gatsby-plugin-react-helmet": "^3.0.0", "gatsby-plugin-sass": "^2.0.1", "gatsby-plugin-sharp": "^2.0.5", diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss index 6ee4942f..d66ea172 100644 --- a/src/components/Layout.module.scss +++ b/src/components/Layout.module.scss @@ -35,7 +35,7 @@ transform: translate3d(0, 0, 0); :global(.has-menu-open) & { - transform: translate3d(0, ($spacer * 8), 0); + transform: translate3d(0, ($spacer * 3), 0); } @media (min-width: $screen-sm) and (min-height: 500px) { @@ -44,9 +44,5 @@ position: relative; z-index: 2; min-height: 500px; - - :global(.has-menu-open) & { - transform: translate3d(0, ($spacer * 5), 0); - } } } diff --git a/src/components/atoms/SEO.jsx b/src/components/atoms/SEO.jsx index c31030fc..a72b53c1 100644 --- a/src/components/atoms/SEO.jsx +++ b/src/components/atoms/SEO.jsx @@ -87,7 +87,10 @@ const MetaTags = ({ title, siteMeta }) => ( - + {/* General tags */} diff --git a/src/components/molecules/Head.jsx b/src/components/molecules/Head.jsx index 72129fc2..fd14b4c2 100644 --- a/src/components/molecules/Head.jsx +++ b/src/components/molecules/Head.jsx @@ -16,18 +16,12 @@ const Head = () => ( { - const { title, tagline } = data.contentYaml + const { title } = data.contentYaml return ( - - + + diff --git a/src/components/molecules/Menu.module.scss b/src/components/molecules/Menu.module.scss index 5159c38f..f63b747e 100644 --- a/src/components/molecules/Menu.module.scss +++ b/src/components/molecules/Menu.module.scss @@ -16,9 +16,9 @@ li { list-style: none; - flex: 0 0 100%; + flex: 0 0 50%; - @media (min-width: $screen-sm) { + @media (min-width: $screen-xs) { flex-basis: 33%; }