{"version":3,"sources":["webpack:///./src/components/Project.js","webpack:///./src/components/Projects.js","webpack:///./src/components/Hero.js","webpack:///./src/pages/index.js","webpack:///./src/components/Blog.js","webpack:///./src/components/Blogs.js"],"names":["Project","title","description","url","github","stack","image","index","className","fluid","childImageSharp","map","item","key","id","name","href","Projects","projects","showLink","Title","project","to","Hero","file","query","data","allStrapiProjects","nodes","blogs","allStrapiBlogs","Layout","SEO","Blogs","Blog","slug","date","Category","blog"],"mappings":"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","file":"component---src-pages-index-js-dd68c6680113bc88fac5.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, description, url, github, stack, image, index }) => {\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.name}</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  description: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  github: 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\"\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      {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\"\n\nconst query = graphql`\n  {\n    file(relativePath: { eq: \"hero-sk.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  return (\n    <header className=\"hero\">\n      <div className=\"section-center hero-center\">\n        <article className=\"hero-info\">\n          <div className=\"underline\"></div>\n          <h1>I'm Karthik</h1>\n          <h4>Tech Product Manager & Full Stack Engineer</h4>\n          <Link to=\"/contact\" className=\"btn\">\n            Contact Me\n          </Link>\n          <SocialLinks />\n        </article>\n        <Image className=\"hero-img\" fluid={fluid} />\n      </div>\n    </header>\n  )\n}\n\nexport default Hero\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/Layout\"\nimport Hero from \"../components/Hero\"\nimport Projects from \"../components/Projects\"\nimport Blogs from \"../components/Blogs\"\nimport SEO from \"../components/SEO\"\n\nexport default ({\n  data: {\n    allStrapiProjects: { nodes: projects },\n    allStrapiBlogs: { nodes: blogs },\n  },\n}) => {\n  return (\n    <Layout>\n      <SEO title=\"Home\" />\n      <Hero />\n      <Projects\n        projects={projects}\n        title=\"featured projects\"\n        showLink\n      ></Projects>\n      <Blogs blogs={blogs} title=\"Latest Articles\" showLink />\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  {\n    allStrapiProjects(filter: { feature: { eq: true } }) {\n      nodes {\n        github\n        feature\n        id\n        image {\n          childImageSharp {\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        stack {\n          id\n          name\n        }\n        title\n        strapiId\n        description\n        url\n      }\n    }\n    allStrapiBlogs(sort: { fields: date, order: DESC }, limit: 3) {\n      nodes {\n        id\n        slug\n        title\n        description\n        strapiId\n        date(formatString: \"MMMM Do, YYYY\")\n        Category\n        image {\n          childImageSharp {\n            fluid {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Image from \"gatsby-image\"\nimport { Link } from \"gatsby\"\nconst Blog = ({ id, slug, title, description, image, date, Category }) => {\n  return (\n    <Link to={`/blogs/${slug}`} key={id} className=\"blog\">\n      <article>\n        {image && (\n          <Image fluid={image.childImageSharp.fluid} className=\"blog-img\" />\n        )}\n        <div className=\"blog-card\">\n          <h4>{title}</h4>\n          <p>{description}</p>\n          <div className=\"blog-footer\">\n            <p>{Category}</p>\n            <p>{date}</p>\n          </div>\n        </div>\n      </article>\n    </Link>\n  )\n}\n\nBlog.propTypes = {\n  id: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  slug: PropTypes.string.isRequired,\n  date: PropTypes.string.isRequired,\n  Category: PropTypes.string.isRequired,\n  image: PropTypes.object.isRequired,\n}\n\nexport default Blog\n","import React from \"react\"\nimport Title from \"./Title\"\nimport Blog from \"./Blog\"\nimport { Link } from \"gatsby\"\nexport const Blogs = ({ blogs, title, showLink }) => {\n  return (\n    <section className=\"section\">\n      <Title title={title} />\n      <div className=\"section-center blogs-center\">\n        {blogs.map(blog => {\n          return <Blog key={blog.id} {...blog} />\n        })}\n      </div>\n      {showLink && (\n        <Link to=\"/blog\" className=\"btn center-btn\">\n          Blog\n        </Link>\n      )}\n    </section>\n  )\n}\nexport default Blogs\n"],"sourceRoot":""}