mirror of
https://github.com/kremalicious/portfolio.git
synced 2024-12-22 17:23:22 +01:00
move over projects data
This commit is contained in:
parent
45129185cb
commit
2d50dddd0b
GPG Key ID:
606EEEF3C479A91F
@ -1,12 +1,26 @@
|
|||||||
import React from 'react'
|
import React, { Component } from 'react'
|
||||||
|
import projects from '../../data/projects.json'
|
||||||
|
|
||||||
const Home = () => (
|
class Home extends Component {
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
<main className="screen screen--home">
|
<main className="screen screen--home">
|
||||||
|
|
||||||
|
<aside className="social">
|
||||||
<a href="https://kremalicious.com">Blog</a>
|
<a href="https://kremalicious.com">Blog</a>
|
||||||
<a href="https://github.com/kremalicious">GitHub</a>
|
<a href="https://github.com/kremalicious">GitHub</a>
|
||||||
<a href="https://dribbble.com/kremalicious">Dribbble</a>
|
<a href="https://dribbble.com/kremalicious">Dribbble</a>
|
||||||
<a href="https://twitter.com/kremalicious">Twitter</a>
|
<a href="https://twitter.com/kremalicious">Twitter</a>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
{projects.map(project => (
|
||||||
|
<li key={project.slug}>{project.name}</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
</main>
|
</main>
|
||||||
)
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export default Home
|
export default Home
|
||||||
|
|||||||
278
src/data/projects.json
Normal file
278
src/data/projects.json
Normal file
@ -0,0 +1,278 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"name": "Ocean Protocol Website & CI",
|
||||||
|
"slug": "ocean-site",
|
||||||
|
"img": "ocean-site.png",
|
||||||
|
"img2x": "ocean-site@2x.png",
|
||||||
|
"url": "https://oceanprotocol.com",
|
||||||
|
"tags": ["web", "code", "design", "ci" ],
|
||||||
|
"slides": [ "ocean-site-1.png" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "IPDB Website & CI",
|
||||||
|
"slug": "ipdb-site",
|
||||||
|
"img": "ipdb-site.png",
|
||||||
|
"img2x": "ipdb-site@2x.png",
|
||||||
|
"url": "https://ipdb.io",
|
||||||
|
"github": "https://github.com/ipdb/website",
|
||||||
|
"tags": ["web", "code", "design", "ci"],
|
||||||
|
"slides": [ "ipdb-site-1.png", "ipdb-site-2.png", "ipdb-site-3.png" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "9984 >> Summit 2017 Website & CI",
|
||||||
|
"slug": "9984-site",
|
||||||
|
"img": "9984-site.png",
|
||||||
|
"img2x": "9984-site@2x.png",
|
||||||
|
"url": "https://2017.9984.io",
|
||||||
|
"github": "https://github.com/9984/2017.9984.io",
|
||||||
|
"tags": [ "web", "code", "design", "ci" ],
|
||||||
|
"slides": [ "9984-site-1.png", "9984-site-2.png", "9984-site-3.png" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "BigchainDB Website & CI",
|
||||||
|
"slug": "bigchaindb-site",
|
||||||
|
"img": "bigchaindb-site.png",
|
||||||
|
"img2x": "bigchaindb-site@2x.png",
|
||||||
|
"url": "https://www.bigchaindb.com",
|
||||||
|
"tags": [ "web", "code", "design", "ci" ],
|
||||||
|
"slides": [
|
||||||
|
"bigchaindb-site-1.png",
|
||||||
|
"bigchaindb-site-2.png",
|
||||||
|
"bigchaindb-site-3.png",
|
||||||
|
"bigchaindb-site-4.png"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ChartMogul Systems Landing Page",
|
||||||
|
"slug": "chartmogul-landing",
|
||||||
|
"img": "chartmogul-landing.png",
|
||||||
|
"img2x": "chartmogul-landing@2x.png",
|
||||||
|
"url": "https://chartmogul.com/stripe/",
|
||||||
|
"tags": [ "web", "code", "design" ],
|
||||||
|
"slides": [ "chartmogul-landing-1.png" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ShareTheMeal Website",
|
||||||
|
"slug": "sharethemeal-site",
|
||||||
|
"img": "sharethemeal-site.png",
|
||||||
|
"img2x": "sharethemeal-site@2x.png",
|
||||||
|
"url": "https://sharethemeal.org/",
|
||||||
|
"tags": [ "web", "code" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ezeep Document Type Icons",
|
||||||
|
"slug": "ezeep-doc-icons",
|
||||||
|
"img": "ezeep-doc-icons.png",
|
||||||
|
"img2x": "ezeep-doc-icons@2x.png",
|
||||||
|
"tags": [ "web", "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ezeep.com",
|
||||||
|
"slug": "ezeep-site",
|
||||||
|
"img": "ezeep-site.png",
|
||||||
|
"img2x": "ezeep-site@2x.png",
|
||||||
|
"url": "https://www.ezeep.com",
|
||||||
|
"tags": [ "web", "code", "design", "ci" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ezeep Web App Printer Units",
|
||||||
|
"slug": "ezeep-web-app-printers",
|
||||||
|
"img": "ezeep-web-app-printers.png",
|
||||||
|
"img2x": "ezeep-web-app-printers@2x.png",
|
||||||
|
"url": "https://portal.ezeep.com",
|
||||||
|
"tags": [ "web", "ui", "code", "design" ],
|
||||||
|
"slides": [
|
||||||
|
"ezeep-web-app-printers-1.png"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ezeep Android app",
|
||||||
|
"slug": "ezeep-android",
|
||||||
|
"img": "ezeep-android.png",
|
||||||
|
"img2x": "ezeep-android@2x.png",
|
||||||
|
"url": "https://www.ezeep.com",
|
||||||
|
"tags": [ "android", "app", "icon", "ui" ],
|
||||||
|
"slides": [
|
||||||
|
"ezeep-android-1.png",
|
||||||
|
"ezeep-android-2.png",
|
||||||
|
"ezeep-android-3.png"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ezeep OS X Printer Icon",
|
||||||
|
"slug": "ezeep-printer-icon-osx",
|
||||||
|
"img": "ezeep-printer-icon-osx.png",
|
||||||
|
"img2x": "ezeep-printer-icon-osx@2x.png",
|
||||||
|
"tags": [ "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ezeep Menu Icons",
|
||||||
|
"slug": "ezeep-menu-icons",
|
||||||
|
"img": "ezeep-menu-icons.png",
|
||||||
|
"img2x": "ezeep-menu-icons@2x.png",
|
||||||
|
"tags": [ "web", "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ezeep connect",
|
||||||
|
"slug": "ezeep-connect-icon",
|
||||||
|
"img": "ezeep-connect-icon.png",
|
||||||
|
"img2x": "ezeep-connect-icon@2x.png",
|
||||||
|
"tags": [ "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Mr. Reader Theme Coffee",
|
||||||
|
"slug": "mr-reader-theme",
|
||||||
|
"img": "mr-reader-theme.jpg",
|
||||||
|
"url": "http://www.curioustimes.de/mrreader/themes/",
|
||||||
|
"tags": [ "app" ],
|
||||||
|
"slides": [
|
||||||
|
"mr-reader-theme-1.png",
|
||||||
|
"mr-reader-theme-2.png",
|
||||||
|
"mr-reader-theme-3.png"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Category Icons",
|
||||||
|
"slug": "category-icons",
|
||||||
|
"img": "category-icons.jpg",
|
||||||
|
"infourl": "http://dribbble.com/shots/372450-Category-Icons",
|
||||||
|
"tags": [ "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Exquisite Droid",
|
||||||
|
"slug": "exquisitedroid",
|
||||||
|
"img": "exquisitedroid.jpg",
|
||||||
|
"url": "http://exquisitedroid.com",
|
||||||
|
"tags": [ "web", "icon", "ci", "code", "design" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Mr. Reader iPad Icon",
|
||||||
|
"slug": "mr-reader",
|
||||||
|
"img": "mr-reader.jpg",
|
||||||
|
"img2x": "mr-reader@2x.jpg",
|
||||||
|
"url": "http://www.curioustimes.de/mrreader/",
|
||||||
|
"tags": [ "icon" ],
|
||||||
|
"slides": [
|
||||||
|
"mr-reader-1.jpg",
|
||||||
|
"mr-reader-2.jpg"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "IPP Halle",
|
||||||
|
"slug": "ipp-halle",
|
||||||
|
"img": "ipp-halle.png",
|
||||||
|
"url": "http://ipp-halle.de",
|
||||||
|
"tags": [ "web", "photo", "ci", "code", "design" ],
|
||||||
|
"slides": [
|
||||||
|
"ipp-halle-1.png",
|
||||||
|
"ipp-halle-2.png",
|
||||||
|
"ipp-halle-3.png"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "iPixelPad",
|
||||||
|
"slug": "ipixelpad",
|
||||||
|
"img": "ipixelpad.jpg",
|
||||||
|
"infourl": "http://www.kremalicious.com/2010/02/ipixelpad/",
|
||||||
|
"tags": [ "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Shortmoves 10",
|
||||||
|
"slug": "shortmoves10",
|
||||||
|
"img": "shortmoves10.jpg",
|
||||||
|
"tags": [ "web", "photo", "ci", "code", "design" ],
|
||||||
|
"slides": [
|
||||||
|
"shortmoves10-1.png",
|
||||||
|
"shortmoves10-2.png",
|
||||||
|
"shortmoves10-3.png",
|
||||||
|
"shortmoves10-4.jpg",
|
||||||
|
"shortmoves10-5.jpg"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Out Of Whale Oil",
|
||||||
|
"slug": "out-of-whale-oil",
|
||||||
|
"img": "out-of-whale-oil.jpg",
|
||||||
|
"infourl": "http://www.kremalicious.com/2009/02/out-of-whale-oil/",
|
||||||
|
"tags": [ "wallpaper" ],
|
||||||
|
"slides": [
|
||||||
|
"out-of-whale-oil-1.png",
|
||||||
|
"out-of-whale-oil-2.jpg",
|
||||||
|
"out-of-whale-oil-3.jpg",
|
||||||
|
"out-of-whale-oil-4.jpg"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "mluBlogs",
|
||||||
|
"slug": "mlublogs",
|
||||||
|
"img": "mlublogs.png",
|
||||||
|
"url": "http://blogs.urz-uni-halle.de",
|
||||||
|
"tags": [ "web", "icon", "code", "design" ],
|
||||||
|
"slides": [
|
||||||
|
"mlublogs-1.png",
|
||||||
|
"mlublogs-2.png",
|
||||||
|
"mlublogs-3.png",
|
||||||
|
"mlublogs-4.jpg"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Coffee Cup",
|
||||||
|
"slug": "coffee-cup",
|
||||||
|
"img": "coffee-cup.jpg",
|
||||||
|
"infourl": "http://www.kremalicious.com/2008/10/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/",
|
||||||
|
"tags": [ "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Aref Jdey",
|
||||||
|
"slug": "aref-jdey",
|
||||||
|
"img": "aref-jdey.jpg",
|
||||||
|
"url": "http://arefjdey.com/",
|
||||||
|
"tags": [ "web", "icon", "code", "design" ],
|
||||||
|
"slides": [
|
||||||
|
"aref-jdey-1.png",
|
||||||
|
"aref-jdey-2.png",
|
||||||
|
"aref-jdey-3.jpg"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Niépce's Camera Obscura",
|
||||||
|
"slug": "camera-obscura",
|
||||||
|
"img": "camera-obscura.jpg",
|
||||||
|
"infourl": "http://www.kremalicious.com/2008/06/new-goodie-niepces-camera-obscura-and-the-history-of-the-first-photograph/",
|
||||||
|
"tags": [ "icon", "wallpaper" ],
|
||||||
|
"slides": [
|
||||||
|
"camera-obscura-1.jpg",
|
||||||
|
"camera-obscura-2.jpg",
|
||||||
|
"camera-obscura-3.jpg"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Allinnia Creative Group Icons",
|
||||||
|
"slug": "allinnia-icons",
|
||||||
|
"img": "allinnia-icons.jpg",
|
||||||
|
"tags": [ "icon" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Allinnia Creative Group",
|
||||||
|
"slug": "allinnia",
|
||||||
|
"img": "allinnia.jpg",
|
||||||
|
"tags": [ "web", "code" ],
|
||||||
|
"slides": [
|
||||||
|
"allinnia-1.png",
|
||||||
|
"allinnia-2.png",
|
||||||
|
"allinnia-3.jpg"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "mkretschmann.com v1",
|
||||||
|
"slug": "mkv1",
|
||||||
|
"img": "mkv1.jpg",
|
||||||
|
"infourl": "http://www.kremalicious.com/2009/02/portal-thingy/",
|
||||||
|
"tags": [ "web", "code", "design" ],
|
||||||
|
"slides": [
|
||||||
|
"mkv1-2.jpg",
|
||||||
|
"mkv1-3.jpg",
|
||||||
|
"mkv1-1.jpg"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
@ -46,3 +46,7 @@ h6 {
|
|||||||
letter-spacing: -.04rem;
|
letter-spacing: -.04rem;
|
||||||
margin: 0 0 $spacer;
|
margin: 0 0 $spacer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.screen {
|
||||||
|
padding: $spacer / 2;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user