{
	"version": 3,
	"sources": [
		"webpack:///./src/components/Project.js",
		"webpack:///./src/components/Projects.js",
		"webpack:///./src/components/Hero.js",
		"webpack:///./src/constants/services.js",
		"webpack:///./src/components/Jobs.js",
		"webpack:///./src/pages/index.js"
	],
	"names": [
		"Project",
		"description",
		"github",
		"title",
		"url",
		"id",
		"stack",
		"image",
		"index",
		"className",
		"fluid",
		"childImageSharp",
		"map",
		"item",
		"key",
		"href",
		"Projects",
		"projects",
		"showLink",
		"Title",
		"project",
		"to",
		"Hero",
		"file",
		"Jobs",
		"jobs",
		"allStrapiJobs",
		"nodes",
		"React",
		"useState",
		"value",
		"setValue",
		"company",
		"position",
		"date",
		"strapiId",
		"onClick",
		"name",
		"query",
		"data",
		"allStrapiProjects",
		"Layout",
		"SEO"
	],
	"mappings": "2KAiDeA,EA7CC,SAAC,GASV,IARLC,EAQI,EARJA,YACAC,EAOI,EAPJA,OACAC,EAMI,EANJA,MAEAC,GAII,EALJC,GAKI,EAJJD,KACAE,EAGI,EAHJA,MACAC,EAEI,EAFJA,MACAC,EACI,EADJA,MAEA,OACE,6BAASC,UAAU,WAChBF,GACC,kBAAC,IAAD,CAAOG,MAAOH,EAAMI,gBAAgBD,MAAOD,UAAU,gBAEvD,yBAAKA,UAAU,gBACb,0BAAMA,UAAU,kBAAhB,IAAmCD,EAAQ,EAA3C,KACA,4BAAKL,GACL,uBAAGM,UAAU,gBAAgBR,GAC7B,yBAAKQ,UAAU,iBACZH,EAAMM,KAAI,SAAAC,GACT,OAAO,0BAAMC,IAAKD,EAAKR,IAAKQ,EAAKV,WAGrC,yBAAKM,UAAU,iBACb,uBAAGM,KAAMb,GACP,kBAAC,IAAD,CAAgBO,UAAU,kBAE5B,uBAAGM,KAAMX,GACP,kBAAC,IAAD,CAAeK,UAAU,sB,YCXtBO,IAlBE,SAAC,GAAmC,IAAjCC,EAAgC,EAAhCA,SAAUd,EAAsB,EAAtBA,MAAOe,EAAe,EAAfA,SACnC,OACE,6BAAST,UAAU,oBACjB,kBAACU,EAAA,EAAD,CAAOhB,MAAOA,IACd,yBAAKM,UAAU,kCACZQ,EAASL,KAAI,SAACQ,EAASZ,GACtB,OAAO,kBAAC,EAAD,eAASM,IAAKM,EAAQf,GAAIG,MAAOA,GAAWY,QAGtDF,GACC,kBAAC,IAAD,CAAMG,GAAG,YAAYZ,UAAU,kBAA/B,e,mrDC4BOa,EA1BF,WAAO,IAGKZ,EAHN,OAEfa,KACEZ,gBAAmBD,MAGvB,OACE,4BAAQD,UAAU,QAChB,yBAAKA,UAAU,8BACb,6BAASA,UAAU,aACjB,6BACE,yBAAKA,UAAU,cACf,wCACA,+DACA,kBAAC,IAAD,CAAMY,GAAG,WAAWZ,UAAU,OAA9B,cAGA,kBAAC,IAAD,QAGJ,kBAAC,IAAD,CAAOC,MAAOA,EAAOD,UAAU,gB,2BC/B5B,IAMA,IAMA,I,qBCkDIe,EA7CF,WACX,IAE0BC,EAFhB,OAERC,cAAiBC,MAHF,EAKSC,IAAMC,SAAS,GAAlCC,EALU,KAKHC,EALG,OAMgCN,EAAKK,GAA9CE,EANS,EAMTA,QAASC,EANA,EAMAA,SAAUC,EANV,EAMUA,KAAMjC,EANhB,EAMgBA,YACjC,OACE,6BAASQ,UAAU,gBACjB,kBAACU,EAAA,EAAD,CAAOhB,MAAM,eACb,yBAAKM,UAAU,eACb,yBAAKA,UAAU,iBACZgB,EAAKb,KAAI,SAACC,EAAML,GACf,OACE,4BACEM,IAAKD,EAAKsB,SACVC,QAAS,kBAAML,EAASvB,IACxBC,UAAS,YAAaD,IAAUsB,GAAS,eAExCjB,EAAKmB,aAKd,6BAASvB,UAAU,YACjB,4BAAKwB,GACL,4BAAKD,GACL,uBAAGvB,UAAU,YAAYyB,GACxBjC,EAAYW,KAAI,SAAAC,GACf,OACE,yBAAKC,IAAKD,EAAKR,GAAII,UAAU,YAC3B,kBAAC,IAAD,CAAoBA,UAAU,aAC9B,2BAAII,EAAKwB,YAMnB,kBAAC,IAAD,CAAMhB,GAAG,SAASZ,UAAU,kBAA5B,e,oCCtCO6B,GAbE,sBAAe,IAEErB,EAFH,EAAXsB,KAEdC,kBAAqBb,MAEvB,OACE,kBAACc,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAKvC,MAAM,OAAOF,YAAY,0BAC9B,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAACe,EAAA,EAAD,CAAUC,SAAUA,EAAUd,MAAM,oBAAoBe,UAAQ,MAIpD,c",
	"file": "component---src-pages-index-js-056bfd889994ea8601d9.js",
	"sourcesContent": [
		"import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Image from \"gatsby-image\"\nimport { FaGithubSquare, FaShareSquare } from \"react-icons/fa\"\nconst Project = ({\n  description,\n  github,\n  title,\n  id,\n  url,\n  stack,\n  image,\n  index,\n}) => {\n  return (\n    <article className=\"project\">\n      {image && (\n        <Image fluid={image.childImageSharp.fluid} className=\"project-img\" />\n      )}\n      <div className=\"project-info\">\n        <span className=\"project-number\">0{index + 1}.</span>\n        <h3>{title}</h3>\n        <p className=\"project-desc\">{description}</p>\n        <div className=\"project-stack\">\n          {stack.map(item => {\n            return <span key={item.id}>{item.title}</span>\n          })}\n        </div>\n        <div className=\"project-links\">\n          <a href={github}>\n            <FaGithubSquare className=\"project-icon\" />\n          </a>\n          <a href={url}>\n            <FaShareSquare className=\"project-icon\" />\n          </a>\n        </div>\n      </div>\n    </article>\n  )\n}\n\nProject.propTypes = {\n  title: PropTypes.string.isRequired,\n  github: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  image: PropTypes.object.isRequired,\n  stack: PropTypes.arrayOf(PropTypes.object).isRequired,\n}\n\nexport default Project\n",
		"import React from \"react\"\nimport Title from \"./Title\"\nimport Project from \"./Project\"\nimport { Link } from \"gatsby\"\nconst Projects = ({ projects, title, showLink }) => {\n  return (\n    <section className=\"section projects\">\n      <Title title={title} />\n      <div className=\"section-center projects-center\">\n        {projects.map((project, index) => {\n          return <Project key={project.id} index={index} {...project} />\n        })}\n      </div>\n      {showLink && (\n        <Link to=\"/projects\" className=\"btn center-btn\">\n          projects\n        </Link>\n      )}\n    </section>\n  )\n}\n\nexport default Projects\n",
		"import React from \"react\"\nimport Image from \"gatsby-image\"\nimport { Link } from \"gatsby\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport SocialLinks from \"../constants/socialLinks\"\nconst query = graphql`\n  {\n    file(relativePath: { eq: \"about-photo.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  }\n`\nconst Hero = () => {\n  const {\n    file: {\n      childImageSharp: { fluid },\n    },\n  } = useStaticQuery(query)\n  return (\n    <header className=\"hero\">\n      <div className=\"section-center hero-center\">\n        <article className=\"hero-info\">\n          <div>\n            <div className=\"underline\"></div>\n            <h1>I'm John</h1>\n            <h4>Software Engineer | Frontend Engineer</h4>\n            <Link to=\"/contact\" className=\"btn\">\n              contact me\n            </Link>\n            <SocialLinks></SocialLinks>\n          </div>\n        </article>\n        <Image fluid={fluid} className=\"hero-img\" />\n      </div>\n    </header>\n  )\n}\n\nexport default Hero\n",
		"import React from \"react\"\nimport { FaCode, FaSketch, FaAndroid } from \"react-icons/fa\"\nexport default [\n  {\n    id: 1,\n    icon: <FaCode className=\"service-icon\" />,\n    title: \"web development\",\n    text: `I'm baby meditation tofu chillwave, distillery messenger bag thundercats chicharrones kale chips gochujang. Banh mi direct trade marfa salvia.`,\n  },\n  {\n    id: 2,\n    icon: <FaSketch className=\"service-icon\" />,\n    title: \"web design\",\n    text: `I'm baby meditation tofu chillwave, distillery messenger bag thundercats chicharrones kale chips gochujang. Banh mi direct trade marfa salvia.`,\n  },\n  {\n    id: 3,\n    icon: <FaAndroid className=\"service-icon\" />,\n    title: \"app design\",\n    text: `I'm baby meditation tofu chillwave, distillery messenger bag thundercats chicharrones kale chips gochujang. Banh mi direct trade marfa salvia.`,\n  },\n]\n",
		"import React from \"react\"\nimport Title from \"./Title\"\nimport { FaAngleDoubleRight } from \"react-icons/fa\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { Link } from \"gatsby\"\n\nconst query = graphql`\n  {\n    allStrapiJobs(sort: { fields: id, order: ASC }) {\n      nodes {\n        company\n        date\n        description {\n          id\n          name\n        }\n        position\n        strapiId\n      }\n    }\n  }\n`\nconst Jobs = () => {\n  const data = useStaticQuery(query)\n  const {\n    allStrapiJobs: { nodes: jobs },\n  } = data\n  const [value, setValue] = React.useState(0)\n  const { company, position, date, description } = jobs[value]\n  return (\n    <section className=\"section jobs\">\n      <Title title=\"experience\" />\n      <div className=\"jobs-center\">\n        <div className=\"btn-container\">\n          {jobs.map((item, index) => {\n            return (\n              <button\n                key={item.strapiId}\n                onClick={() => setValue(index)}\n                className={`job-btn ${index === value && \"active-btn\"}`}\n              >\n                {item.company}\n              </button>\n            )\n          })}\n        </div>\n        <article className=\"job-info\">\n          <h3>{position}</h3>\n          <h4>{company}</h4>\n          <p className=\"job-date\">{date}</p>\n          {description.map(item => {\n            return (\n              <div key={item.id} className=\"job-desc\">\n                <FaAngleDoubleRight className=\"job-icon\"></FaAngleDoubleRight>\n                <p>{item.name}</p>\n              </div>\n            )\n          })}\n        </article>\n      </div>\n      <Link to=\"/about\" className=\"btn center-btn\">\n        More Info\n      </Link>\n    </section>\n  )\n}\n\nexport default Jobs\n",
		"import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/Layout\"\nimport Hero from \"../components/Hero\"\nimport Services from \"../components/Services\"\nimport Jobs from \"../components/Jobs\"\nimport Projects from \"../components/Projects\"\nimport Blogs from \"../components/Blogs\"\nimport SEO from \"../components/SEO\"\nexport default ({ data }) => {\n  const {\n    allStrapiProjects: { nodes: projects },\n  } = data\n  return (\n    <Layout>\n      <SEO title=\"Home\" description=\"this is our home page\" />\n      <Hero />\n      <Jobs />\n      <Projects projects={projects} title=\"featured projects\" showLink />\n    </Layout>\n  )\n}\nexport const query = graphql`\n  {\n    allStrapiProjects(filter: { featured: { eq: true } }) {\n      nodes {\n        github\n        id\n        description\n        title\n        image {\n          childImageSharp {\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        stack {\n          id\n          title\n        }\n        url\n      }\n    }\n  }\n`\n"
	],
	"sourceRoot": ""
}