more portfolio items

gatsby-config.js

@@ -1,4 +1,4 @@
-const meta = require('./content/meta.json')
+const meta = require('./src/data/meta.json')
 
 module.exports = {
   siteMetadata: {
@@ -17,8 +17,8 @@ module.exports = {
     {
       resolve: 'gatsby-source-filesystem',
       options: {
-        name: 'content',
-        path: `${__dirname}/content/`,
+        name: 'data',
+        path: `${__dirname}/src/data/`,
       },
     },
     'gatsby-transformer-json',

gatsby-node.js

@@ -20,6 +20,7 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
                   GitHub
                   Info
                   Dribbble
+                  Download
                 }
                 description
                 techstack

package.json

@@ -3,14 +3,14 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "gatsby": "^1.9.241",
+    "gatsby": "^1.9.248",
     "gatsby-link": "^1.6.39",
     "gatsby-plugin-google-analytics": "^1.0.28",
     "gatsby-plugin-react-helmet": "^2.0.8",
     "gatsby-plugin-react-next": "^1.0.11",
     "gatsby-plugin-sass": "^1.0.25",
     "gatsby-plugin-sitemap": "^1.2.20",
-    "gatsby-source-filesystem": "^1.5.28",
+    "gatsby-source-filesystem": "^1.5.29",
     "gatsby-transformer-json": "^1.0.16",
     "react-helmet": "^5.2.0",
     "react-markdown": "^3.3.0",

src/components/molecules/ProjectTechstack.js

@@ -5,7 +5,7 @@ import './ProjectTechstack.scss'
 const ProjectTechstack = ({ techstack }) => (
   <div className="project__techstack">
     <h3 className="project__meta__title">
-      Technologies <span>The tech stack I was involved with.</span>
+      Tools & Technologies <span>The tech stack I was involved with.</span>
     </h3>
     <ul>
       {techstack.map(tech => <li key={tech}>{tech}</li>)}

src/data/projects.json

@@ -6,8 +6,10 @@
     "links": {
       "Link": "https://oceanprotocol.com"
     },
-    "description": "Conceptualizing and executing the creative and visual direction of the Ocean Protocol brand. Leading the UI design & development of all Ocean Protocol web properties. \n\nInitial website in collaboration with [Balance](https://balance.io/).",
+    "description": "Conceptualizing, executing and iterating on the creative and visual direction of the Ocean Protocol brand. Leading the UI design & development of all Ocean Protocol web properties. \n\nInitial website in collaboration with [Balance](https://balance.io/).",
     "techstack": [
+      "Sketch",
+      "Affinity Designer",
       "React",
       "SCSS",
       "JavaScript",
@@ -26,6 +28,7 @@
     },
     "description": "Laudem antiopam mea eu. Nam in accusam mediocritatem, eos ad paulo putent, pericula appellantur te ius. Magna debet id cum, probo eloquentiam sea ut. Cu eam graeco disputationi, graece theophrastus no his, duo errem expetendis te. Duo ea soleat ignota temporibus, in vim scaevola salutandi. Postea possit est at, ea vitae necessitatibus vix.",
     "techstack": [
+      "Sketch",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -44,6 +47,7 @@
     },
     "description": "Laudem antiopam mea eu. Nam in accusam mediocritatem, eos ad paulo putent, pericula appellantur te ius. Magna debet id cum, probo eloquentiam sea ut. Cu eam graeco disputationi, graece theophrastus no his, duo errem expetendis te. Duo ea soleat ignota temporibus, in vim scaevola salutandi. Postea possit est at, ea vitae necessitatibus vix.",
     "techstack": [
+      "Sketch",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -60,6 +64,7 @@
     },
     "description": "Laudem antiopam mea eu. Nam in accusam mediocritatem, eos ad paulo putent, pericula appellantur te ius. Magna debet id cum, probo eloquentiam sea ut. Cu eam graeco disputationi, graece theophrastus no his, duo errem expetendis te. Duo ea soleat ignota temporibus, in vim scaevola salutandi. Postea possit est at, ea vitae necessitatibus vix.",
     "techstack": [
+      "Sketch",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -79,6 +84,9 @@
     },
     "description": "Conceptualizing and executing the creative and visual direction of the BigchainDB brand. Leading the UI design & development of all BigchainDB web properties.",
     "techstack": [
+      "Sketch",
+      "Affinity Designer",
+      "Illustrator",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -101,6 +109,9 @@
     },
     "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": [
+      "Sketch",
+      "Affinity Designer",
+      "Illustrator",
       "SCSS",
       "JavaScript",
       "PHP",
@@ -115,7 +126,7 @@
     ]
   },
   {
-    "title": "ShareTheMeal ",
+    "title": "ShareTheMeal",
     "slug": "sharethemeal",
     "img": "sharethemeal",
     "links": {
@@ -123,6 +134,8 @@
     },
     "description": "Co-designing and leading the front-end development of the ShareTheMeal website.",
     "techstack": [
+      "Sketch",
+      "Illustrator",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -137,15 +150,21 @@
     "title": "ezeep",
     "slug": "ezeep",
     "img": "ezeep",
-    "description": "Conceptualizing and executing the creative and visual direction of the ezeep brand. Leading the UI design & development of all ezeep web properties and marketing materials. Designing all app experiences of ezeep on Windows, macOS, iOS, and Android.",
+    "description": "At ezeep, I created an unprecedented, market-leading & award-winning user experience based on the principles of emotional design way ahead of all competitors.\n\nThis included conceptualizing executing, and iterating on the creative & visual direction of the ezeep brand. I was leading the UI design & development of all ezeep web properties and marketing materials, on top of that I designed all app experiences of ezeep on Windows, macOS, iOS, and Android.\n\nezeep was acquired by [Cortado AG](https://www.cortado.com) in 2015 and became part of their [ThinPrint Cloud Services](https://www.thinprintcloud.com) suite of products.",
     "img_more": [
       "ezeep01",
-      "ezeep02"
+      "ezeep02",
+      "ezeep03",
+      "ezeep04"
     ],
     "links": {
-      "Link": "https://ezeep.com/"
+      "Link": "https://kremalicious.com/enterprise-software-sucks/"
     },
     "techstack": [
+      "Photoshop",
+      "Illustrator",
+      "InDesign",
+      "Sketch",
       "SCSS",
       "JavaScript",
       "PHP",
@@ -168,7 +187,8 @@
     },
     "description": "Designing, developing and writing a showcase website presenting the most beautiful and usable apps created for Android.",
     "techstack": [
-      "SCSS",
+      "Photoshop",
+      "CSS",
       "JavaScript",
       "PHP",
       "WordPress"
@@ -189,7 +209,8 @@
     },
     "description": "",
     "techstack": [
-      "SCSS",
+      "Photoshop",
+      "CSS",
       "JavaScript",
       "PHP",
       "WordPress"
@@ -213,11 +234,18 @@
   {
     "title": "Out Of Whale Oil",
     "slug": "out-of-whale-oil",
-    "img": "out-of-whale-oil.jpg",
+    "img": "outofwhaleoil",
+    "img_more": [
+      "outofwhaleoil01",
+      "outofwhaleoil02"
+    ],
+    "description": "Tribute wallpaper pack inspired by the Futurama movie _Into The Wild Green Yonder_.",
     "links": {
-      "Info": "http://www.kremalicious.com/2009/02/out-of-whale-oil/"
+      "Download": "https://kremalicious.com/out-of-whale-oil/"
     },
-    "description": ""
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "mluBlogs",
@@ -226,7 +254,15 @@
     "links": {
       "Link": "http://blogs.urz-uni-halle.de"
     },
-    "description": ""
+    "description": "",
+    "techstack": [
+      "Photoshop",
+      "SCSS",
+      "JavaScript",
+      "PHP",
+      "WordPress",
+      "Ilias"
+    ]
   },
   {
     "title": "Coffee Cup",
@@ -235,7 +271,10 @@
     "links": {
       "Info": "http://www.kremalicious.com/2008/10/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/"
     },
-    "description": ""
+    "description": "",
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "Niépce's Camera Obscura",
@@ -244,7 +283,10 @@
     "links": {
       "Info": "http://www.kremalicious.com/2008/06/new-goodie-niepces-camera-obscura-and-the-history-of-the-first-photograph/"
     },
-    "description": ""
+    "description": "",
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "Allinnia Creative Group",

src/images/index.js

@@ -10,8 +10,13 @@ import sharethemeal from './portfolio-sharethemeal.png'
 import ezeep from './portfolio-ezeep.png'
 import ezeep01 from './portfolio-ezeep-01.png'
 import ezeep02 from './portfolio-ezeep-02.png'
+import ezeep03 from './portfolio-ezeep-03.png'
+import ezeep04 from './portfolio-ezeep-04.png'
 import exquisitedroid from './portfolio-exquisitedroid.png'
 import mrreader from './portfolio-mrreader.png'
+import outofwhaleoil from './portfolio-outofwhaleoil.png'
+import outofwhaleoil01 from './portfolio-outofwhaleoil-01.png'
+import outofwhaleoil02 from './portfolio-outofwhaleoil-02.png'
 
 export default {
   oceanprotocol,
@@ -26,6 +31,11 @@ export default {
   ezeep,
   ezeep01,
   ezeep02,
+  ezeep03,
+  ezeep04,
   exquisitedroid,
   mrreader,
+  outofwhaleoil,
+  outofwhaleoil01,
+  outofwhaleoil02,
 }

src/layouts/index.js

@@ -7,7 +7,7 @@ import Footer from '../components/molecules/Footer'
 import './index.scss'
 
 const TemplateWrapper = props => {
-  const meta = props.data.allContentJson.edges[0].node
+  const meta = props.data.allDataJson.edges[0].node
 
   return <div className="app">
       <Head meta={meta} />
@@ -26,7 +26,7 @@ export default TemplateWrapper
 
 export const query = graphql`
   query metaQuery {
-    allContentJson {
+    allDataJson {
       edges {
         node {
           title