m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-02-14 21:10:41 +01:00
Code Releases Activity

more portfolio images

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-04-17 22:35:02 +02:00
parent 7c5fff1cdd
commit 6dc0237256
Signed by: m
GPG Key ID: 606EEEF3C479A91F
9 changed files with 37 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
data/projects.json
View File

@ -3,6 +3,10 @@
"title": "Ocean Protocol", "title": "Ocean Protocol",
"slug": "oceanprotocol", "slug": "oceanprotocol",
"img": "oceanprotocol", "img": "oceanprotocol",
"img_more": [
"oceanprotocol01",
"oceanprotocol02"
],
"links": { "links": {
"Link": "https://oceanprotocol.com" "Link": "https://oceanprotocol.com"
}, },
@ -22,6 +26,10 @@
"title": "IPDB", "title": "IPDB",
"slug": "ipdb", "slug": "ipdb",
"img": "ipdb", "img": "ipdb",
"img_more": [
"ipdb01",
"ipdb02"
],
"links": { "links": {
"Link": "https://ipdb.io", "Link": "https://ipdb.io",
"GitHub": "https://github.com/ipdb/website" "GitHub": "https://github.com/ipdb/website"
@ -80,7 +88,8 @@
"img": "bigchaindb", "img": "bigchaindb",
"img_more": [ "img_more": [
"bigchaindb01", "bigchaindb01",
"bigchaindb02" "bigchaindb02",
"bigchaindb03"
], ],
"links": { "links": {
"Link": "https://www.bigchaindb.com", "Link": "https://www.bigchaindb.com",

10
src/components/molecules/Header.js
View File

@ -1,8 +1,9 @@
import React from 'react' import React, { Fragment } from 'react'
import Link from 'gatsby-link' import Link from 'gatsby-link'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Social from './Social' import FadeIn from '../atoms/FadeIn'
import { Logo } from '../atoms/Icons' import { Logo } from '../atoms/Icons'
import Social from './Social'
import './Header.scss' import './Header.scss'
const Header = ({ meta, isHomepage }) => { const Header = ({ meta, isHomepage }) => {
@ -10,13 +11,16 @@ const Header = ({ meta, isHomepage }) => {
return ( return (
<header className={classes}> <header className={classes}>
<FadeIn>
<Fragment>
<Link className="header__name" to={'/'}> <Link className="header__name" to={'/'}>
<Logo className="header__logo" /> <Logo className="header__logo" />
<h1 className="header__title">{meta.title.toLowerCase()}</h1> <h1 className="header__title">{meta.title.toLowerCase()}</h1>
<p className="header__description"><span>{'{ '}</span> {meta.tagline.toLowerCase()} <span>{' }'}</span></p> <p className="header__description"><span>{'{ '}</span> {meta.tagline.toLowerCase()} <span>{' }'}</span></p>
</Link> </Link>
<Social meta={meta} minimal={!isHomepage} hide={!isHomepage} /> <Social meta={meta} minimal={!isHomepage} hide={!isHomepage} />
</Fragment>
</FadeIn>
</header> </header>
) )
} }

10
src/images/index.js
View File

@ -1,10 +1,15 @@
import oceanprotocol from './portfolio-oceanprotocol.png' import oceanprotocol from './portfolio-oceanprotocol.png'
import oceanprotocol01 from './portfolio-oceanprotocol-01.png'
import oceanprotocol02 from './portfolio-oceanprotocol-02.png'
import ipdb from './portfolio-ipdb.png' import ipdb from './portfolio-ipdb.png'
import ipdb01 from './portfolio-ipdb-01.png'
import ipdb02 from './portfolio-ipdb-02.png'
import biv from './portfolio-biv.png' import biv from './portfolio-biv.png'
import ninenineeightfour from './portfolio-9984.png' import ninenineeightfour from './portfolio-9984.png'
import bigchaindb from './portfolio-bigchaindb.png' import bigchaindb from './portfolio-bigchaindb.png'
import bigchaindb01 from './portfolio-bigchaindb-01.png' import bigchaindb01 from './portfolio-bigchaindb-01.png'
import bigchaindb02 from './portfolio-bigchaindb-02.png' import bigchaindb02 from './portfolio-bigchaindb-02.png'
import bigchaindb03 from './portfolio-bigchaindb-03.png'
import chartmogul from './portfolio-chartmogul.png' import chartmogul from './portfolio-chartmogul.png'
import chartmogul01 from './portfolio-chartmogul-01.png' import chartmogul01 from './portfolio-chartmogul-01.png'
import chartmogul02 from './portfolio-chartmogul-02.png' import chartmogul02 from './portfolio-chartmogul-02.png'
@ -22,12 +27,17 @@ import outofwhaleoil02 from './portfolio-outofwhaleoil-02.png'
export default { export default {
oceanprotocol, oceanprotocol,
oceanprotocol01,
oceanprotocol02,
ipdb, ipdb,
ipdb01,
ipdb02,
biv, biv,
ninenineeightfour, ninenineeightfour,
bigchaindb, bigchaindb,
bigchaindb01, bigchaindb01,
bigchaindb02, bigchaindb02,
bigchaindb03,
chartmogul, chartmogul,
chartmogul01, chartmogul01,
chartmogul02, chartmogul02,

BIN
src/images/portfolio-bigchaindb-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 409 KiB

BIN
src/images/portfolio-ipdb-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 298 KiB

BIN
src/images/portfolio-ipdb-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
src/images/portfolio-oceanprotocol-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 KiB

BIN
src/images/portfolio-oceanprotocol-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

8
src/layouts/index.js
View File

@ -6,15 +6,15 @@ import Header from '../components/molecules/Header'
import Footer from '../components/molecules/Footer' import Footer from '../components/molecules/Footer'
import './index.scss' import './index.scss'
const TemplateWrapper = props => { const TemplateWrapper = ({ data, location, children }) => {
const meta = props.data.allDataJson.edges[0].node const meta = data.allDataJson.edges[0].node
const isHomepage = props.location.pathname === '/' const isHomepage = location.pathname === '/'
return ( return (
<div className="app"> <div className="app">
<Head meta={meta} /> <Head meta={meta} />
<Header meta={meta} isHomepage={isHomepage} /> <Header meta={meta} isHomepage={isHomepage} />
<FadeIn>{props.children()}</FadeIn> <FadeIn>{children()}</FadeIn>
<Footer meta={meta} /> <Footer meta={meta} />
</div> </div>
) )