diff options
| author | Nick Van Doorn <vandoorn.nick@gmail.com> | 2018-08-13 17:34:27 -0700 |
|---|---|---|
| committer | Nick Van Doorn <vandoorn.nick@gmail.com> | 2018-08-13 17:34:27 -0700 |
| commit | 7aa1c10bf8a4c6eed9a82f7fc21a229a1e7efa50 (patch) | |
| tree | a6751a9357c333059168e739addb20b0943b68f5 /src/components/layout.js | |
| parent | 12a0ffb59d9b93fa80a6170a25f5b38957708063 (diff) | |
Initial commit
Diffstat (limited to 'src/components/layout.js')
| -rw-r--r-- | src/components/layout.js | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/src/components/layout.js b/src/components/layout.js new file mode 100644 index 0000000..c494bc4 --- /dev/null +++ b/src/components/layout.js @@ -0,0 +1,87 @@ +import React from 'react' +import Helmet from 'react-helmet' +import { injectGlobal } from 'emotion' +import { colours, fontStack, transitions } from './globals' +import { Container } from './container' +import { Header } from './header' + +import '../../node_modules/font-awesome/css/font-awesome.min.css' + +injectGlobal(` + *, html, body { + margin: 0; + padding: 0; + } + p, a, h1, h2, h3, h4, h5 { + font-family: ${fontStack}; + color: ${colours.main}; + } + a { + border-bottom: 1px dotted; + text-decoration: none; + &: hover { + transition: ${transitions.hover} + } + } + body { + background: ${colours.background}; + } +`) + +const siteData = { + siteName: 'Nicholas Van Doorn', + navLinks: [ + { + name: 'Projects', + link: '/projects' + }, + { + name: 'Work', + link: '/work' + }, + { + name: 'Contact', + link: '/contact' + } + ], + socialEntries: [ + { + link: '//github.com/nvandoorn', + name: 'github' + }, + { + link: '//twitter.com/nickvandoorn', + name: 'twitter' + }, + { + link: '//www.linkedin.com/in/nvdoorn/', + name: 'linkedin' + }, + { + link: '//open.spotify.com/user/pontonn', + name: 'spotify' + } + ] +} + +export default ({ children, data }) => ( + <> + <Helmet + title="Hello world" + meta={[ + { name: 'description', content: 'Sample' }, + { name: 'keywords', content: 'sample, something' } + ]} + > + <html lang="en" /> + </Helmet> + <Container> + <Header + siteName={siteData.siteName} + links={siteData.navLinks} + socialEntries={siteData.socialEntries} + /> + {children} + </Container> + </> +) |