{"version":3,"sources":["webpack:///./src/components/HandWave.js","webpack:///./src/components/FingerPoint.js","webpack:///./src/pages/index.js"],"names":["HandWave","aria-labelledby","role","fill","height","viewBox","width","xmlns","id","d","stroke","FingerPoint","clipPath","Hero","theme","useTheme","date","Date","css","colors","text","Container","rhythm","scale","currentDate","Intl","DateTimeFormat","weekday","format","getDayGreeting","Index","data","site","allMdx","featuredArticles","firstArticle","secondArticle","thirdArticle","Layout","map","post","key","marginBottom","transition","color","primary","Link","to","frontmatter","slug","aria-label","title","edges","node","pageQuery"],"mappings":"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","file":"component---src-pages-index-js-423e11ffde4223cabd5e.js","sourcesContent":["import React from 'react'\n\nconst HandWave = () => (\n  <svg\n    aria-labelledby=\"hand-wave\"\n    role=\"img\"\n    fill=\"none\"\n    height=\"42\"\n    viewBox=\"0 0 43 42\"\n    width=\"43\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <title id=\"hand-wave\">Hand waving icon.</title>\n    <path\n      d=\"m17.8424 15.0739-4.2981-5.51597 3.6341-4.6655 11.4908 17.47107 1.3306-.5868-2.5-6.7028 4-1.2973 3.0002 7 .5 5-1.5649 1.7952-5.3751 2.0183-3.8303-5.8237z\"\n      fill=\"#f7cc42\"\n      stroke=\"#f7cc42\"\n    />\n    <path\n      d=\"m5 20.2766 12-15.99999 7 18.99999 8.5-.5 3 3 4 4.5-11 9-5-3.5z\"\n      fill=\"#f7cc42\"\n    />\n    <path d=\"m27 14.5 2.5 7.7766\" stroke=\"#f9b52a\" />\n    <g stroke=\"#000\">\n      <path d=\"m9.5 28c2.1232 2.4022 3.3641 3.6035 5.9825 5.562\" />\n      <path d=\"m7 29c2.81467 3.0498 4.4712 4.5646 8 7\" />\n      <path d=\"m28.9824 11.7388c-2.1232-2.40227-3.3641-3.60355-5.9825-5.56199\" />\n      <path d=\"m31.4824 10.7388c-2.8146-3.04982-4.4712-4.56464-8-7.00003\" />\n    </g>\n    <path d=\"m14.5 7.27661 8 10.99999\" stroke=\"#f9b52a\" />\n    <path d=\"m11.5 11.2766 9 10\" stroke=\"#f9b52a\" />\n    <path d=\"m8.5 15.2766 9 9\" stroke=\"#f9b52a\" />\n    <path d=\"m39.5 30.2766-8-17 3.5 20.5z\" fill=\"#f7cc42\" />\n  </svg>\n)\n\nexport default HandWave\n","import React from 'react'\n\nconst FingerPoint = () => (\n  <svg\n    aria-labelledby=\"finger-point\"\n    role=\"img\"\n    fill=\"none\"\n    height=\"42\"\n    viewBox=\"0 0 43 42\"\n    width=\"43\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <title id=\"finger-point\">Finger pointing icon.</title>\n    <g clipPath=\"url(#clip0)\">\n      <path\n        d=\"M31.8043 19.3637L37.5308 17.8061L38.0002 14.463L20.5278 18.9096L19.9747 17.5645L26.4211 14.4627L24.4352 10.756L17.4222 13.7258L13.5978 16.9852L13.4827 19.3638L15.9607 24.5431L22.9485 21.1135L31.8043 19.3637Z\"\n        fill=\"#F7CC42\"\n        stroke=\"#F7CC42\"\n      />\n      <path\n        d=\"M4.50007 30.9998L26.0001 31.4998L28.0001 20.9998L38.0275 19.0495L38.5005 13.9998L20.4489 18.6135L17.479 16.5536L13.2372 16.6388L7.23514 17.1129L2.50006 18.6135L4.50007 30.9998Z\"\n        fill=\"#F7CC42\"\n      />\n      <path d=\"M27.1792 14.395L18.4492 17.6138\" stroke=\"#F9B52A\" />\n      <path d=\"M38 19L26.0005 21.0724\" stroke=\"#F9B52A\" />\n      <path\n        d=\"M7.2349 17.1129L24.7812 10.3954L8.05542 22.7545L7.2349 17.1129Z\"\n        fill=\"#F7CC42\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0\">\n        <rect width=\"43\" height=\"42\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n)\n\nexport default FingerPoint\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport { css } from '@emotion/core'\nimport Layout from 'components/Layout'\nimport Link from 'components/Link'\nimport { useTheme } from 'components/Theming'\nimport Container from 'components/Container'\nimport { rhythm, scale } from '../lib/typography'\nimport HandWave from 'components/HandWave'\nimport FingerPoint from 'components/FingerPoint'\n\n/**\n * @param date {Date}\n * @description returns \"Happy {weekday}!\"\n */\nfunction getDayGreeting(date) {\n  // Get date\n  const currentDate = new Date(date)\n  // Returns day such as \"Monday\"\n  const day = new Intl.DateTimeFormat('en-US', { weekday: 'long' }).format(\n    currentDate,\n  )\n  return `Happy ${day}!`\n}\n\nconst Hero = () => {\n  const theme = useTheme()\n  const date = new Date()\n\n  return (\n    <section\n      css={css`\n        color: ${theme.colors.text};\n        width: 100%;\n        padding: 0;\n        display: flex;\n      `}\n    >\n      <Container\n        css={css`\n          display: flex;\n          flex-direction: column;\n          padding-bottom: 0;\n        `}\n      >\n        <p\n          css={css`\n            color: ${theme.colors.text};\n            position: relative;\n            z-index: 5;\n            line-height: 1.5;\n            margin-bottom: ${rhythm(0.15)};\n            max-width: ${rhythm(15)};\n            font-weight: 500;\n            ${scale(0.45)};\n          `}\n        >\n          {getDayGreeting(date)} <HandWave />\n        </p>\n        <p>\n          My name's Joe and I like getting people excited to learn, particularly\n          about software development.\n        </p>\n      </Container>\n      <div\n        css={css`\n          height: 150px;\n          overflow: hidden;\n        `}\n      />\n    </section>\n  )\n}\n\nexport default function Index({\n  data: { site, allMdx, firstArticle, secondArticle, thirdArticle },\n}) {\n  const featuredArticles = [firstArticle, secondArticle, thirdArticle]\n  const theme = useTheme()\n  return (\n    <Layout site={site}>\n      <Hero />\n      <Container\n        css={css`\n          padding-bottom: 0;\n        `}\n      >\n        <h2\n          css={css`\n            margin-top: 0;\n          `}\n        >\n          Featured Articles\n        </h2>\n        <p>Articles you should check out first:</p>\n        {featuredArticles.map(post => (\n          <div\n            key={post.id}\n            css={css`\n              margin-bottom: 40px;\n            `}\n          >\n            <h3\n              css={css({\n                marginBottom: rhythm(0.3),\n                transition: 'all 150ms ease',\n                ':hover': {\n                  color: theme.colors.primary,\n                },\n              })}\n            >\n              <Link\n                to={post.frontmatter.slug}\n                aria-label={`View ${post.frontmatter.title}`}\n              >\n                {post.frontmatter.title}\n              </Link>\n            </h3>\n          </div>\n        ))}\n      </Container>\n      <Container\n        css={css`\n          padding-bottom: 0;\n        `}\n      >\n        <h2\n          css={css`\n            margin-top: 0;\n          `}\n        >\n          Latest Articles\n        </h2>\n        <p>Here are some things I’ve written lately:</p>\n        {allMdx.edges.map(({ node: post }) => (\n          <div\n            key={post.id}\n            css={css`\n              margin-bottom: 40px;\n            `}\n          >\n            <h3\n              css={css({\n                marginBottom: rhythm(0.3),\n                transition: 'all 150ms ease',\n                ':hover': {\n                  color: theme.colors.primary,\n                },\n              })}\n            >\n              <Link\n                to={post.frontmatter.slug}\n                aria-label={`View ${post.frontmatter.title}`}\n              >\n                {post.frontmatter.title}\n              </Link>\n            </h3>\n          </div>\n        ))}\n        <Link to=\"/articles\" aria-label=\"Visit articles page\">\n          <FingerPoint /> See all articles\n        </Link>\n        <hr />\n      </Container>\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  fragment BlogPostInfo on Mdx {\n    id\n    frontmatter {\n      title\n      date(formatString: \"MMMM DD, YYYY\")\n      description\n      slug\n    }\n  }\n  query {\n    site {\n      ...site\n      siteMetadata {\n        title\n      }\n    }\n    allMdx(\n      limit: 5\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { published: { ne: false } } }\n    ) {\n      edges {\n        node {\n          id\n          fields {\n            title\n            slug\n            date\n          }\n          parent {\n            ... on File {\n              sourceInstanceName\n            }\n          }\n          frontmatter {\n            title\n            date(formatString: \"MMMM DD, YYYY\")\n            description\n            slug\n          }\n        }\n      }\n    }\n    firstArticle: mdx(fields: { slug: { eq: \"launching-first-product\" } }) {\n      ...BlogPostInfo\n    }\n    secondArticle: mdx(fields: { slug: { eq: \"learn-quickly\" } }) {\n      ...BlogPostInfo\n    }\n    thirdArticle: mdx(fields: { slug: { eq: \"rust-lang-ecosystem\" } }) {\n      ...BlogPostInfo\n    }\n  }\n`\n"],"sourceRoot":""}