{"version":3,"sources":["webpack:///./src/components/Project.js","webpack:///./src/components/Projects.js","webpack:///./src/components/Hero.js","webpack:///./src/components/Jobs.js","webpack:///./src/pages/index.js"],"names":["Project","title","github","description","stack","url","image","index","className","fluid","childImageSharp","map","item","key","id","href","target","rel","Projects","projects","showLink","Title","project","to","Hero","useStaticQuery","file","Jobs","jobs","allStrapiJobs","nodes","useState","value","setValue","company","date","desc","position","strapiId","onClick","name","data","allStrapiProjects","Layout","SEO"],"mappings":"iKAgDeA,EA5CC,SAAC,GAA8D,IAA5DC,EAA2D,EAA3DA,MAAOC,EAAoD,EAApDA,OAAQC,EAA4C,EAA5CA,YAAaC,EAA+B,EAA/BA,MAAOC,EAAwB,EAAxBA,IAAKC,EAAmB,EAAnBA,MAAOC,EAAY,EAAZA,MACjE,OACC,6BAASC,UAAU,WACjBF,GAAS,kBAAC,IAAD,CAAOG,MAAOH,EAAMI,gBAAgBD,MAAOD,UAAU,gBAC/D,yBAAKA,UAAU,gBACd,0BAAMA,UAAU,kBAAkBD,EAAQ,GAC1C,4BAAKN,GAAS,iBACd,uBAAGO,UAAU,gBAAgBL,GAC7B,yBAAKK,UAAU,iBACbJ,EAAMO,KAAI,SAAAC,GACV,OACC,0BAAMC,IAAKD,EAAKE,GAAIN,UAAU,eAC5BI,EAAKX,UAIT,yBAAKO,UAAU,iBACbN,GACA,uBAAGa,KAAMb,EAAQc,OAAO,SAASC,IAAI,uBACpC,kBAAC,IAAD,CAAgBT,UAAU,kBAI3BH,GACA,uBAAGU,KAAMV,EAAKW,OAAO,SAASC,IAAI,uBACjC,kBAAC,IAAD,CAAeT,UAAU,uB,YCJlBU,IApBE,SAAC,GAAmC,IAAjCC,EAAgC,EAAhCA,SAAUlB,EAAsB,EAAtBA,MAAOmB,EAAe,EAAfA,SACnC,OACE,6BAASZ,UAAU,oBACjB,kBAACa,EAAA,EAAD,CAAOpB,MAAOA,IACd,yBAAKO,UAAU,kCACZW,EAASR,KAAI,SAACW,EAASf,GACtB,OAAO,kBAAC,EAAD,eAASM,IAAKS,EAAQR,GAAIP,MAAOA,GAAWe,QAGvD,6BACGF,GACC,kBAAC,IAAD,CAAMG,GAAG,YAAYf,UAAU,kBAA/B,gB,uICyBKgB,EAxBF,WACX,IAEuBf,EAEnBgB,YAjBK,cAcPC,KACEhB,gBAAmBD,MAIvB,OACE,4BAAQD,UAAU,QAChB,yBAAKA,UAAU,8BACb,6BAASA,UAAU,aACjB,6BACE,yBAAKA,UAAU,cACf,0CACA,8DACA,kBAAC,IAAD,QAGJ,kBAAC,IAAD,CAAOC,MAAOA,EAAOD,UAAU,gB,wBC8BxBmB,EA5CF,WACZ,IAEyBC,EAFZH,YAjBH,aAmBTI,cAAiBC,MAElB,EAA0BC,mBAAS,GAA5BC,EAAP,KAAcC,EAAd,KACA,EAA0CL,EAAKI,GAAvCE,EAAR,EAAQA,QAASC,EAAjB,EAAiBA,KAAMC,EAAvB,EAAuBA,KAAMC,EAA7B,EAA6BA,SAE7B,OACC,6BAAS7B,UAAU,gBAClB,kBAACa,EAAA,EAAD,CAAOpB,MAAM,eACb,yBAAKO,UAAU,eACd,yBAAKA,UAAU,iBACboB,EAAKjB,KAAI,SAACC,EAAML,GAChB,OACC,4BACCM,IAAKD,EAAK0B,SACV9B,UAAS,YAAaD,IAAUyB,GAAV,cACtBO,QAAS,WACRN,EAAS1B,KAETK,EAAKsB,aAKV,6BAAS1B,UAAU,YAClB,4BAAK6B,GACL,4BAAKH,GACL,uBAAG1B,UAAU,YAAY2B,GACxBC,EAAKzB,KAAI,SAACC,GACV,OACC,yBAAKC,IAAKD,EAAKE,GAAIN,UAAU,YAC5B,kBAAC,IAAD,CAAoBA,UAAU,aAC9B,2BAAII,EAAK4B,c,YC/CF,sBAAe,IAEErB,EAFH,EAAXsB,KAEdC,kBAAqBZ,MAEvB,OACE,kBAACa,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAK3C,MAAM,OAAOE,YAAY,cAC9B,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAACe,EAAA,EAAD,CAAUC,SAAUA,EAAUlB,MAAM,WAAWmB,UAAQ","file":"component---src-pages-index-js-d9dc9e971cd893fe648e.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 = ({ title, github, description, stack, url, image, index }) => {\n\treturn (\n\t\t<article className='project'>\n\t\t\t{image && <Image fluid={image.childImageSharp.fluid} className='project-img' />}\n\t\t\t<div className='project-info'>\n\t\t\t\t<span className='project-number'>{index + 1}</span>\n\t\t\t\t<h3>{title || 'default title'}</h3>\n\t\t\t\t<p className='project-desc'>{description}</p>\n\t\t\t\t<div className='project-stack'>\n\t\t\t\t\t{stack.map(item => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<span key={item.id} className='about-stack'>\n\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t<div className='project-links'>\n\t\t\t\t\t\t{github && (\n\t\t\t\t\t\t\t<a href={github} target='_blank' rel='noopener noreferrer'>\n\t\t\t\t\t\t\t\t<FaGithubSquare className='project-icon' />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{url && (\n\t\t\t\t\t\t\t<a href={url} target='_blank' rel='noopener noreferrer'>\n\t\t\t\t\t\t\t\t<FaShareSquare className='project-icon' />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</article>\n\t);\n};\n\nProject.propTypes = {\n\ttitle: PropTypes.string.isRequired,\n\tgithub: PropTypes.string.isRequired,\n\t// url: PropTypes.string.isRequired,\n\tdescription: PropTypes.string.isRequired,\n\tstack: PropTypes.arrayOf(PropTypes.object).isRequired,\n\timage: 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\";\n\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      <div>\n        {showLink && (\n          <Link to=\"/projects\" className=\"btn center-btn\">\n            projects\n          </Link>\n        )}\n      </div>\n    </section>\n  );\n};\n\nexport default Projects;\n","import React from \"react\";\nimport Image from \"gatsby-image\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport SocialLinks from \"../constants/socialLinks\";\n\nconst query = graphql`\n  {\n    file(relativePath: { eq: \"hero-img.png\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  }\n`;\n\nconst Hero = () => {\n  const {\n    file: {\n      childImageSharp: { fluid },\n    },\n  } = useStaticQuery(query);\n\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 Cletus</h1>\n            <h4>Web Developer & UI/UX Designer</h4>\n            <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, { useState } from 'react';\nimport Title from './Title';\nimport { FaAngleDoubleRight } from 'react-icons/fa';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nconst query = graphql`\n\t{\n\t\tallStrapiJobs(sort: { fields: strapiId, order: DESC }) {\n\t\t\tnodes {\n\t\t\t\tcompany\n\t\t\t\tdate\n\t\t\t\tstrapiId\n\t\t\t\tdesc {\n\t\t\t\t\tid\n\t\t\t\t\tname\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n\nconst Jobs = () => {\n\tconst data = useStaticQuery(query);\n\tconst {\n\t\tallStrapiJobs: { nodes: jobs },\n\t} = data;\n\tconst [value, setValue] = useState(0);\n\tconst { company, date, desc, position } = jobs[value];\n\n\treturn (\n\t\t<section className='section jobs'>\n\t\t\t<Title title='experience' />\n\t\t\t<div className='jobs-center'>\n\t\t\t\t<div className='btn-container'>\n\t\t\t\t\t{jobs.map((item, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tkey={item.strapiId}\n\t\t\t\t\t\t\t\tclassName={`job-btn ${index === value && `active-btn`}`}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetValue(index);\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{item.company}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t<article className='job-info'>\n\t\t\t\t\t<h3>{position}</h3>\n\t\t\t\t\t<h4>{company}</h4>\n\t\t\t\t\t<p className='job-date'>{date}</p>\n\t\t\t\t\t{desc.map((item) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={item.id} className='job-desc'>\n\t\t\t\t\t\t\t\t<FaAngleDoubleRight className='job-icon'></FaAngleDoubleRight>\n\t\t\t\t\t\t\t\t<p>{item.name}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</article>\n\t\t\t</div>\n\t\t</section>\n\t);\n};\n\nexport default Jobs;\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Layout from \"../components/Layout\";\nimport SEO from \"../components/SEO\";\nimport Hero from \"../components/Hero\";\nimport Jobs from \"../components/Jobs\";\nimport Projects from \"../components/Projects\";\n\nexport default ({ data }) => {\n  const {\n    allStrapiProjects: { nodes: projects },\n  } = data;\n  return (\n    <Layout>\n      <SEO title=\"Home\" description=\"Home Page\" />\n      <Hero />\n      <Jobs />\n      <Projects projects={projects} title=\"projects\" showLink />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  {\n    allStrapiProjects(filter: { featured: { eq: true } }) {\n      nodes {\n        github\n        id\n        description\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":""}