{"version":3,"sources":["webpack:///./src/pages/uses.js"],"names":["ToolsList","styled","ul","UsesPage","props","data","errors","console","log","page","myInfo","mainImage","Error","currentPage","title","href","target","name","detail","link"],"mappings":"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","file":"component---src-pages-uses-js-4b4750aa013fa3bf9f2b.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport Img from \"gatsby-image\"\nimport { graphql } from 'gatsby'\nimport BlockContent from '../components/block-content'\nimport GraphQLErrorList from '../components/graphql-error-list'\nimport SEO from '../components/seo'\nimport Layout from '../containers/layout'\nimport { ContainerFullWidth, ContainerBodyWidth, ContainerMain } from '../containers'\nimport { H1, H2, H3, H4, H5, Paragraph } from '../components'\nimport ListItem from '../components/list-item'\n\nconst ToolsList = styled.ul`\n  /* list-style: none; */\n  /* padding: 0; */\n`\n\nconst UsesPage = props => {\n  const { data, errors } = props\n  console.log(data)\n\n  if (errors) {\n    return (\n      <Layout>\n        <GraphQLErrorList errors={errors} />\n      </Layout>\n    )\n  }\n\n  const page = data && data.page\n  const profileImage = data && data.myInfo.mainImage\n\n  if (!page) {\n    throw new Error(\n      'Missing \"About\" page data. Open the studio at http://localhost:3333 and add \"About\" page data and restart the development server.'\n    )\n  }\n\n  return (\n    <Layout currentPage='uses'>\n      <SEO title={page.title} />\n      <ContainerMain>\n        <H1>Uses</H1>\n        <p>Inspired by <a href=\"https://uses.tech/\" target=\"_blank\">uses.tech</a> by <a href=\"https://wesbos.com/\" target=\"_blank\">Wes Bos</a>. \n          These are the tools I use to build apps and sites.\n        </p>\n        <H2>Hardware</H2>\n        <ToolsList>\n          <ListItem name='MacBook Pro' detail='Late 2013 Retina 15 inch' link='https://manuel.bernhardt.io/2019/06/07/why-im-still-using-a-macbook-pro-late-2013/' />\n          <ListItem name='32inch 4k monitor' detail='AOC' link='https://www.amazon.com/gp/product/B01N8ZIWM3/ref=ppx_yo_dt_b_asin_title_o06_s00?ie=UTF8&psc=1' />\n          <ListItem name='Sony MDR7506 Headphone' link='https://www.amazon.com/Sony-MDR7506-Professional-Diaphragm-Headphone/dp/B000AJIF4E/'  />\n        </ToolsList>\n\n        <H2>Software</H2>\n        <H3>Development</H3>\n        <ToolsList>\n          <ListItem name='VS Code' detail='Editor' link='https://code.visualstudio.com/' />\n          <ListItem name='Hyper' detail='Terminal' link='https://hyper.is/' />\n          <ListItem name='Notion.so' detail='Organization' link='https://www.notion.so/' />\n          <ListItem name='Airtable' detail='Organization' link='https://airtable.com/' />\n\n        </ToolsList>\n\n        <H3>Frameworks & Libraries</H3>\n        <ToolsList>\n          <ListItem name='React' detail='Javascript UI Library' link='https://reactjs.org/' />\n          <ListItem name='Redux' detail='State management' link='https://redux.js.org/' />\n          <ListItem name='Next.js' detail='Framework for React apps' link='https://nextjs.org/' />\n          <ListItem name='Gatsby.js' detail='Framework for React static sites' link='https://www.gatsbyjs.org/' />\n          <ListItem name='Node.js' detail='Javascript Runtime' link='https://nodejs.org/en/' />\n          <ListItem name='Express.js' detail='Web framework for Node.js' link='https://expressjs.com/' />\n        </ToolsList>\n        <H3>Data</H3>\n        <ToolsList>\n          <ListItem name='Sanity.io' detail='Headless CMS' link='https://www.sanity.io/' />\n          <ListItem name='MongoDB' detail='NoSQL database' link='https://www.mongodb.com/' />\n          <ListItem name='D3.js' detail='Javascript library for data visualization' link='https://d3js.org/' />\n        </ToolsList>\n        <H3>Design tools and libraries</H3>\n        <ToolsList>\n          <ListItem name='Sketch App' detail='User Interface design' link='https://www.sketch.com/' />\n          <ListItem name='Styled Components' detail='CSS-in-JS Library for React' link='https://styled-components.com/' />\n          <ListItem name='Framer Motion' detail='Animation library for React' link='https://www.framer.com/motion/' />\n          <ListItem name='SASS' detail='CSS with superpowers' link='https://sass-lang.com/' />\n        </ToolsList>\n        <H3>Deployment</H3>\n        <ToolsList>\n          <ListItem name='Netlify' detail='JAMstack, serverless, Global CDN' link='https://www.netlify.com/' />\n          <ListItem name='Zeit Now' detail='JAMstack, serverless, Global CDN' link='https://zeit.co/home' />\n          <ListItem name='Heroku' detail='Platform-as-a-service' link='https://www.heroku.com/home' />\n        </ToolsList>\n        <H3>Typefaces</H3>\n        <ToolsList>\n          <ListItem name='IBM Plex Sans' link='https://fonts.google.com/specimen/IBM+Plex+Sans' />\n          <ListItem name='IBM Plex Mono' link='https://fonts.google.com/specimen/IBM+Plex+Mono' />\n          <ListItem name='IBM Plex Serif' link='https://fonts.google.com/specimen/IBM+Plex+Serif' />\n          <ListItem name='Inter' link='https://fonts.google.com/specimen/Inter' />\n          <ListItem name='Playfair Display' link='https://fonts.google.com/specimen/Playfair+Display' />\n        </ToolsList>\n\n      </ContainerMain>\n    </Layout>\n  )\n}\n\nexport default UsesPage\n\nexport const query = graphql`\n  query UsesPageQuery {\n    page: sanityPage(_id: { regex: \"/(drafts.|)about/\" }) {\n      id\n      title\n      _rawBody\n    }\n    people: allSanityPerson {\n      edges {\n        node {\n          id\n          image {\n            asset {\n              _id\n            }\n          }\n          name\n          _rawBio\n        }\n      }\n    }\n    myInfo: sanityMyInfo {\n      mainImage {\n        asset {\n          fluid {\n            base64\n            aspectRatio\n            src\n            srcSet\n            srcWebp\n            srcSetWebp\n            sizes\n          }\n        }\n        alt\n      }\n    }\n  }\n`\n"],"sourceRoot":""}