{"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/Services.js","webpack:///./src/components/Jobs.js","webpack:///./src/pages/index.js"],"names":["Project","description","title","github","stack","url","image","index","className","fluid","childImageSharp","map","item","key","id","href","Projects","projects","showLink","Title","project","to","Hero","file","icon","text","Services","services","service","Jobs","jobs","allStrapiJobs","nodes","React","useState","value","setValue","company","position","date","details","strapiId","onClick","name","query","data","allStrapiProjects","Layout"],"mappings":"2KAgCeA,EA5BC,SAAC,GAAsD,IAArDC,EAAoD,EAApDA,YAAYC,EAAwC,EAAxCA,MAAMC,EAAkC,EAAlCA,OAAOC,EAA2B,EAA3BA,MAAMC,EAAqB,EAArBA,IAAIC,EAAiB,EAAjBA,MAAMC,EAAW,EAAXA,MACzD,OAAO,6BAASC,UAAU,WACxB,kBAAC,IAAD,CAAOC,MAAOH,EAAMI,gBAAgBD,MAAOD,UAAU,gBACrD,yBAAKA,UAAU,gBACb,0BAAMA,UAAU,kBAAhB,IAAmCD,EAAQ,GAC3C,4BAAKL,GACL,uBAAGM,UAAU,gBAAgBP,GAC7B,yBAAKO,UAAU,iBAEXJ,EAAMO,KAAI,SAACC,GACT,OAAO,0BAAMC,IAAKD,EAAKE,IAAhB,kBAIb,yBAAKN,UAAU,iBACb,uBAAGO,KAAMZ,GACP,kBAAC,IAAD,CAAgBK,UAAU,kBAE5B,uBAAGO,KAAMV,GACP,kBAAC,IAAD,CAAeG,UAAU,sB,YCApBQ,IAnBE,SAAC,GAAiC,IAAhCC,EAA+B,EAA/BA,SAAUf,EAAqB,EAArBA,MAAOgB,EAAc,EAAdA,SAClC,OAAO,6BAASV,UAAU,oBACxB,kBAACW,EAAA,EAAD,CAAOjB,MAAOA,IACd,yBAAKM,UAAU,kCAEXS,EAASN,KAAI,SAACS,EAAQb,GACpB,OAAO,kBAAC,EAAD,eAASM,IAAKO,EAAQN,GAAIP,MAAOA,GAAWa,QAOvDF,GAAY,kBAAC,IAAD,CAAMG,GAAG,YAAYb,UAAU,kBAA/B,gB,6KCmBHc,EAnBF,WAAO,IACYb,EADb,OACVc,KAAMb,gBAAiBD,MAC9B,OACA,4BAAQD,UAAU,QAChB,yBAAKA,UAAU,8BACb,6BAASA,UAAU,aACjB,6BACE,yBAAKA,UAAU,cACf,0CACA,0DACA,kBAAC,IAAD,CAAMa,GAAG,WAAWb,UAAU,OAA9B,cACA,kBAAC,IAAD,QAGJ,kBAAC,IAAD,CAAOC,MAAOA,EAAOD,UAAU,gB,wBC7BtB,GACb,CACEM,GAAI,EACJU,KAAM,kBAAC,IAAD,CAAQhB,UAAU,iBACxBN,MAAO,kBACPuB,KAAK,kJAEP,CACEX,GAAI,EACJU,KAAM,kBAAC,IAAD,CAAUhB,UAAU,iBAC1BN,MAAO,aACPuB,KAAK,kJAEP,CACEX,GAAI,EACJU,KAAM,kBAAC,IAAD,CAAWhB,UAAU,iBAC3BN,MAAO,aACPuB,KAAK,mJCGMC,EAnBE,WACf,OACE,6BAASlB,UAAU,mBACjB,kBAACW,EAAA,EAAD,CAAOjB,MAAM,aACb,yBAAKM,UAAU,kCACZmB,EAAShB,KAAI,SAACiB,GAAW,IACjBd,EAAyBc,EAAzBd,GAAIU,EAAqBI,EAArBJ,KAAMtB,EAAe0B,EAAf1B,MAAOuB,EAAQG,EAARH,KACxB,OAAO,6BAASZ,IAAKC,EAAIN,UAAU,WAChCgB,EACD,4BAAKtB,GACL,yBAAKM,UAAU,cACf,2BAAIiB,U,wBCoDDI,EA5CF,WACX,IAE0BC,EAFhB,OAERC,cAAiBC,MAHF,EAKSC,IAAMC,SAAS,GAAlCC,EALU,KAKHC,EALG,OAM4BN,EAAKK,GAA1CE,EANS,EAMTA,QAASC,EANA,EAMAA,SAAUC,EANV,EAMUA,KAAMC,EANhB,EAMgBA,QACjC,OACE,6BAAShC,UAAU,gBACjB,kBAACW,EAAA,EAAD,CAAOjB,MAAM,eACb,yBAAKM,UAAU,eACb,yBAAKA,UAAU,iBACZsB,EAAKnB,KAAI,SAACC,EAAML,GACf,OACE,4BACEM,IAAKD,EAAK6B,SACVC,QAAS,kBAAMN,EAAS7B,IACxBC,UAAS,YAAaD,IAAU4B,GAAS,eAExCvB,EAAKyB,aAMd,6BAAS7B,UAAU,YACnB,4BAAK8B,GACL,4BAAKD,GACL,uBAAG7B,UAAU,YAAY+B,GAEvBC,EAAQ7B,KAAI,SAACC,GACX,OAAO,yBAAKC,IAAKD,EAAKE,GAAIN,UAAU,YAClC,kBAAC,IAAD,CAAoBA,UAAU,aAC9B,2BAAII,EAAK+B,YAMjB,kBAAC,IAAD,CAAMtB,GAAG,SAASb,UAAU,kBAA5B,e,YC5COoC,G,UATE,sBAAa,IACM3B,EADP,EAAV4B,KACRC,kBAAmBd,MAC1B,OAAO,kBAACe,EAAA,EAAD,KACL,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC/B,EAAA,EAAD,CAAUC,SAAUA,EAAUf,MAAM,oBAAoBgB,UAAQ,MAGlD,e","file":"component---src-pages-index-js-d623310e95cb8409a639.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 = ({description,title,github,stack,url,image,index}) => {\n  return <article className=\"project\">\n    <Image fluid={image.childImageSharp.fluid} className=\"project-img\"/>\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        {\n          stack.map((item)=>{\n            return <span key={item.id}>item.title</span>\n          })\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\nProject.propTypes = {}\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 <section className=\"section projects\">\n    <Title title={title} />\n    <div className=\"section-center projects-center\">\n      {\n        projects.map((project,index)=>{\n          return <Project key={project.id} index={index} {...project}/>\n\n        })\n      }\n\n    </div>\n    {\n      showLink && <Link to=\"/projects\" className=\"btn center-btn\">\n        projects </Link>\n    }\n  </section>\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\"\n// ...GatsbyImageSharpFluid\nconst query = graphql`\n{\n  file(relativePath:{eq:\"heroChoice.png\"}){\n    childImageSharp {\n      fluid{\n        ...GatsbyImageSharpFluid\n      }\n    }\n  }\n}\n`\nconst Hero = () => {\n  const {file:{childImageSharp:{fluid},},} = 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 Njoro</h1>\n          <h4>Seasoned Software Engineer</h4>\n          <Link to='/contact' className=\"btn\">Contact Me</Link>\n          <SocialLinks />\n        </div>\n      </article>\n      <Image fluid={fluid} className=\"hero-img\" />\n    </div>\n  </header>)\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 services from \"../constants/services\"\nconst Services = () => {\n  return (\n    <section className=\"section bg-grey\">\n      <Title title=\"services\"/>\n      <div className=\"section-center services-center\">\n        {services.map((service)=>{\n          const {id, icon, title, text} = service\n          return <article key={id} className=\"service\">\n            {icon}\n            <h4>{title}</h4>\n            <div className=\"underline\"></div>\n            <p>{text}</p>\n            </article>\n        })}\n      </div>\n    </section>\n  )\n}\n\nexport default Services\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: strapiId, order: DESC }) {\n      nodes {\n        strapiId\n        company\n        date\n        position\n        details {\n          id\n          name\n        }\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, details } = 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        {/*Jobs info */}\n        <article className=\"job-info\">\n        <h3>{position}</h3>\n        <h4>{company}</h4>\n        <p className=\"job-date\">{date}</p>\n        {\n          details.map((item)=>{\n            return <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\">More info</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\"\nexport default ({data}) => {\n  const {allStrapiProjects:{nodes:projects},} = data;\n  return <Layout>\n    <Hero />\n    <Services />\n    <Jobs />\n    <Projects projects={projects} title=\"featured projects\" showLink />\n  </Layout>\n}\nexport const query = graphql`\n  {\n    allStrapiProjects(filter: {featured: {eq: true}}) {\n      nodes {\n        description\n        github\n        title\n        url\n        image {\n          childImageSharp {\n            fluid {\n            ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        stack {\n          id\n          title\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}