From 270abc5551f74836af347cf77ca2576bc81fc617 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Mon, 7 May 2018 01:43:33 +0200 Subject: [PATCH] favicon & SEO tweaks --- data/meta.yml | 1 + gatsby-config.js | 20 +++++++++++++++++++- package.json | 1 + src/components/atoms/SEO.jsx | 14 +++++++------- src/components/organisms/Header.jsx | 4 +--- src/images/favicon.png | Bin 0 -> 6411 bytes src/images/twitter-card.png | Bin 0 -> 5690 bytes src/layouts/index.jsx | 7 +++++++ src/templates/Project.jsx | 16 +++++++++++++++- 9 files changed, 51 insertions(+), 12 deletions(-) create mode 100644 src/images/favicon.png create mode 100644 src/images/twitter-card.png diff --git a/data/meta.yml b/data/meta.yml index ff726eb..4cf9bab 100644 --- a/data/meta.yml +++ b/data/meta.yml @@ -5,6 +5,7 @@ description: Portfolio of web & ui designer/developer hybrid Matthias Kretsc url: https://matthiaskretschmann.com email: m@kretschmann.io avatar: ../src/images/avatar.jpg +img: ../src/images/twitter-card.png social: Email: mailto:m@kretschmann.io diff --git a/gatsby-config.js b/gatsby-config.js index 7c69ba8..57cb34e 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -13,6 +13,7 @@ module.exports = { 'gatsby-transformer-yaml', 'gatsby-transformer-sharp', 'gatsby-plugin-sharp', + 'gatsby-plugin-offline', { resolve: 'gatsby-plugin-sass', options: { @@ -50,6 +51,23 @@ module.exports = { // see https://github.com/smooth-code/svgr for a list of all options }, }, - 'gatsby-plugin-offline', + { + resolve: 'gatsby-plugin-favicon', + options: { + logo: './src/images/favicon.png', + injectHTML: true, + icons: { + android: true, + appleIcon: true, + appleStartup: false, + coast: false, + favicons: true, + firefox: true, + twitter: false, + yandex: true, + windows: true, + }, + }, + }, ], } diff --git a/package.json b/package.json index e87c697..bbd6205 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "gatsby": "^1.9.259", "gatsby-image": "^1.0.51", "gatsby-link": "^1.6.44", + "gatsby-plugin-favicon": "^2.1.1", "gatsby-plugin-google-analytics": "^1.0.31", "gatsby-plugin-offline": "^1.0.15", "gatsby-plugin-react-helmet": "^2.0.11", diff --git a/src/components/atoms/SEO.jsx b/src/components/atoms/SEO.jsx index 2adf39d..27f5dd2 100644 --- a/src/components/atoms/SEO.jsx +++ b/src/components/atoms/SEO.jsx @@ -2,11 +2,11 @@ import React from 'react' import Helmet from 'react-helmet' import PropTypes from 'prop-types' -const SEO = ({ postMeta, meta }) => { - const title = postMeta.title || meta.title - const description = postMeta.description || meta.description - const image = postMeta.img || meta.img || null - const url = postMeta.slug ? `${meta.url}/${postMeta.slug}` : meta.url +const SEO = ({ project, meta }) => { + const title = project.title ? project.title : meta.title + const description = project.description ? project.description : meta.description + const image = project.img ? project.img.childImageSharp.twitterImage.src : meta.img.childImageSharp.resize.src + const url = project.slug ? `${meta.url}/${project.slug}` : meta.url return ( @@ -32,12 +32,12 @@ const SEO = ({ postMeta, meta }) => { } SEO.propTypes = { - postMeta: PropTypes.object, + project: PropTypes.object, meta: PropTypes.object, } SEO.defaultProps = { - postMeta: {}, + project: {}, meta: {}, } diff --git a/src/components/organisms/Header.jsx b/src/components/organisms/Header.jsx index c8800a9..5161bf6 100644 --- a/src/components/organisms/Header.jsx +++ b/src/components/organisms/Header.jsx @@ -13,9 +13,7 @@ class Header extends Component { const meta = this.props.meta let classes = 'header' - if (!isHomepage) { - classes += ' header--minimal' - } + if (!isHomepage) classes += ' header--minimal' return (
diff --git a/src/images/favicon.png b/src/images/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..54880e3f1a5d571b4747397a863a92615e6dace2 GIT binary patch literal 6411 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 literal 0 HcmV?d00001 diff --git a/src/images/twitter-card.png b/src/images/twitter-card.png new file mode 100644 index 0000000000000000000000000000000000000000..ba3555fd87550cb59f0f3195d5d26955eebe70cb GIT binary patch literal 5690 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 literal 0 HcmV?d00001 diff --git a/src/layouts/index.jsx b/src/layouts/index.jsx index c467d2a..be6a16a 100644 --- a/src/layouts/index.jsx +++ b/src/layouts/index.jsx @@ -81,6 +81,13 @@ export const query = graphql` } } } + img { + childImageSharp { + resize(width: 980) { + src + } + } + } social { Email Blog diff --git a/src/templates/Project.jsx b/src/templates/Project.jsx index e9dce67..f16559f 100644 --- a/src/templates/Project.jsx +++ b/src/templates/Project.jsx @@ -32,7 +32,7 @@ class Project extends Component { {title} - +
@@ -79,6 +79,13 @@ export const projectQuery = graphql` url } techstack + img { + childImageSharp { + twitterImage: resize(width: 980) { + src + } + } + } } dataYaml { title @@ -99,6 +106,13 @@ export const projectQuery = graphql` } typekit googleanalytics + img { + childImageSharp { + resize(width: 980) { + src + } + } + } } projectImages: allImageSharp( filter: { id: { regex: $slug } }