1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 09:13:19 +01:00

markup tweaks

This commit is contained in:
Matthias Kretschmann 2018-04-24 22:56:19 +02:00
parent fe3a0817bc
commit f9a05674b5
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 19 additions and 21 deletions

View File

@ -13,7 +13,7 @@
"deploy": "./deploy.sh"
},
"dependencies": {
"gatsby": "^1.9.253",
"gatsby": "^1.9.254",
"gatsby-link": "^1.6.41",
"gatsby-plugin-google-analytics": "^1.0.31",
"gatsby-plugin-react-helmet": "^2.0.11",
@ -21,7 +21,7 @@
"gatsby-plugin-remove-trailing-slashes": "^1.0.9",
"gatsby-plugin-sass": "^1.0.26",
"gatsby-plugin-svgr": "^1.0.0",
"gatsby-source-filesystem": "^1.5.33",
"gatsby-source-filesystem": "^1.5.34",
"gatsby-transformer-json": "^1.0.16",
"react-helmet": "^5.2.0",
"react-markdown": "^3.3.0",

View File

@ -28,16 +28,18 @@ const TemplateWrapper = ({ data, location, children }) => {
<Head meta={meta} location={location} />
<Header meta={meta} isHomepage={isHomepage} />
<TransitionGroup appear={true}>
<FadeIn
key={location.pathname}
timeout={{ enter: 300, exit: 200, appear: 300 }}
>
<TransitionHandler location={location}>
{children()}
</TransitionHandler>
</FadeIn>
</TransitionGroup>
<main className="screen">
<TransitionGroup appear={true}>
<FadeIn
key={location.pathname}
timeout={{ enter: 300, exit: 200, appear: 300 }}
>
<TransitionHandler location={location}>
{children()}
</TransitionHandler>
</FadeIn>
</TransitionGroup>
</main>
<Footer meta={meta} />
</div>

View File

@ -1,9 +1,7 @@
import React from 'react'
const NotFound = () => (
<main className="screen screen--404">
<h1>Shenanigans, page not found.</h1>
</main>
<h1>Shenanigans, page not found.</h1>
)
export default NotFound

View File

@ -3,9 +3,7 @@ import PropTypes from 'prop-types'
import Projects from '../components/organisms/Projects'
const Home = ({ data }) => (
<main className="screen screen--home">
<Projects data={data} />
</main>
<Projects data={data} />
)
Home.propTypes = {

View File

@ -1,4 +1,4 @@
import React, { Component } from 'react'
import React, { Component, Fragment } from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'
import ReactMarkdown from 'react-markdown'
@ -25,7 +25,7 @@ class Project extends Component {
const { next, previous } = pathContext
return (
<main className="screen screen--project">
<Fragment>
<Helmet>
<title>{title}</title>
</Helmet>
@ -61,7 +61,7 @@ class Project extends Component {
</article>
<ProjectNav previous={previous} next={next} />
</main>
</Fragment>
)
}
}