meta title

This commit is contained in:
Matthias Kretschmann 2018-11-11 02:32:13 +01:00
parent 11987e3e63
commit 81395e5fd1
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 30 additions and 25 deletions

View File

@ -6,6 +6,7 @@ import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { Link } from 'gatsby'
import giphyAPI from 'giphy-js-sdk-core'
import Helmet from 'react-helmet'
import Layout from '../components/Layout'
import Content from '../components/Content'
import styles from './404.module.scss'
@ -43,33 +44,36 @@ export default class NotFoundPage extends Component {
render() {
return (
<Layout location={this.props.location}>
<Content>
<article className={styles.content}>
<h1>Page not found.</h1>
<p>
You just hit a route that doesn&#39;t exist... the
sadness. Check your url,{' '}
<Link to={'/'}>go back to the homepage</Link>, or
check out some <em>{tag}</em> gifs, entirely your
choice.
</p>
<>
<Helmet title="404 - Not Found" />
<Layout location={this.props.location}>
<Content>
<article className={styles.content}>
<h1>Page not found.</h1>
<p>
You just hit a route that doesn&#39;t exist...
the sadness. Check your url,{' '}
<Link to={'/'}>go back to the homepage</Link>,
or check out some <em>{tag}</em> gifs, entirely
your choice.
</p>
<video
className="gif"
src={this.state.gif}
autoPlay
loop
/>
<video
className="gif"
src={this.state.gif}
autoPlay
loop
/>
<div>
<button
onClick={this.handleClick}
>{`Get another ${tag} gif`}</button>
</div>
</article>
</Content>
</Layout>
<div>
<button
onClick={this.handleClick}
>{`Get another ${tag} gif`}</button>
</div>
</article>
</Content>
</Layout>
</>
)
}
}

View File

@ -6,6 +6,7 @@
text-align: center;
video {
margin-top: $spacer;
margin-bottom: $spacer;
display: block;
width: auto;