component---src-pages-blog-jsx-7c4d8b59a8f4dce45ddf.js.map

{"version":3,"sources":["webpack:///./src/components/section/index.jsx","webpack:///./src/components/summary-item/index.jsx","webpack:///./src/pages/404.jsx","webpack:///./src/components/blog-posts/index.jsx","webpack:///./src/pages/blog.jsx"],"names":["classes","Section","title","children","className","SummaryItem","linkContent","name","description","link","internal","to","href","NotFoundPage","BlogPosts","posts","map","post","key","node","fields","slug","frontmatter","pageQuery","Index","data","allMarkdownRemark","edges","noBlog","length","metadata","site","siteMetadata"],"mappings":"6FAAA,yBAEMA,EACK,sBADLA,EAEG,qCAFHA,EAIF,oFAJEA,EAKK,gEAcIC,IAXC,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SACxB,OACE,yBAAKC,UAAWJ,GACd,yBAAKI,UAAWJ,GACd,wBAAII,UAAWJ,GAAkBE,IAEnC,yBAAKE,UAAWJ,GAAkBG,M,kCChBxC,qCAGMH,EACK,OADLA,EAEE,mCAFFA,EAGS,mCAyBAK,IAtBK,SAAC,GAA2D,IAC1EC,EADiBC,EAAwD,EAAxDA,KAAMC,EAAkD,EAAlDA,YAAkD,IAArCC,YAAqC,aAAvBC,SAQtD,OALEJ,OAH2E,SAG7D,kBAAC,OAAD,CAAMK,GAAIF,GAAOF,GAEjB,uBAAGK,KAAMH,GAAOF,GAI9B,yBAAKH,UAAWJ,GACd,wBACEI,UAAcJ,EAAL,KACPS,EAAO,mCAAqC,KAG7CA,EAAOH,EAAcC,GAExB,uBAAGH,UAAWJ,GAAsBQ,M,kCC1B1C,oEAMMR,EACG,oBADHA,EAEE,YAiBOa,UAdM,kBACnB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKX,MAAM,cACX,wBAAIE,UAAWJ,GAAf,kBACA,sEAC2C,IACzC,kBAAC,OAAD,CAAMI,UAAWJ,EAAcW,GAAG,KAAlC,oBAFF,Q,sICMWG,EAhBG,SAAC,GAAe,IAAbC,EAAY,EAAZA,MACnB,OACE,kBAAC,IAAD,CAASb,MAAM,kBACZa,EAAMC,KAAI,SAACC,GAAD,OACT,kBAAC,IAAD,CACEC,IAAKD,EAAKE,KAAKC,OAAOC,KACtBd,KAAMU,EAAKE,KAAKG,YAAYpB,MAC5BM,YAAaS,EAAKE,KAAKG,YAAYd,YACnCC,KAAMQ,EAAKE,KAAKC,OAAOC,KACvBX,UAAQ,S,gDCcLa,GAFEC,UAjBD,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACTV,EAAQU,EAAKC,kBAAkBC,MAC/BC,GAAUb,IAAUA,EAAMc,OAEhC,OAAKd,GAAUA,EAAMc,OAKnB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAK3B,MAAM,SACX,kBAAC,IAAD,CAAQ4B,SAAUL,EAAKM,KAAKC,gBAC1BJ,GAAU,kBAAC,EAAD,CAAWb,MAAOA,KAPzB,kBAAC,UAAD,OAcW","file":"component---src-pages-blog-jsx-7c4d8b59a8f4dce45ddf.js","sourcesContent":["import React from 'react';\n\nconst classes = {\n  wrapper: 'block pt-12 md:flex',\n  title: 'pb-6 md:w-full md:max-w-150 md:p-0',\n  heading:\n    'font-xs font-light tracking-widest text-sm text-gray-600 leading-normal uppercase',\n  content: 'flex-none text-lg text-gray-600 font-light md:flex-1 md:pl-20',\n};\n\nconst Section = ({ title, children }) => {\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.title}>\n        <h2 className={classes.heading}>{title}</h2>\n      </div>\n      <div className={classes.content}>{children}</div>\n    </div>\n  );\n};\n\nexport default Section;\n","import { Link } from 'gatsby';\nimport React from 'react';\n\nconst classes = {\n  wrapper: 'mb-6',\n  name: 'font-semibold text-gray-900 pb-1',\n  description: 'text-md text-gray-600 font-light',\n};\n\nconst SummaryItem = ({ name, description, link = false, internal = false }) => {\n  let linkContent;\n  if (internal) {\n    linkContent = <Link to={link}>{name}</Link>;\n  } else {\n    linkContent = <a href={link}>{name}</a>;\n  }\n\n  return (\n    <div className={classes.wrapper}>\n      <h3\n        className={`${classes.name} ${\n          link ? 'hover:underline hover:text-black' : ''\n        }`}\n      >\n        {link ? linkContent : name}\n      </h3>\n      <p className={classes.description}>{description}</p>\n    </div>\n  );\n};\n\nexport default SummaryItem;\n","import React from 'react';\nimport { Link } from 'gatsby';\n\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\n\nconst classes = {\n  title: 'text-lg font-bold',\n  link: 'underline',\n};\n\nconst NotFoundPage = () => (\n  <Layout>\n    <SEO title=\"Not found\" />\n    <h1 className={classes.title}>404: Not Found</h1>\n    <p>\n      You just hit a route that doesn't exist.{' '}\n      <Link className={classes.link} to=\"/\">\n        Return to safety\n      </Link>\n      .\n    </p>\n  </Layout>\n);\n\nexport default NotFoundPage;\n","import React from 'react';\n\nimport Section from '../section';\nimport SummaryItem from '../summary-item';\n\nconst BlogPosts = ({ posts }) => {\n  return (\n    <Section title=\"All Blog Posts\">\n      {posts.map((post) => (\n        <SummaryItem\n          key={post.node.fields.slug}\n          name={post.node.frontmatter.title}\n          description={post.node.frontmatter.description}\n          link={post.node.fields.slug}\n          internal\n        />\n      ))}\n    </Section>\n  );\n};\n\nexport default BlogPosts;\n","import { graphql } from 'gatsby';\nimport React from 'react';\n\nimport BlogPosts from '../components/blog-posts';\nimport Header from '../components/header';\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\nimport NotFound from '../pages/404';\n\nconst Index = ({ data }) => {\n  const posts = data.allMarkdownRemark.edges;\n  const noBlog = !posts || !posts.length;\n\n  if (!posts || !posts.length) {\n    return <NotFound />;\n  }\n\n  return (\n    <Layout>\n      <SEO title=\"Blog\" />\n      <Header metadata={data.site.siteMetadata} />\n      {!noBlog && <BlogPosts posts={posts} />}\n    </Layout>\n  );\n};\n\nexport default Index;\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        name\n        title\n        description\n        about\n        author\n        github\n        linkedin\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      edges {\n        node {\n          excerpt\n          fields {\n            slug\n          }\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n            description\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}