{"version":3,"file":"component---src-templates-blog-post-js-af950b8f14358e721097.js","mappings":"6HAqBA,IArBe,CACbA,UAAW,CACT,CACEC,KAAM,WACNC,KAAM,aAER,CACED,KAAM,aACNC,KAAM,kB,6ECJG,SAASC,EAAIC,GAC1B,IAAQJ,EAAcI,EAAdJ,UACR,OACE,uBAAKK,UAAU,OACb,uBAAKA,UAAU,iBACb,uBAAKA,UAAU,SACb,gBAAC,EAAAC,KAAD,CAAMD,UAAU,aAAaE,GAAG,KAC9B,uBAAKC,ICXjB,i4FDWkCH,UAAU,UAAUI,IAAI,gBAIlD,uBAAKJ,UAAU,SACXL,EAAUU,KAAI,SAAAR,GAAI,OAClB,gBAAC,EAAAI,KAAD,CAAMK,IAAKT,EAAKD,KAAMM,GAAIL,EAAKA,KAAMU,gBAAgB,UAClDV,EAAKD,SAGV,qBAAGY,KAAK,mCAAmCC,OAAO,SAASC,IAAI,uBAA/D,iB,uDETV,SAASC,EAAT,GAAkD,IAAnCC,EAAkC,EAAlCA,YAAaC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,KAAMC,EAAS,EAATA,MAC9BC,GAASC,EAAAA,EAAAA,gBAAe,YAAxBD,KAcFE,EAAkBN,GAAeI,EAAKG,aAAaP,YAEzD,OACE,gBAAC,IAAD,CACEQ,eAAgB,CACdP,KAAAA,GAEFE,MAAOA,EACPD,KAAM,CACJ,CACElB,KAAK,cACLyB,QAASH,GAEX,CACEI,SAAS,WACTD,QAASN,GAEX,CACEO,SAAS,iBACTD,QAASH,GAEX,CACEI,SAAS,UACTD,QAAQ,WAEV,CACEzB,KAAK,eACLyB,QAAQ,WAEV,CACEzB,KAAK,kBACLyB,QAASL,EAAKG,aAAaI,QAE7B,CACE3B,KAAK,gBACLyB,QAASN,GAEX,CACEnB,KAAK,sBACLyB,QAASH,IAEXM,OAAOV,KAKfH,EAAIc,aAAe,CACjBZ,KAAK,KACLC,KAAM,GACNF,YAAY,IAUd,O,wHChFMc,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAmBH,OAnBGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJC,OAAA,WACE,MAAsCC,KAAK7B,MAAlB8B,GAAzB,EAAQC,SAAR,EAAkBf,MAAlB,EAAyBc,UAGzB,OACE,uBACEE,MAAO,CACLC,WAAW,OACXC,YAAY,OACZC,UAAW,OACXC,SAAU,QACVC,QAAS,uBAGX,gBAAC,IAAD,CAAKzC,UAAW0C,EAAAA,EAAAA,YAChB,4BAAOR,KAGZ,EAnBGH,CAAmBY,EAAAA,WAsBzB,I,UCtBMC,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAqEH,OArEGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJZ,OAAA,WACE,IAAMa,EAAOZ,KAAK7B,MAAM0C,KAAKC,eAEvBC,GADOf,KAAK7B,MAAM0C,KAAKC,eACXd,KAAK7B,MAAM0C,KAAKzB,KAAKG,aAAaJ,OACpD,EAA2Ba,KAAK7B,MAAM6C,YAA9BC,EAAR,EAAQA,SAAUC,EAAlB,EAAkBA,KAElB,OACE,gBAAC,EAAD,CAAYhB,SAAUF,KAAK7B,MAAM+B,SAAUf,MAAO4B,GAChD,gBAAC,IAAD,CACE5B,MAAOyB,EAAKO,YAAYhC,MACxBH,YAAa4B,EAAKO,YAAYnC,aAAe4B,EAAKQ,UAEpD,+BACE,8BACE,sBACEjB,MAAO,CACLkB,aAAc,IAGfT,EAAKO,YAAYhC,OAEpB,qBACEgB,MAAO,CACLmB,QAAQ,UAGTV,EAAKO,YAAYI,OAGtB,2BAASC,wBAAyB,CAAEC,OAAQb,EAAKc,QACjD,sBACEvB,MAAO,MAOX,qFAA4D,qBAAGvB,KAAK,kCAAkCE,IAAI,sBAAsBD,OAAO,UAA3E,gBAA5D,+BAA4L,gBAAC,EAAAR,KAAD,CAAMC,GAAG,cAAT,aAA5L,iCACA,2BACE,sBACEF,UAAU,cACV+B,MAAO,CACLmB,QAAQ,OACRK,SAAS,OACTC,eAAe,gBACfC,UAAU,OACVrB,QAAS,IAGX,0BACGS,GACC,gBAAC,EAAA5C,KAAD,CAAMC,GAAI2C,EAASa,OAAOC,KAAMjD,IAAI,QAApC,aACamC,EAASE,YAAYhC,QAItC,sBAAIf,UAAU,eACX8C,GACC,gBAAC,EAAA7C,KAAD,CAAMC,GAAI4C,EAAKY,OAAOC,KAAMjD,IAAI,QAAhC,SACSoC,EAAKC,YAAYhC,YAQvC,EArEGwB,CAAyBD,EAAAA,WAwE/B","sources":["webpack://gatsby-starter-blog/./data/config.js","webpack://gatsby-starter-blog/./src/components/nav.js","webpack://gatsby-starter-blog/./content/assets/elbaums-logo.svg","webpack://gatsby-starter-blog/./src/components/seo.js","webpack://gatsby-starter-blog/./src/components/blog-layout.js","webpack://gatsby-starter-blog/./src/templates/blog-post.js"],"sourcesContent":["const config = {\n  menuLinks: [\n    {\n      name: 'Articles',\n      link: '/articles',\n    },\n    {\n      name: 'Newsletter',\n      link: '/newsletter',\n    },\n    // {\n    //   name: '💰 Salary Negotiation',\n    //   link: '/salary-negotation/',\n    // },\n    // {\n    //   name: '👋 Contact',\n    //   link: '/contact/',\n    // },\n  ],\n};\n\nexport default config","import { Link } from \"gatsby\"\nimport React from \"react\"\nimport elbaumLogo from '../../content/assets/elbaums-logo.svg'\n\nexport default function Nav(props) {\n  const { menuLinks } = props\n  return (\n    <nav className=\"nav\">\n      <div className=\"nav-container\">\n        <div className=\"brand\">\n          <Link className=\"brand-link\" to=\"/\">\n            <img src={elbaumLogo} className=\"favicon\" alt=\"Coder Guy\" />\n            {/* <span className=\"text\">Peter Elbaum</span> */}\n          </Link>\n        </div>\n        <div className=\"links\">\n          { menuLinks.map(link => (\n            <Link key={link.name} to={link.link} activeClassName=\"active\">\n              {link.name}\n            </Link>\n          ))}\n          <a href=\"https://peterelbaum.gumroad.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Products</a>\n        </div>\n        {/* <div\n          style={{\n            display: `flex`,\n          }}\n        >\n          <a className=\"social-link\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://www.youtube.com/channel/UCPcyffOFc7YGyDgqmvZJs7Q\" style={{ marginLeft: '15px', marginTop: '5px' }}><img src={youtubeLogo}/></a>\n          <a className=\"social-link\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://github.com/elbaumpj\" style={{ marginLeft: '15px', marginTop: '5px' }}><img src={githubLogo}/></a>\n          <a className=\"social-link\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://twitter.com/peterelbaum\" style={{ marginLeft: '15px', marginTop: '5px' }}><img src={twitterLogo}/></a>\n          <a className=\"social-link\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://www.linkedin.com/in/peter-elbaum/\" style={{ marginLeft: '15px', marginTop: '5px' }}><img src={linkedinLogo}/></a>\n        </div>  */}\n      </div>\n    </nav>\n  )\n}","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMDAgMTAwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3Qye2NsaXAtcGF0aDp1cmwoI1NWR0lEXzZfKTt9Cgkuc3Qze2NsaXAtcGF0aDp1cmwoI1NWR0lEXzhfKTtmaWxsOiMxNTZDQjQ7fQoJLnN0NHtmaWxsOiNGRUM5NzM7fQo8L3N0eWxlPgo8Zz4KCTxkZWZzPgoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgeD0iMi40IiB5PSItMC42IiB3aWR0aD0iOTk2LjYiIGhlaWdodD0iOTk2LjYiLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPGcgY2xhc3M9InN0MCI+CgkJPGc+CgkJCTxkZWZzPgoJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSItMS45IiB5PSItMC42IiB3aWR0aD0iMTAwMi40IiBoZWlnaHQ9Ijk5OC4xIi8+CgkJCTwvZGVmcz4KCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+CgkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPgoJCQk8L2NsaXBQYXRoPgoJCQk8ZyBjbGFzcz0ic3QxIj4KCQkJCTxkZWZzPgoJCQkJCTxwYXRoIGlkPSJTVkdJRF81XyIgZD0iTTk5OSw0OTcuN0M5OTksNzcyLjksNzc1LjksOTk2LDUwMC43LDk5NkMyMjUuNSw5OTYsMi40LDc3Mi45LDIuNCw0OTcuN0MyLjQsMjIyLjUsMjI1LjUtMC42LDUwMC43LTAuNgoJCQkJCQlDNzc1LjktMC42LDk5OSwyMjIuNSw5OTksNDk3LjciLz4KCQkJCTwvZGVmcz4KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPgoJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzVfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+CgkJCQk8L2NsaXBQYXRoPgoJCQkJPGcgY2xhc3M9InN0MiI+CgkJCQkJPGRlZnM+CgkJCQkJCTxyZWN0IGlkPSJTVkdJRF83XyIgeD0iMi40IiB5PSItMC42IiB3aWR0aD0iOTk4LjEiIGhlaWdodD0iOTk4LjEiLz4KCQkJCQk8L2RlZnM+CgkJCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF84XyI+CgkJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzdfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+CgkJCQkJPC9jbGlwUGF0aD4KCQkJCQk8cmVjdCB4PSItMTkiIHk9Ii0yMiIgY2xhc3M9InN0MyIgd2lkdGg9IjEwMzkuNSIgaGVpZ2h0PSIxMDM5LjUiLz4KCQkJCTwvZz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMTcuMSw1MjJ2MTE2LjhoLTY4LjNWMzA3LjNoMTI5LjNjMjQuOSwwLDQ2LjgsNC42LDY1LjcsMTMuN2MxOC45LDkuMSwzMy40LDIyLDQzLjYsMzguOAoJCWMxMC4yLDE2LjgsMTUuMywzNS45LDE1LjMsNTcuMmMwLDMyLjUtMTEuMSw1OC4xLTMzLjMsNzYuOGMtMjIuMiwxOC43LTUzLDI4LjEtOTIuMywyOC4xSDIxNy4xeiBNMjE3LjEsNDY2LjdoNjEKCQljMTguMSwwLDMxLjgtNC4yLDQxLjMtMTIuN2M5LjUtOC41LDE0LjItMjAuNiwxNC4yLTM2LjRjMC0xNi4yLTQuOC0yOS40LTE0LjMtMzkuNGMtOS42LTEwLTIyLjgtMTUuMi0zOS42LTE1LjVoLTYyLjZWNDY2Ljd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNDI3LjgsNjY3LjJoLTI0LjhsMTM4LjQtMzU5LjloMjQuNkw0MjcuOCw2NjcuMnoiLz4KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04MzguMiw0OTUuMUg3MDcuMXY4OC44aDE1My45djU0LjlINjM4LjhWMzA3LjNoMjIxLjd2NTUuM0g3MDcuMXY3OWgxMzEuMVY0OTUuMXoiLz4KPC9nPgo8L3N2Zz4K\"","/**\n * SEO component that queries for data with\n *  Gatsby's useStaticQuery React hook\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Helmet from \"react-helmet\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction SEO({ description, lang, meta, title }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            author\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      meta={[\n        {\n          name: `description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:title`,\n          content: title,\n        },\n        {\n          property: `og:description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary`,\n        },\n        {\n          name: `twitter:creator`,\n          content: site.siteMetadata.author,\n        },\n        {\n          name: `twitter:title`,\n          content: title,\n        },\n        {\n          name: `twitter:description`,\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  description: ``,\n}\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport Nav from \"./nav\"\nimport config from '../../data/config'\n\nclass BlogLayout extends React.Component {\n  render() {\n    const { location, title, children } = this.props\n    const rootPath = `${__PATH_PREFIX__}/`\n\n    return (\n      <div\n        style={{\n          marginLeft: `auto`,\n          marginRight: `auto`,\n          marginTop: '60px',\n          maxWidth: '42rem',\n          padding: '2.625rem 1.3125rem',\n        }}\n      >\n        <Nav menuLinks={config.menuLinks} />\n        <main>{children}</main>\n      </div>\n    )\n  }\n}\n\nexport default BlogLayout\n","import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\nimport BlogLayout from \"../components/blog-layout\"\nimport SEO from \"../components/seo\"\n\nclass BlogPostTemplate extends React.Component {\n  render() {\n    const post = this.props.data.markdownRemark\n    const tags = this.props.data.markdownRemark\n    const siteTitle = this.props.data.site.siteMetadata.title\n    const { previous, next } = this.props.pageContext\n\n    return (\n      <BlogLayout location={this.props.location} title={siteTitle}>\n        <SEO\n          title={post.frontmatter.title}\n          description={post.frontmatter.description || post.excerpt}\n        />\n        <article>\n          <header>\n            <h1\n              style={{\n                marginBottom: 0,\n              }}\n            >\n              {post.frontmatter.title}\n            </h1>\n            <p\n              style={{\n                display: `block`,\n              }}\n            >\n              {post.frontmatter.date}\n            </p>\n          </header>\n          <section dangerouslySetInnerHTML={{ __html: post.html }} />\n          <hr\n            style={{\n            }}\n          />\n          {/* <footer>\n            <Bio />\n          </footer> */}\n        </article>\n        <p>I hope you found this article helpful! Hit me on Twitter <a href=\"https://twitter.com/peterelbaum\" rel=\"noopener noreferrer\" target=\"_blank\">@peterelbaum</a> to share your thoughts and <Link to=\"/subscribe\">subscribe</Link> for more articles like this.</p>\n        <nav>\n          <ul\n            className=\"footer-list\"\n            style={{\n              display: `flex`,\n              flexWrap: `wrap`,\n              justifyContent: `space-between`,\n              listStyle: `none`,\n              padding: 0,\n            }}\n          >\n            <li>\n              {previous && (\n                <Link to={previous.fields.slug} rel=\"prev\">\n                  Previous: {previous.frontmatter.title}\n                </Link>\n              )}\n            </li>\n            <li className=\"footer-link\">\n              {next && (\n                <Link to={next.fields.slug} rel=\"next\">\n                  Next: {next.frontmatter.title}\n                </Link>\n              )}\n            </li>\n          </ul>\n        </nav>\n      </BlogLayout>\n    )\n  }\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n      }\n    }\n  }\n`\n"],"names":["menuLinks","name","link","Nav","props","className","Link","to","src","alt","map","key","activeClassName","href","target","rel","SEO","description","lang","meta","title","site","useStaticQuery","metaDescription","siteMetadata","htmlAttributes","content","property","author","concat","defaultProps","BlogLayout","render","this","children","location","style","marginLeft","marginRight","marginTop","maxWidth","padding","config","React","BlogPostTemplate","post","data","markdownRemark","siteTitle","pageContext","previous","next","frontmatter","excerpt","marginBottom","display","date","dangerouslySetInnerHTML","__html","html","flexWrap","justifyContent","listStyle","fields","slug"],"sourceRoot":""}