m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

fixes & plugins

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-09-27 21:14:22 +02:00
parent 84c3c29d6f
commit 1e8b3831b5
Signed by: m
GPG Key ID: 606EEEF3C479A91F
6 changed files with 48 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
gatsby-config.js
View File

@ -132,6 +132,39 @@ module.exports = {
siteUrl: `${url}` 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', resolve: 'gatsby-plugin-feed',
options: { options: {
@ -198,7 +231,9 @@ module.exports = {
'gatsby-plugin-sitemap', 'gatsby-plugin-sitemap',
'gatsby-plugin-catch-links', 'gatsby-plugin-catch-links',
'gatsby-redirect-from', 'gatsby-redirect-from',
'gatsby-plugin-meta-redirect' 'gatsby-plugin-meta-redirect',
'gatsby-plugin-sitemap',
'gatsby-plugin-offline'
] ]
} }

2
package.json
View File

@ -31,10 +31,12 @@
"gatsby-awesome-pagination": "^0.2.1", "gatsby-awesome-pagination": "^0.2.1",
"gatsby-image": "^2.0.10", "gatsby-image": "^2.0.10",
"gatsby-plugin-catch-links": "^2.0.3", "gatsby-plugin-catch-links": "^2.0.3",
"gatsby-plugin-favicon": "^3.1.4",
"gatsby-plugin-feed": "^2.0.5", "gatsby-plugin-feed": "^2.0.5",
"gatsby-plugin-lunr": "^1.2.0", "gatsby-plugin-lunr": "^1.2.0",
"gatsby-plugin-matomo": "^0.5.0", "gatsby-plugin-matomo": "^0.5.0",
"gatsby-plugin-meta-redirect": "^1.1.0", "gatsby-plugin-meta-redirect": "^1.1.0",
"gatsby-plugin-offline": "^2.0.5",
"gatsby-plugin-react-helmet": "^3.0.0", "gatsby-plugin-react-helmet": "^3.0.0",
"gatsby-plugin-sass": "^2.0.1", "gatsby-plugin-sass": "^2.0.1",
"gatsby-plugin-sharp": "^2.0.5", "gatsby-plugin-sharp": "^2.0.5",

6
src/components/Layout.module.scss
View File

@ -35,7 +35,7 @@
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
:global(.has-menu-open) & { :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) { @media (min-width: $screen-sm) and (min-height: 500px) {
@ -44,9 +44,5 @@
position: relative; position: relative;
z-index: 2; z-index: 2;
min-height: 500px; min-height: 500px;
:global(.has-menu-open) & {
transform: translate3d(0, ($spacer * 5), 0);
}
} }
} }

5
src/components/atoms/SEO.jsx
View File

@ -87,7 +87,10 @@ const MetaTags = ({
title, title,
siteMeta siteMeta
}) => ( }) => (
<Helmet> <Helmet
defaultTitle={`${siteMeta.title} ¦ ${siteMeta.tagline}`}
titleTemplate={`%s ¦ ${siteMeta.title}`}
>
<html lang="en" /> <html lang="en" />
{/* General tags */} {/* General tags */}

12
src/components/molecules/Head.jsx
View File

@ -16,18 +16,12 @@ const Head = () => (
<StaticQuery <StaticQuery
query={query} query={query}
render={data => { render={data => {
const { title, tagline } = data.contentYaml const { title } = data.contentYaml
return ( return (
<Fragment> <Fragment>
<Helmet <Helmet>
defaultTitle={`${title.toLowerCase()} ¦ ${tagline.toLowerCase()}`} <meta name="apple-mobile-web-app-title" content={title} />
titleTemplate={`%s ¦ ${title.toLowerCase()}`}
>
<meta
name="apple-mobile-web-app-title"
content={title.toLowerCase()}
/>
<meta name="theme-color" content="#e7eef4" /> <meta name="theme-color" content="#e7eef4" />
</Helmet> </Helmet>

4
src/components/molecules/Menu.module.scss
View File

@ -16,9 +16,9 @@
li { li {
list-style: none; list-style: none;
flex: 0 0 100%; flex: 0 0 50%;
@media (min-width: $screen-sm) { @media (min-width: $screen-xs) {
flex-basis: 33%; flex-basis: 33%;
} }