oceanprotocol/docs
1
0
Fork 0
mirror of https://github.com/oceanprotocol/docs.git synced 2024-11-26 19:49:26 +01:00
Code Releases Activity

meta title

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/pages/404.jsx
View File

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

1
src/pages/404.module.scss
View File

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