m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +01:00
Code Releases Activity

formatting

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-05-04 16:54:08 +02:00
parent d4a0f74e8c
commit dd58d7672d
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/atoms/ProjectImage.jsx
View File

@ -8,7 +8,6 @@ const ProjectImage = ({ sizes, alt }) => (
className="project__image"
outerWrapperClassName="project__image-wrap"
backgroundColor="#6b7f88"
fadeIn={false}
sizes={sizes}
alt={alt}
/>

17
src/components/organisms/Header.jsx
View File

@ -1,7 +1,6 @@
import React from 'react'
import Link from 'gatsby-link'
import PropTypes from 'prop-types'
import { FadeIn } from '../atoms/Animations'
import Social from '../molecules/Social'
import Availability from '../molecules/Availability'
import { ReactComponent as Logo } from '../../images/logo.svg'
@ -12,15 +11,13 @@ const Header = ({ meta, isHomepage }) => {
return (
<header className={classes}>
<FadeIn>
<Link className="header__name" to={'/'}>
<Logo className="header__logo" />
<h1 className="header__title">{meta.title.toLowerCase()}</h1>
<p className="header__description">
<span>{'{ '}</span> {meta.tagline.toLowerCase()} <span>{' }'}</span>
</p>
</Link>
</FadeIn>
<Link className="header__name" to={'/'}>
<Logo className="header__logo" />
<h1 className="header__title">{meta.title.toLowerCase()}</h1>
<p className="header__description">
<span>{'{ '}</span> {meta.tagline.toLowerCase()} <span>{' }'}</span>
</p>
</Link>
<Social meta={meta} hide={!isHomepage} />
<Availability

7
src/components/organisms/Header.scss
View File

@ -46,6 +46,7 @@
.header__name {
pointer-events: none;
display: block;
}
.header--minimal {
@ -59,7 +60,6 @@
.header__title,
.header__description {
color: $brand-grey-light;
transition: color .2s ease-out;
}
.header__title {
@ -82,8 +82,9 @@
&:hover,
&:focus {
.header__logo {
color: $brand-cyan;
.header__title,
.header__description {
transition: color .2s ease-out;
}
.header__title {

4
src/layouts/index.jsx
View File

@ -14,9 +14,7 @@ const TemplateWrapper = ({ data, location, children }) => {
<Head meta={meta} location={location} />
<Header meta={meta} isHomepage={isHomepage} />
<main className="screen">
{children()}
</main>
<main className="screen">{children()}</main>
<Footer meta={meta} />
</div>

11
src/templates/Project.jsx
View File

@ -43,11 +43,7 @@ class Project extends Component {
<FullWidth>
{projectImages.map(({ node }) => (
<ProjectImage
key={node.id}
sizes={node.sizes}
alt={title}
/>
<ProjectImage key={node.id} sizes={node.sizes} alt={title} />
))}
</FullWidth>
@ -83,7 +79,10 @@ export const projectQuery = graphql`
}
techstack
}
projectImages: allImageSharp(filter: { id: { regex: $slug } }, sort: { fields: [id], order: ASC }) {
projectImages: allImageSharp(
filter: { id: { regex: $slug } }
sort: { fields: [id], order: ASC }
) {
edges {
node {
id