component---src-pages-index-js-4581bcc5ac3f7964351c.js.map

{"version":3,"sources":["webpack:///./src/components/page/Blog/post-parts.js","webpack:///./src/assets/images/backend-frontend.jpg","webpack:///./src/components/page/Home/Banner.js","webpack:///./src/components/page/Home/FeaturedBlogPosts.js","webpack:///./src/components/page/Home/FeaturedPortfolioItems.js","webpack:///./src/components/page/Home/About.js","webpack:///./src/pages/index.js","webpack:///./src/assets/images/profile.jpeg"],"names":["PostsList","posts","defaultImage","length","PostListWrapper","map","post","key","route","strapiId","PostSynopsis","styled","ul","srcSet","image","childImageSharp","fluid","defaultSrcSet","to","PostCardWrapper","className","src","alt","Header","title","date","synopsis","header","div","module","exports","Banner","props","Section","img","id","profile","ContactIcons","href","section","FeaturedBlogPosts","FeaturedPortfolioItems","items","defaults","nodes","item","i","screenshot","postImage","name","style","backgroundImage","source","cardText","About","strapiSiteInfo","about","Home","data","hero","pageQuery"],"mappings":"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","file":"component---src-pages-index-js-4581bcc5ac3f7964351c.js","sourcesContent":["import React from 'react';\nimport { Link } from 'gatsby';\nimport styled from 'styled-components';\n\nexport function PostsList({ posts = [], defaultImage }) {\n  return posts.length ? (\n    <PostListWrapper>\n      {posts.map(post => {\n        return (\n          <li key={post.route + post.strapiId}>\n            <PostSynopsis post={post} defaultImage={defaultImage} />\n          </li>\n        );\n      })}\n    </PostListWrapper>\n  ) : null;\n}\n\nconst PostListWrapper = styled.ul`\n  max-width: 1140px;\n  margin: 0 auto 50px;\n  padding: 0;\n  display: flex;\n  flex-wrap: wrap;\n  display: grid;\n  grid-gap: 20px;\n  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n\n  @media (min-width: 756px) {\n    grid-gap: 40px;\n  }\n\n  li {\n    list-style: none;\n    margin: 0 auto;\n    padding: 0;\n  }\n`;\n\nexport function PostSynopsis({ post, defaultImage }) {\n  const srcSet = post?.image?.childImageSharp?.fluid?.srcSet;\n  const defaultSrcSet = defaultImage?.childImageSharp?.fluid?.srcSet;\n  return (\n    <Link to={post.route} key={post.strapiId}>\n      <PostCardWrapper>\n        <img\n          className=\"post-car__img\"\n          src=\"\"\n          srcSet={srcSet || defaultSrcSet}\n          alt=\"\"\n        />\n        <Header className=\"major\">\n          <h2>{post.title}</h2>\n        </Header>\n        <time>{post.date}</time>\n        <p>{post.synopsis}</p>\n      </PostCardWrapper>\n    </Link>\n  );\n}\n\nconst Header = styled.header`\n  margin-bottom: 0 !important;\n`;\n\nconst PostCardWrapper = styled.div`\n  width: auto;\n  height: 100%;\n  flex: 1;\n  border-radius: 5px;\n  margin: 0 20px 20px;\n  padding: 20px;\n  transition: transform 500ms;\n\n  @media (min-width: 756px) {\n  }\n\n  &:hover {\n    transform: scale(1.05);\n    box-shadow: 2px 3px 6px black;\n  }\n\n  .post-car__img {\n    object-fit: cover;\n    width: 100%;\n    height: 200px;\n  }\n\n  time {\n    font-size: 14px;\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/backend-frontend-ed27e10ca3169e060cb92d5911348003.jpg\";","import React from 'react';\nimport styled from 'styled-components';\nimport { ContactIcons } from '../../ContactIcons';\nimport profile from '../../../assets/images/profile.jpeg';\n\nexport default function Banner(props) {\n  return (\n    <Section img={props.img} id=\"banner\" className=\"major\">\n      <div className=\"inner\">\n        <div className=\"banner-wrapper\">\n          <div className=\"profile-wrapper\">\n            <img className=\"profile-picture\" src={profile} alt=\"profile\" />\n          </div>\n\n          <div>\n            <header className=\"major\">\n              <h1>I'm Jared, a Frontend Developer</h1>\n            </header>\n\n            <div className=\"content\">\n              <div>\n                <p>\n                  <strike>\n                    I focus on elegant, clean and efficient code, blah blah...\n                  </strike>\n                  <br />\n                  Let's cut the BS. I balance functionality, learning and\n                  getting things done.\n                </p>\n                <ContactIcons className=\"reset\" />\n              </div>\n              <ul className=\"actions\">\n                <li>\n                  <a\n                    href=\"#featured-portfolio-items\"\n                    className=\"button next scrolly\"\n                  >\n                    View My Work\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Section>\n  );\n}\n\nconst Section = styled.section`\n  background: url(${({ img }) => img}) no-repeat center center fixed;\n  background-size: cover;\n`;\n","import React from 'react';\nimport { Link } from 'gatsby';\nimport styled from 'styled-components';\nimport { PostsList } from '../Blog/post-parts';\n\nexport default function FeaturedBlogPosts({ posts = [], defaultImage }) {\n  return (\n    <Section>\n      <Link to=\"/blog\" className=\"align-center\">\n        <h2 className=\"section-title\">Recent Blog Posts</h2>\n      </Link>\n\n      {posts.length && <PostsList posts={posts} defaultImage={defaultImage} />}\n    </Section>\n  );\n}\n\nconst Section = styled.div`\n  padding: 20px 20px 40px;\n`;\n","import React from 'react';\nimport { graphql, useStaticQuery, Link } from 'gatsby';\nimport ReactMarkdown from 'react-markdown';\n\nexport default function FeaturedPortfolioItems() {\n  const { items, defaults } = useStaticQuery(graphql`\n    query PORTFOLIO_ITEMS {\n      defaults: strapiDefaults {\n        postImage {\n          childImageSharp {\n            fluid {\n              src\n            }\n          }\n        }\n      }\n      items: allStrapiPortfolioItem(filter: { featured: { eq: true } }) {\n        nodes {\n          name\n          route\n          cardText\n          screenshot {\n            childImageSharp {\n              fluid {\n                src\n              }\n            }\n          }\n        }\n      }\n    }\n  `);\n\n  if (!items?.nodes.length) return null;\n  return (\n    <section id=\"featured-portfolio-items\" className=\"tiles\">\n      {items?.nodes?.map((item, i) => {\n        const img =\n          item?.screenshot?.childImageSharp?.fluid?.src ||\n          // item?.screenshot?.publicURL ||\n          defaults?.postImage?.childImageSharp?.fluid?.src;\n\n        return (\n          <article\n            key={i + item?.name}\n            style={{ backgroundImage: `url(${img})` }}\n          >\n            <Link to={item.route} className=\"tile__link\">\n              <header className=\"major\">\n                <h3>{item.name}</h3>\n              </header>\n              <ReactMarkdown source={item.cardText} className=\"tile__content\" />\n            </Link>\n          </article>\n        );\n      })}\n    </section>\n  );\n}\n","/* eslint-disable */\nimport React from 'react';\nimport { graphql, Link, useStaticQuery } from 'gatsby';\nimport ReactMarkdown from 'react-markdown';\n\nexport default function About() {\n  const { strapiSiteInfo, post } = useStaticQuery(graphql`\n    query {\n      strapiSiteInfo {\n        about\n        email\n        siteName\n      }\n      post: strapiBlogPosts(title: { glob: \"How I Got Started\" }) {\n        title\n        route\n      }\n    }\n  `);\n  return (\n    <div className=\"inner\">\n      <header className=\"major\">\n        <h2>About Me</h2>\n      </header>\n      <ReactMarkdown source={strapiSiteInfo.about} />\n\n      <ul className=\"actions\">\n        <li>\n          <Link to={post.route} className=\"button next\">\n            {post.title}\n          </Link>\n        </li>\n      </ul>\n    </div>\n  );\n}\n","/* eslint-disable */\nimport React from 'react';\nimport { graphql } from 'gatsby';\nimport SEO from '../components/seo';\nimport Layout from '../components/layout';\nimport Banner from '../components/page/Home/Banner';\nimport FeaturedBlogPosts from '../components/page/Home/FeaturedBlogPosts';\nimport FeaturedPortfolioItems from '../components/page/Home/FeaturedPortfolioItems';\nimport About from '../components/page/Home/About';\nimport hero from '../assets/images/backend-frontend.jpg';\n\nexport default function Home(props) {\n  const { data } = props;\n  return (\n    <Layout>\n      <SEO title=\"cjaredm - Frontend Developer\" />\n      <Banner img={hero} />\n\n      <FeaturedBlogPosts\n        posts={data?.posts?.nodes}\n        defaultImage={data?.defaults?.postImage}\n      />\n\n      <div id=\"main\">\n        <FeaturedPortfolioItems />\n\n        <section id=\"two\">\n          <About />\n        </section>\n      </div>\n    </Layout>\n  );\n}\n\nexport const pageQuery = graphql`\n  query {\n    strapiSiteInfo {\n      about\n      email\n      siteName\n    }\n\n    defaults: strapiDefaults {\n      postImage {\n        childImageSharp {\n          fluid {\n            src\n            srcSet\n          }\n        }\n      }\n    }\n\n    posts: allStrapiBlogPosts(\n      limit: 3\n      sort: { order: DESC, fields: created_at }\n      filter: { published: { eq: true } }\n    ) {\n      nodes {\n        id\n        strapiId\n        route\n        title\n        synopsis\n        date(formatString: \"MMMM DD, yyyy\")\n        image {\n          childImageSharp {\n            fluid {\n              srcSet\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/profile-e170a72ab0ca43fbfc3ab48a5988a569.jpeg\";"],"sourceRoot":""}