mirror of
https://github.com/kremalicious/portfolio.git
synced 2024-12-22 09:13:19 +01:00
meta titles
This commit is contained in:
parent
76e8c6e779
commit
11e68fc662
@ -7,6 +7,7 @@
|
||||
"npm-run-all": "^4.1.2",
|
||||
"react": "^16.3.0",
|
||||
"react-dom": "^16.3.0",
|
||||
"react-helmet": "^5.2.0",
|
||||
"react-lazyload": "^2.3.0",
|
||||
"react-router-dom": "^4.2.2",
|
||||
"react-scripts": "1.1.1",
|
||||
|
@ -9,7 +9,7 @@
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
|
||||
<link rel="stylesheet" href="https://use.typekit.net/dtg3zui.css">
|
||||
|
||||
<title>Portfolio</title>
|
||||
<title>matthias kretschmann { designer & developer }</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
|
26
src/App.js
26
src/App.js
@ -1,15 +1,27 @@
|
||||
import React from 'react'
|
||||
import React, { Fragment } from 'react'
|
||||
import FadeIn from './components/atoms/FadeIn'
|
||||
import Routes from './Routes'
|
||||
import Footer from './components/molecules/Footer'
|
||||
import Helmet from 'react-helmet/es/Helmet'
|
||||
import meta from './data/meta.json'
|
||||
|
||||
const Head = () => (
|
||||
<Helmet
|
||||
defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
|
||||
titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
|
||||
/>
|
||||
)
|
||||
|
||||
const App = () => (
|
||||
<FadeIn>
|
||||
<div className="app">
|
||||
<Routes />
|
||||
<Footer />
|
||||
</div>
|
||||
</FadeIn>
|
||||
<Fragment>
|
||||
<Head />
|
||||
<FadeIn>
|
||||
<div className="app">
|
||||
<Routes />
|
||||
<Footer />
|
||||
</div>
|
||||
</FadeIn>
|
||||
</Fragment>
|
||||
)
|
||||
|
||||
export default App
|
||||
|
@ -1,5 +1,6 @@
|
||||
import React, { Fragment } from 'react'
|
||||
import PropTypes from 'prop-types'
|
||||
import Helmet from 'react-helmet/es/Helmet'
|
||||
import Header from '../molecules/Header'
|
||||
import Content from '../atoms/Content'
|
||||
import FullWidth from '../atoms/FullWidth'
|
||||
@ -14,7 +15,12 @@ const Project = ({ project }) => {
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
<Helmet>
|
||||
<title>{title}</title>
|
||||
</Helmet>
|
||||
|
||||
<Header minimal />
|
||||
|
||||
<main className="screen screen--project">
|
||||
<article className="project">
|
||||
<Content>
|
||||
|
Loading…
Reference in New Issue
Block a user