{"version":3,"sources":["webpack:///./src/components/Images/HIMYM.js","webpack:///./src/pages/applications.js","webpack:///./src/components/Images/Expensify.js","webpack:///./src/components/Images/Indecision.js","webpack:///./src/components/Images/Parakeet.js"],"names":["HIMYM","query","render","data","fluid","app","childImageSharp","Applications","Layout","Helmet","charSet","rel","href","className","target","Parakeet","Expensify","Indecision","style","fontSize","to"],"mappings":"mLAqBeA,EAjBD,kBACZ,kBAAC,IAAD,CACEC,MAAK,aAWLC,OAAQ,SAAAC,GAAI,OAAI,kBAAC,IAAD,CAAKC,MAAOD,EAAKE,IAAIC,gBAAgBF,SAZvD,U,yBCqLaG,UAhLM,SAAC,GAAa,EAAXJ,KACtB,OACE,kBAACK,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,KACE,0BAAMC,QAAQ,UACd,mDACA,0BAAMC,IAAI,YAAYC,KAAK,8CAE7B,yBAAKC,UAAU,eACb,wBAAIA,UAAU,cAAd,gBACA,yBAAKA,UAAU,WACb,yBAAKA,UAAU,cACb,uBACED,KAAK,8BACLE,OAAO,SACPH,IAAI,uBAEJ,kBAACI,EAAA,EAAD,QAGJ,yBAAKF,UAAU,eACb,wBAAIA,UAAU,iBAAd,YACA,uBAAGA,UAAU,gBAAb,4aAUA,uBAAGA,UAAU,gBAAb,0EAEe,KAEf,uBAAGA,UAAU,gBAAb,2BACA,uBACEA,UAAU,YACVD,KAAK,8BACLE,OAAO,UAHT,sBASJ,yBAAKD,UAAU,WACb,yBAAKA,UAAU,cACb,uBACED,KAAK,8CACLE,OAAO,SACPH,IAAI,uBAEJ,kBAACK,EAAA,EAAD,QAGJ,yBAAKH,UAAU,eACb,wBAAIA,UAAU,iBAAd,aACA,uBAAGA,UAAU,gBAAb,4PAMA,uBAAGA,UAAU,gBAAb,4BACA,uBAAGA,UAAU,gBAAb,mEACmE,KAEnE,yBAAKA,UAAU,gBACb,uBACEA,UAAU,YACVD,KAAK,8CACLE,OAAO,UAHT,oBAOA,uBACED,UAAU,YACVD,KAAK,mDACLE,OAAO,UAHT,WAUN,yBAAKD,UAAU,WACb,yBAAKA,UAAU,cACb,uBACED,KAAK,2CACLE,OAAO,SACPH,IAAI,uBAEJ,kBAACM,EAAA,EAAD,QAGJ,yBAAKJ,UAAU,eACb,wBAAIA,UAAU,iBAAd,cACA,uBAAGA,UAAU,gBAAb,kPAMA,uBAAGA,UAAU,gBAAb,2BACA,uBAAGA,UAAU,gBAAb,iDACiD,KAEjD,yBAAKA,UAAU,gBACb,uBACEA,UAAU,YACVD,KAAK,2CACLE,OAAO,UAHT,oBAOA,uBACED,UAAU,YACVD,KAAK,gDACLE,OAAO,UAHT,WAUN,yBAAKD,UAAU,WACb,yBAAKA,UAAU,cACb,uBACED,KAAK,wDACLE,OAAO,SACPH,IAAI,uBAEJ,kBAAC,EAAD,QAGJ,yBAAKE,UAAU,eACb,wBAAIA,UAAU,gBAAgBK,MAAO,CAAEC,SAAU,WAAjD,kCAGA,uBAAGN,UAAU,gBAAb,uQAMA,uBAAGA,UAAU,gBAAb,2BACA,uBAAGA,UAAU,gBAAb,2CAC2C,KAE3C,yBAAKA,UAAU,gBACb,uBACEA,UAAU,YACVD,KAAK,wDACLE,OAAO,UAHT,oBAOA,uBACED,UAAU,YACVD,KAAK,oEACLE,OAAO,UAHT,WAUN,kBAAC,IAAD,CAAMD,UAAU,eAAeO,GAAG,aAChC,6C,wFCnJKJ,IAjBG,kBAChB,kBAAC,IAAD,CACEf,MAAK,aAWLC,OAAQ,SAAAC,GAAI,OAAI,kBAAC,IAAD,CAAKC,MAAOD,EAAKE,IAAIC,gBAAgBF,SAZvD,W,itDCKaa,IAjBI,kBACjB,kBAAC,IAAD,CACEhB,MAAK,aAWLC,OAAQ,SAAAC,GAAI,OAAI,kBAAC,IAAD,CAAKC,MAAOD,EAAKE,IAAIC,gBAAgBF,SAZvD,W,2/CC2BaW,IAjBE,kBACf,kBAAC,IAAD,CACEd,MAAK,YAWLC,OAAQ,SAAAC,GAAI,OAAI,kBAAC,IAAD,CAAKC,MAAOD,EAAKE,IAAIC,gBAAgBF,SAZvD,W","file":"component---src-pages-applications-js-c599824c248f043e01ff.js","sourcesContent":["import React from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst HIMYM = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        app: file(relativePath: { eq: \"photos/USE HIMYM.png\" }) {\n          childImageSharp {\n            fluid(maxWidth: 700) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={data => <Img fluid={data.app.childImageSharp.fluid} />}\n  />\n)\n\nexport default HIMYM\n","import React from \"react\"\nimport Layout from \"../components/Layout\"\nimport { Link } from \"gatsby\"\nimport Expensify from \"../components/Images/Expensify\"\nimport Indecision from \"../components/Images/Indecision\"\nimport HIMYM from \"../components/Images/HIMYM\"\nimport Parakeet from \"../components/Images/Parakeet\"\nimport { Helmet } from \"react-helmet\"\nimport \"./applications.styles.scss\"\n\nconst Applications = ({ data }) => {\n  return (\n    <Layout>\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>William Cheshier</title>\n        <link rel=\"canonical\" href=\"https://williamcheshier.com/applications\" />\n      </Helmet>\n      <div className=\"app-wrapper\">\n        <h1 className=\"app-header\">Applications</h1>\n        <div className=\"app-row\">\n          <div className=\"app-column\">\n            <a\n              href=\"http://www.flyparakeet.com/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <Parakeet />\n            </a>\n          </div>\n          <div className=\"text-column\">\n            <h1 className=\"project-title\">Parakeet</h1>\n            <p className=\"project-text\">\n              Full stack application utilizing React, Redux, Hooks, Node.js,\n              Express, MongoDb, and Styled Components. This web application is\n              designed to help developer teams communicate more effectively on\n              their projects. User authentication and user roles allow teams to\n              store their projects and make live comments and edits to the\n              specific pages they want changed. Currently in production. I am\n              serving as a Jr. Developer on this team.\n            </p>\n\n            <p className=\"project-text\">\n              Tech: React | Redux | Node.js | Express | MongoDB | Styled\n              Components |{\" \"}\n            </p>\n            <p className=\"project-text\">Currently in production</p>\n            <a\n              className=\"app-links\"\n              href=\"http://www.flyparakeet.com/\"\n              target=\"_blank\"\n            >\n              Live application\n            </a>\n          </div>\n        </div>\n        <div className=\"app-row\">\n          <div className=\"app-column\">\n            <a\n              href=\"https://will-s-expensify-app.herokuapp.com/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <Expensify />\n            </a>\n          </div>\n          <div className=\"text-column\">\n            <h1 className=\"project-title\">Expensify</h1>\n            <p className=\"project-text\">\n              A budget applciation designed to help you keep track of your\n              expenses. Built using React, Redux, Node.js, Express, SCSS,\n              testing with Jest, and Firebase. Application stores user data and\n              allows for easy Google authentication process. Give it a try!\n            </p>\n            <p className=\"project-text\">Completed: November 2018</p>\n            <p className=\"project-text\">\n              Tech: React | Redux | Jest | Node.js | Express | Firebase | SCSS{\" \"}\n            </p>\n            <div className=\"app-link-row\">\n              <a\n                className=\"app-links\"\n                href=\"https://will-s-expensify-app.herokuapp.com/\"\n                target=\"_blank\"\n              >\n                Live application\n              </a>\n              <a\n                className=\"app-links\"\n                href=\"https://github.com/wchesh24/Will-s-Expensify-App\"\n                target=\"_blank\"\n              >\n                Repo\n              </a>\n            </div>\n          </div>\n        </div>\n        <div className=\"app-row\">\n          <div className=\"app-column\">\n            <a\n              href=\"https://will-decision-app.herokuapp.com/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <Indecision />\n            </a>\n          </div>\n          <div className=\"text-column\">\n            <h1 className=\"project-title\">Indecision</h1>\n            <p className=\"project-text\">\n              Confused about where to eat tonight? Use the Indecision\n              application! Designed to make your life easier by randomly\n              selecting a list of items to make the decision for you. This\n              application utilized React, Redux, Node.js, Express, and SCSS.\n            </p>\n            <p className=\"project-text\">Completed: October 2018</p>\n            <p className=\"project-text\">\n              Tech: React | Redux | Node.js | Express | SCSS{\" \"}\n            </p>\n            <div className=\"app-link-row\">\n              <a\n                className=\"app-links\"\n                href=\"https://will-decision-app.herokuapp.com/\"\n                target=\"_blank\"\n              >\n                Live application\n              </a>\n              <a\n                className=\"app-links\"\n                href=\"https://github.com/wchesh24/will-decision-app\"\n                target=\"_blank\"\n              >\n                Repo\n              </a>\n            </div>\n          </div>\n        </div>\n        <div className=\"app-row\">\n          <div className=\"app-column\">\n            <a\n              href=\"https://how-i-met-your-mother-quiz-app.herokuapp.com/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <HIMYM />\n            </a>\n          </div>\n          <div className=\"text-column\">\n            <h1 className=\"project-title\" style={{ fontSize: \"2.5rem\" }}>\n              How I Met Your Mother Quiz App\n            </h1>\n            <p className=\"project-text\">\n              A fan of How I Met Your Mother? Play this fun quiz built as a fun\n              project! A list of 10 questions only true HIMYM fans will know!\n              Application built using JavaScript, jQuery, CSS, and HTML5 with\n              some fun animations for user experience. Test your knowledge now!\n            </p>\n            <p className=\"project-text\">Completed: January 2020</p>\n            <p className=\"project-text\">\n              Tech: JavaScript | jQuery | HTML5 | CSS3{\" \"}\n            </p>\n            <div className=\"app-link-row\">\n              <a\n                className=\"app-links\"\n                href=\"https://how-i-met-your-mother-quiz-app.herokuapp.com/\"\n                target=\"_blank\"\n              >\n                Live application\n              </a>\n              <a\n                className=\"app-links\"\n                href=\"https://github.com/wchesh24/how-i-met-your-mother-javascript-quiz\"\n                target=\"_blank\"\n              >\n                Repo\n              </a>\n            </div>\n          </div>\n        </div>\n        <Link className=\"website-link\" to=\"/websites\">\n          <h2>Websites</h2>\n        </Link>\n      </div>\n    </Layout>\n  )\n}\n\nexport default Applications\n// {data.allFile.edges.map(image => (\n//   <Img\n//     className=\"images\"\n//     key={image.id}\n//     fixed={image.node.childImageSharp.fixed}\n//   />\n// ))}\n","import React from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\n/*\n * This component is built using `gatsby-image` to automatically serve optimized\n * images with lazy loading and reduced file sizes. The image is loaded using a\n * `StaticQuery`, which allows us to load the image from directly within this\n * component, rather than having to pass the image data down from pages.\n *\n * For more information, see the docs:\n * - `gatsby-image`: https://gatsby.app/gatsby-image\n * - `StaticQuery`: https://gatsby.app/staticquery\n */\n\nconst Expensify = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        app: file(relativePath: { eq: \"photos/expensify use this.png\" }) {\n          childImageSharp {\n            fluid(maxWidth: 700) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={data => <Img fluid={data.app.childImageSharp.fluid} />}\n  />\n)\n\nexport default Expensify\n","import React from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst Indecision = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        app: file(relativePath: { eq: \"photos/Indecision.1.jpg\" }) {\n          childImageSharp {\n            fluid(maxWidth: 700) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={data => <Img fluid={data.app.childImageSharp.fluid} />}\n  />\n)\n\nexport default Indecision\n","import React from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\n/*\n * This component is built using `gatsby-image` to automatically serve optimized\n * images with lazy loading and reduced file sizes. The image is loaded using a\n * `StaticQuery`, which allows us to load the image from directly within this\n * component, rather than having to pass the image data down from pages.\n *\n * For more information, see the docs:\n * - `gatsby-image`: https://gatsby.app/gatsby-image\n * - `StaticQuery`: https://gatsby.app/staticquery\n */\n\nconst Parakeet = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        app: file(relativePath: { eq: \"photos/parakeet.png\" }) {\n          childImageSharp {\n            fluid(maxWidth: 700) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `}\n    render={data => <Img fluid={data.app.childImageSharp.fluid} />}\n  />\n)\n\nexport default Parakeet\n"],"sourceRoot":""}