{"version":3,"sources":["webpack:///./src/components/ProjectList/ProjectItem.js","webpack:///./src/components/ProjectList/ProjectList.js","webpack:///./src/pages/projects.js","webpack:///./src/components/ProjectList/ProjectList.module.css"],"names":["ProjectList","renderLink","children","className","props","item","url","path","to","href","target","rel","render","this","image","title","description","styles","fluid","alt","imageContainer","content","titleLink","Component","list","items","map","i","ProjectItem","key","ProjectsPage","data","useStaticQuery","projects","roleClassicImage","childImageSharp","hackdesignImage","beyondtokyoImage","neverBoutUsImage","atlasImage","balancesImage","profileImage","cedImage","goodFridaysImage","retinaMacAppsImage","isFullWidth","module","exports"],"mappings":"4MA2CeA,E,oJApCbC,WAAa,SAACC,EAAUC,GAAe,IAAD,EAGhC,EAAKC,MADPC,KAAQC,EAF0B,EAE1BA,IAAKC,EAFqB,EAErBA,KAGf,OAAIA,EAEA,kBAAC,OAAD,CAAMC,GAAID,EAAMJ,UAAWA,GACxBD,GAKH,uBAAGO,KAAMH,EAAKI,OAAO,SAASC,IAAI,sBAAsBR,UAAWA,GAChED,I,sCAKTU,OAAA,WAAU,IAAD,EAGHC,KAAKT,MADPC,KAAQS,EAFH,EAEGA,MAAOC,EAFV,EAEUA,MAAOC,EAFjB,EAEiBA,YAGxB,OACE,wBAAIb,UAAWc,IAAOZ,MACnBQ,KAAKZ,WAAW,kBAAC,IAAD,CAAKE,UAAWc,IAAOH,MAAOI,MAAOJ,EAAOK,IAAKJ,IAAWE,IAAOG,gBACpF,yBAAKjB,UAAWc,IAAOI,SACpBR,KAAKZ,WAAW,wBAAIE,UAAWc,IAAOF,OAAQA,GAAaE,IAAOK,WACnE,uBAAGnB,UAAWc,IAAOD,aAAcA,M,GA9BnBO,aCYXvB,E,kGAXbY,OAAA,WACE,OACE,wBAAIT,UAAWc,IAAOO,MACnBX,KAAKT,MAAMqB,MAAMC,KAAI,SAACrB,EAAMsB,GAC3B,OAAO,kBAACC,EAAD,CAAaC,IAAKF,EAAGtB,KAAMA,S,GALlBkB,a,YC0HXO,UAzHM,WACnB,IAAMC,EAAOC,yBAAe,cAmCtBC,EAAW,CACf,CACElB,MAAO,eACPC,YACE,yNACFF,MAAOiB,EAAKG,iBAAiBC,gBAAgBjB,MAC7CZ,IAAK,0DAEP,CACES,MAAO,cACPC,YACE,kIACFF,MAAOiB,EAAKK,gBAAgBD,gBAAgBjB,MAC5CZ,IAAK,0BAEP,CACES,MAAO,eACPC,YACE,0MACFF,MAAOiB,EAAKM,iBAAiBF,gBAAgBjB,MAC7CZ,IAAK,iCAEP,CACES,MAAO,gBACPC,YACE,+OACFF,MAAOiB,EAAKO,iBAAiBH,gBAAgBjB,MAC7CZ,IAAK,+CAEP,CACES,MAAO,QACPC,YACE,yKACFF,MAAOiB,EAAKQ,WAAWJ,gBAAgBjB,MACvCZ,IAAK,+BAEP,CACES,MAAO,WACPC,YACE,sGACFF,MAAOiB,EAAKS,cAAcL,gBAAgBjB,MAC1CZ,IAAK,mEAEP,CACES,MAAO,UACPC,YAAa,4CACbF,MAAOiB,EAAKU,aAAaN,gBAAgBjB,MACzCX,KAAM,yBAER,CACEQ,MAAO,iBACPC,YAAa,sDACbF,MAAOiB,EAAKW,SAASP,gBAAgBjB,MACrCZ,IAAK,uCAEP,CACES,MAAO,eACPC,YAAa,+FACbF,MAAOiB,EAAKY,iBAAiBR,gBAAgBjB,MAC7CZ,IAAK,8EAEP,CACES,MAAO,kBACPC,YACE,+GACFF,MAAOiB,EAAKa,mBAAmBT,gBAAgBjB,MAC/CZ,IAAK,yEAIT,OACE,kBAAC,IAAD,CAAYuC,aAAW,GACrB,kBAAC,IAAD,CAAK9B,MAAM,aACX,6BAASZ,UAAU,yBACjB,wBAAIA,UAAU,oBAAd,mBACA,yBAAKA,UAAU,sBAAf,+DAGF,6BAASA,UAAU,WACjB,kBAAC,EAAD,CAAasB,MAAOQ,Q,qBCzH5Ba,EAAOC,QAAU,CAAC,KAAO,kCAAkC,KAAO,kCAAkC,eAAiB,6CAA6C,MAAQ,mCAAmC,QAAU,qCAAqC,UAAY,wCAAwC,MAAQ,mCAAmC,YAAc","file":"component---src-pages-projects-js-5bb468f822caa764c1bf.js","sourcesContent":["import React, { Component } from 'react'\nimport Img from 'gatsby-image'\nimport { Link } from 'gatsby'\n\nimport styles from './ProjectList.module.css'\n\nclass ProjectList extends Component {\n  renderLink = (children, className) => {\n    const {\n      item: { url, path },\n    } = this.props\n\n    if (path)\n      return (\n        <Link to={path} className={className}>\n          {children}\n        </Link>\n      )\n    else\n      return (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" className={className}>\n          {children}\n        </a>\n      )\n  }\n\n  render() {\n    const {\n      item: { image, title, description },\n    } = this.props\n\n    return (\n      <li className={styles.item}>\n        {this.renderLink(<Img className={styles.image} fluid={image} alt={title} />, styles.imageContainer)}\n        <div className={styles.content}>\n          {this.renderLink(<h3 className={styles.title}>{title}</h3>, styles.titleLink)}\n          <p className={styles.description}>{description}</p>\n        </div>\n      </li>\n    )\n  }\n}\n\nexport default ProjectList\n","import React, { Component } from 'react'\n\nimport styles from './ProjectList.module.css'\n\nimport ProjectItem from './ProjectItem'\n\nclass ProjectList extends Component {\n  render() {\n    return (\n      <ul className={styles.list}>\n        {this.props.items.map((item, i) => {\n          return <ProjectItem key={i} item={item} />\n        })}\n      </ul>\n    )\n  }\n}\n\nexport default ProjectList\n","import React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\n\nimport { PageLayout } from '../components/layouts'\nimport ProjectList from '../components/ProjectList'\nimport SEO from '../components/seo'\n\nconst ProjectsPage = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      atlasImage: file(relativePath: { eq: \"projects/Atlas.jpg\" }) {\n        ...projectJpgImage\n      }\n      balancesImage: file(relativePath: { eq: \"projects/Balances.jpg\" }) {\n        ...projectJpgImage\n      }\n      beyondtokyoImage: file(relativePath: { eq: \"projects/BeyondTokyo.jpg\" }) {\n        ...projectJpgImage\n      }\n      cedImage: file(relativePath: { eq: \"projects/CED.jpg\" }) {\n        ...projectJpgImage\n      }\n      goodFridaysImage: file(relativePath: { eq: \"projects/GoodFridays.jpg\" }) {\n        ...projectJpgImage\n      }\n      hackdesignImage: file(relativePath: { eq: \"projects/HackDesign.png\" }) {\n        ...projectPngImage\n      }\n      neverBoutUsImage: file(relativePath: { eq: \"projects/NeverBoutUs.jpg\" }) {\n        ...projectJpgImage\n      }\n      profileImage: file(relativePath: { eq: \"projects/Profile.jpg\" }) {\n        ...projectJpgImage\n      }\n      retinaMacAppsImage: file(relativePath: { eq: \"projects/RetinaMacApps.jpg\" }) {\n        ...projectJpgImage\n      }\n      roleClassicImage: file(relativePath: { eq: \"projects/RoleClassic.jpg\" }) {\n        ...projectJpgImage\n      }\n    }\n  `)\n\n  const projects = [\n    {\n      title: 'Role Classic',\n      description:\n        'Role-playing party game built for your phone. Designed around the question: \"What if D&D was as easy to play as Apples to Apples?\" With no social media and $0 in marketing, Role Classic gained over 100,000 players.',\n      image: data.roleClassicImage.childImageSharp.fluid,\n      url: 'https://apps.apple.com/us/app/role-classic/id933599454',\n    },\n    {\n      title: 'Hack Design',\n      description:\n        'Introductory product design course. With lessons written by industry professionals, Hack Design has more than 350,000 students.',\n      image: data.hackdesignImage.childImageSharp.fluid,\n      url: 'https://hackdesign.org',\n    },\n    {\n      title: 'Beyond Tokyo',\n      description:\n        'Roomscale VR travel experience built for the HTC Vive. Explore fantasy versions of famous locations in Japan while taking a journey through an interactive story about Hachiko, Japan’s most loyal dog.',\n      image: data.beyondtokyoImage.childImageSharp.fluid,\n      url: 'https://www.beyondtokyovr.com',\n    },\n    {\n      title: 'Never Bout Us',\n      description:\n        \"Ground breaking 360 music video created for VR viewing. Released in 2016, it went on to gain over 800,000 views. It's release was accompanied by a physical press kit including a custom cardbord VR viewer and memorabilia from the artist.\",\n      image: data.neverBoutUsImage.childImageSharp.fluid,\n      url: 'https://www.youtube.com/watch?v=_dw-Q6seOOk',\n    },\n    {\n      title: 'Atlas',\n      description:\n        'VR sci-fi adventure for the Oculus Rift & Touch. Explore the world on your hover bike and solve environmental puzzles to unlock the mysteries hiding within the world.',\n      image: data.atlasImage.childImageSharp.fluid,\n      url: 'https://vimeo.com/205636652',\n    },\n    {\n      title: 'Balances',\n      description:\n        'Bitcoin financial app. Send & receive payments and track the balances of all your cryptocurrencies.',\n      image: data.balancesImage.childImageSharp.fluid,\n      url: 'https://web.archive.org/web/20170709185626/https://balances.io/',\n    },\n    {\n      title: 'Profile',\n      description: 'Digital Look Book packaged in an iOS app.',\n      image: data.profileImage.childImageSharp.fluid,\n      path: '/case-studies/profile',\n    },\n    {\n      title: 'CED Innovators',\n      description: 'Interactive data visualization. Created with D3.js.',\n      image: data.cedImage.childImageSharp.fluid,\n      url: 'https://cednc.org/innovatorsreport/',\n    },\n    {\n      title: 'GOOD Fridays',\n      description: 'iOS music player. An exploration in mobile audio player design with the music of Kanye West.',\n      image: data.goodFridaysImage.childImageSharp.fluid,\n      url: 'https://apps.apple.com/us/app/good-fridays-kanye-west-edition/id1078562945',\n    },\n    {\n      title: 'Retina Mac Apps',\n      description:\n        'The #1 resource for discovering retina supported apps after the 2012 launch of the first Retina Macbook Pro.',\n      image: data.retinaMacAppsImage.childImageSharp.fluid,\n      url: 'https://web.archive.org/web/20121206183502/http://retinamacapps.com/',\n    },\n  ]\n\n  return (\n    <PageLayout isFullWidth>\n      <SEO title=\"Projects\" />\n      <section className=\"section content-width\">\n        <h1 className=\"section-heading1\">Work &amp; Projects</h1>\n        <div className=\"section-subheading\">A sampling of some of my public work and personal projects</div>\n      </section>\n\n      <section className=\"section\">\n        <ProjectList items={projects} />\n      </section>\n    </PageLayout>\n  )\n}\n\nexport default ProjectsPage\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"list\":\"ProjectList-module--list--3UtYR\",\"item\":\"ProjectList-module--item--2OVy0\",\"imageContainer\":\"ProjectList-module--image-container--1xzO9\",\"image\":\"ProjectList-module--image--2o5cp\",\"content\":\"ProjectList-module--content--20m4x\",\"titleLink\":\"ProjectList-module--title-link--_vY54\",\"title\":\"ProjectList-module--title--1o_uh\",\"description\":\"ProjectList-module--description--2wk1W\"};"],"sourceRoot":""}