add ipixelpad

data/projects.json

@@ -10,7 +10,7 @@
     "links": {
       "Link": "https://oceanprotocol.com"
     },
-    "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/).",
+    "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/). Key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).",
     "techstack": [
       "Sketch",
       "Affinity Designer",
@@ -34,7 +34,7 @@
       "Link": "https://ipdb.io",
       "GitHub": "https://github.com/ipdb/website"
     },
-    "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.",
+    "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.\n\nKey visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).",
     "techstack": [
       "Sketch",
       "Jekyll",
@@ -95,7 +95,7 @@
       "Link": "https://www.bigchaindb.com",
       "GitHub": "https://github.com/bigchaindb/site"
     },
-    "description": "Conceptualizing and executing the creative and visual direction of the BigchainDB brand. Leading the UI design & development of all BigchainDB web properties.",
+    "description": "Conceptualizing and executing the creative and visual direction of the BigchainDB brand. Leading the UI design & development of all BigchainDB web properties.\n\nKey visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).",
     "techstack": [
       "Sketch",
       "Affinity Designer",
@@ -211,16 +211,22 @@
     "title": "Mr. Reader",
     "slug": "mr-reader",
     "img": "mrreader",
-    "description": "Designing the app icon, a custom theme, and various promotion materials for Mr. Reader, a powerful RSS feed reader for iPad."
+    "description": "Designing the app icon, a custom theme, and various promotion materials for Mr. Reader, a powerful RSS feed reader for iPad.",
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "iPixelPad",
     "slug": "ipixelpad",
-    "img": "ipixelpad.jpg",
+    "img": "ipixelpad",
     "links": {
-      "Info": "http://www.kremalicious.com/2010/02/ipixelpad/"
+      "Info": "https://kremalicious.com/ipixelpad/"
     },
-    "description": ""
+    "description": "So, what to do when everyone seem to release iPad icons but fail to include some crisp small size icons? Pushing the pixels for yourself of course. So here’s my take on the smaller sizes of an Apple iPad icon, called iPixelPad in the sizes 48px, 32px and 16px.",
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "Shortmoves 10",

package.json

@@ -3,18 +3,18 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "gatsby": "^1.9.252",
+    "gatsby": "^1.9.253",
-    "gatsby-image": "^1.0.46",
+    "gatsby-image": "^1.0.47",
-    "gatsby-link": "^1.6.39",
+    "gatsby-link": "^1.6.41",
-    "gatsby-plugin-google-analytics": "^1.0.30",
+    "gatsby-plugin-google-analytics": "^1.0.31",
-    "gatsby-plugin-react-helmet": "^2.0.8",
+    "gatsby-plugin-react-helmet": "^2.0.11",
     "gatsby-plugin-react-next": "^1.0.11",
-    "gatsby-plugin-sass": "^1.0.25",
+    "gatsby-plugin-sass": "^1.0.26",
-    "gatsby-plugin-sharp": "^1.6.42",
+    "gatsby-plugin-sharp": "^1.6.43",
-    "gatsby-plugin-sitemap": "^1.2.21",
+    "gatsby-plugin-sitemap": "^1.2.22",
     "gatsby-source-filesystem": "^1.5.33",
     "gatsby-transformer-json": "^1.0.16",
-    "gatsby-transformer-sharp": "^1.6.22",
+    "gatsby-transformer-sharp": "^1.6.23",
     "react-helmet": "^5.2.0",
     "react-markdown": "^3.3.0",
     "react-transition-group": "^2.3.1"

src/components/atoms/Icons.js

@@ -73,3 +73,7 @@ export const Index = props => <svg className="icon" viewBox="0 0 20 20" width="2
       <rect width="9" height="5" x="11" y="7" />
       <rect width="9" height="5" x="11" y="14" />
   </svg>
+
+export const Info = props => <svg className="icon" viewBox="0 0 20 20" width="20" height="20" {...props}>
+  <path d="M10,19.1791992 C4.93046826,19.1791992 0.820800781,15.0695317 0.820800781,10 C0.820800781,4.93046826 4.93046826,0.820800781 10,0.820800781 C15.0695317,0.820800781 19.1791992,4.93046826 19.1791992,10 C19.1791992,15.0695317 15.0695317,19.1791992 10,19.1791992 Z M11.316,6.031 C11.316,5.85366578 11.2810003,5.68800077 11.211,5.534 C11.1409996,5.37999923 11.0476672,5.24700056 10.931,5.135 C10.8143327,5.02299944 10.6743341,4.93433366 10.511,4.869 C10.3476658,4.80366634 10.1773342,4.771 10,4.771 C9.8133324,4.771 9.64066746,4.80599965 9.482,4.876 C9.32333254,4.94600035 9.18333394,5.03699944 9.062,5.149 C8.94066606,5.26100056 8.84733366,5.39399923 8.782,5.548 C8.71666634,5.70200077 8.684,5.86299916 8.684,6.031 C8.684,6.37633506 8.80999874,6.67266543 9.062,6.92 C9.31400126,7.16733457 9.6266648,7.291 10,7.291 C10.1773342,7.291 10.3476658,7.25833366 10.511,7.193 C10.6743341,7.12766634 10.8143327,7.03900056 10.931,6.927 C11.0476672,6.81499944 11.1409996,6.68200077 11.211,6.528 C11.2810003,6.37399923 11.316,6.20833422 11.316,6.031 Z M8.852,15.229 L11.148,15.229 L11.148,8.257 L8.852,8.257 L8.852,15.229 Z" />
+</svg>

src/components/molecules/ProjectLinks.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { OutboundLink } from 'gatsby-plugin-google-analytics'
-import { Chain, GitHub, Dribbble } from '../atoms/Icons'
+import { Chain, GitHub, Dribbble, Info } from '../atoms/Icons'
 import './ProjectLinks.scss'
 
 const LinkIcon = ({ title }) => {
@@ -11,6 +11,8 @@ const LinkIcon = ({ title }) => {
     return <GitHub />
   } else if (title === 'Dribbble') {
     return <Dribbble />
+  } else if (title === 'Info') {
+    return <Info />
   } else {
     return null
   }

src/images/index.js

@@ -24,6 +24,7 @@ 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'
+import ipixelpad from './portfolio-ipixelpad.png'
 
 export default {
   oceanprotocol,
@@ -52,4 +53,5 @@ export default {
   outofwhaleoil,
   outofwhaleoil01,
   outofwhaleoil02,
+  ipixelpad,
 }