{"version":3,"file":"component---src-pages-blog-js-0d91b81202a433945f34.js","mappings":"mJAmBA,IAfgB,SAAC,GAAoB,IAAnBA,EAAkB,EAAlBA,OAAQC,EAAU,EAAVA,KAExB,OACE,uBAAKC,UAAU,4BACb,uBAAKA,UAAU,0CACb,sBAAIA,UAAU,YAAaF,GAC1BC,EACE,qBAAGC,UAAU,QAASD,GACtB,S,mECZX,G,QAAe,IAA0B,kDCoBzC,EAfa,WAEX,OACE,uBAAKC,UAAU,iBACb,uBAAKC,IAAKC,IACV,uBAAKF,UAAU,uFAAuFG,MAAO,CAACC,IAAK,QACjH,sBAAIJ,UAAU,8BAAd,WACA,sBAAIA,UAAU,cAAd,2BACA,sBAAIA,UAAU,cAAd,oBACA,sBAAIA,UAAU,cAAd,0B,4ICWR,G,QApBiB,SAAC,GAAY,IAAXK,EAAU,EAAVA,KACjBC,QAAQC,IAAIF,GACZ,IAAQG,EAAgBH,EAAhBG,YACR,OACE,uBACER,UAAU,2BAEV,uBACEA,UAAU,qBACVG,MAAO,CAACM,OAAQ,QAASC,gBAAgB,sBAAuBF,EAAYG,MAApC,QAG1C,uBAAKX,UAAU,aACb,yBAAKQ,EAAYI,MACjB,sBAAIZ,UAAU,WAAYQ,EAAYK,WCgB9C,G,wBArBkB,SAAC,GAAwB,IAAD,EAArBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACnBC,GAAY,UAAAF,EAAKG,KAAKC,oBAAV,eAAwBL,QAAxB,QACZM,EAAQL,EAAKM,kBAAkBC,MAErC,OACE,gBAAC,IAAD,CAAQN,SAAUA,EAAUF,MAAOG,GACnC,gBAAC,IAAD,CAAKH,MAAM,iCACX,gBAACS,EAAA,EAAD,CAASxB,OAAO,OAAOC,KAAM,OAC7B,uBAAKC,UAAU,4FACZmB,EAAMI,KAAI,SAAClB,GACV,OACE,gBAAC,EAAAmB,KAAD,CAAMC,GAAIpB,EAAKqB,OAAOC,KAAMC,SAAS,OACnC,gBAAC,EAAD,CAAUvB,KAAMA","sources":["webpack://gatsby-starter-blog/./src/components/SubHero.js","webpack://gatsby-starter-blog/./src/images/bg.svg","webpack://gatsby-starter-blog/./src/components/home/Hero.js","webpack://gatsby-starter-blog/./src/components/BlogCard.js","webpack://gatsby-starter-blog/./src/pages/blog.js"],"sourcesContent":["import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\n\nconst SubHero = ({header, copy}) => {\n\n  return (\n    <div className=\"relative subHeader py-44\">\n      <div className=\"text-white text-center max-w-xl m-auto\">\n        <h1 className=\"text-5xl\">{ header }</h1>\n        {copy\n         ? <p className=\"pt-8\">{ copy }</p>\n         : null\n       }\n      </div>\n    </div>\n  )\n}\n\nexport default SubHero\n","export default __webpack_public_path__ + \"static/bg-71685bf2a07709bf9da6a3087586e616.svg\";","import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport Bg  from '../../images/bg.svg'\n\nconst Hero = () => {\n\n  return (\n    <div className=\"relative Hero\">\n      <img src={Bg} />\n      <div className=\"absolute text-center flex flex-col w-full h-full justify-center text-3xl md:text-5xl\" style={{top: \"0px\"}}>\n        <h2 className=\"text-secondary header-bold\">Welcome</h2>\n        <h2 className=\"text-white\">We Build Great Software</h2>\n        <h2 className=\"text-white\">Awesome Websites</h2>\n        <h2 className=\"text-white\">And Killer Content</h2>\n      </div>\n    </div>\n  )\n}\n\nexport default Hero\n","import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport Logo from \"../images/logo.png\"\n\nconst BlogCard = ({post}) => {\n  console.log(post)\n  const { frontmatter } = post;\n  return (\n    <div\n      className=\"BlogCard transition-all\"\n    >\n      <div\n        className=\"bg-cover bg-center\"\n        style={{height: \"215px\", backgroundImage: `url('/images/posts/${frontmatter.image}')`}}\n      >\n      </div>\n      <div className=\"py-4 px-2\">\n        <p>{ frontmatter.date }</p>\n        <h3 className=\"text-xl\">{ frontmatter.title }</h3>\n      </div>\n    </div>\n  )\n}\n\nexport default BlogCard\n","import * as React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\nimport Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\n\nimport Hero from \"../components/home/Hero\"\nimport SubHero from \"../components/SubHero\"\nimport BlogCard from \"../components/BlogCard\"\nimport Work from \"../components/home/Work\"\nimport Blog from \"../components/home/Blog\"\nimport Process from \"../components/home/Process\"\n\nconst BlogIndex = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const posts = data.allMarkdownRemark.nodes\n\n  return (\n    <Layout location={location} title={siteTitle}>\n    <Seo title=\"Total Web Connections | Blog\" />\n    <SubHero header=\"Blog\" copy={null}/>\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 max-w-5xl m-auto py-16 px-4 md:px-0\">\n      {posts.map((post) => {\n        return (\n          <Link to={post.fields.slug} itemProp=\"url\">\n            <BlogCard post={post}/>\n          </Link>\n        )\n      })}\n    </div>\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      nodes {\n        excerpt\n        fields {\n          slug\n        }\n        frontmatter {\n          date(formatString: \"MMMM DD, YYYY\")\n          title\n          description\n          image\n        }\n      }\n    }\n  }\n`\n"],"names":["header","copy","className","src","Bg","style","top","post","console","log","frontmatter","height","backgroundImage","image","date","title","data","location","siteTitle","site","siteMetadata","posts","allMarkdownRemark","nodes","SubHero","map","Link","to","fields","slug","itemProp"],"sourceRoot":""}