1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-23 01:29:41 +01:00

link output tweaks, meta description

This commit is contained in:
Matthias Kretschmann 2018-04-09 21:01:05 +02:00
parent 97e53ae67b
commit ffdc004e0e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 42 additions and 42 deletions

View File

@ -6,8 +6,7 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const template = path.resolve('src/components/organisms/Project.js') const template = path.resolve('src/components/organisms/Project.js')
resolve( resolve(graphql(`
graphql(`
{ {
allProjectsJson { allProjectsJson {
edges { edges {
@ -20,6 +19,7 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
Link Link
GitHub GitHub
Info Info
Dribbble
} }
description description
techstack techstack
@ -51,8 +51,8 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
img_more, img_more,
description, description,
techstack, techstack,
links links,
} },
}) })
}) })

View File

@ -3,14 +3,10 @@ import PropTypes from 'prop-types'
import Helmet from 'react-helmet' import Helmet from 'react-helmet'
const Head = ({ meta }) => { const Head = ({ meta }) => {
return ( return <Helmet defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`} titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}>
<Helmet <meta name="desacription" content={meta.description} />
defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
>
<link rel="stylesheet" href="https://use.typekit.net/dtg3zui.css" /> <link rel="stylesheet" href="https://use.typekit.net/dtg3zui.css" />
</Helmet> </Helmet>
)
} }
Head.propTypes = { Head.propTypes = {

View File

@ -20,6 +20,7 @@ const Project = props => {
<Fragment> <Fragment>
<Helmet> <Helmet>
<title>{title}</title> <title>{title}</title>
<meta name="description" content={description} />
</Helmet> </Helmet>
<main className="screen screen--project"> <main className="screen screen--project">
@ -65,11 +66,13 @@ const Project = props => {
</h3> </h3>
<ul> <ul>
{!!links && {!!links &&
Object.keys(links).map(key => ( Object.keys(links).map(key => {
<li key={key}> if (links[key]) {
<a href={links[key]}>{key}</a> return <li key={key}>
</li> <a href={links[key]}>{key}</a>
))} </li>
}
})}
</ul> </ul>
</div> </div>
</footer> </footer>

View File

@ -101,10 +101,12 @@
}, },
"description": "Co-designing and leading the front-end development of various ChartMogul web properties. Creating and implementing a UI design system into the ChartMogul application.", "description": "Co-designing and leading the front-end development of various ChartMogul web properties. Creating and implementing a UI design system into the ChartMogul application.",
"techstack": [ "techstack": [
"Jekyll",
"Gulp",
"SCSS", "SCSS",
"JavaScript", "JavaScript",
"PHP",
"Jekyll",
"Gulp",
"WordPress",
"Travis", "Travis",
"AWS S3", "AWS S3",
"Cloudflare", "Cloudflare",
@ -144,9 +146,10 @@
"Link": "https://ezeep.com/" "Link": "https://ezeep.com/"
}, },
"techstack": [ "techstack": [
"WordPress",
"SCSS", "SCSS",
"JavaScript", "JavaScript",
"PHP",
"WordPress",
"Travis", "Travis",
"AWS", "AWS",
"Cloudflare", "Cloudflare",
@ -165,9 +168,10 @@
}, },
"description": "Designing, developing and writing a showcase website presenting the most beautiful and usable apps created for Android.", "description": "Designing, developing and writing a showcase website presenting the most beautiful and usable apps created for Android.",
"techstack": [ "techstack": [
"WordPress",
"SCSS", "SCSS",
"JavaScript" "JavaScript",
"PHP",
"WordPress"
] ]
}, },
{ {

View File

@ -1,6 +1,6 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Head from '../components/molecules/Head' import Head from '../components/atoms/Head'
import FadeIn from '../components/atoms/FadeIn' import FadeIn from '../components/atoms/FadeIn'
import Header from '../components/molecules/Header' import Header from '../components/molecules/Header'
import Footer from '../components/molecules/Footer' import Footer from '../components/molecules/Footer'
@ -25,24 +25,21 @@ TemplateWrapper.propTypes = {
export default TemplateWrapper export default TemplateWrapper
export const query = graphql` export const query = graphql`
query pageLayoutQueryAndMetaQuery { query metaQuery {
allDataJson { allDataJson {
edges { edges {
node { node {
title title
tagline tagline
description description
url url
social { social {
Twitter Twitter
GitHub GitHub
Facebook Facebook
} }
} }
} }
} }
sitePage { }
jsonName `
}
}
`