{"version":3,"file":"component---src-pages-writing-en-us-tsx-7501fa571fe3d41a9f84.js","mappings":"4NAGaA,EAAiB,SAAC,GAIzB,UAHJC,EAGI,EAHJA,KAIA,OACE,uBAAKC,UAAU,4DACb,0BAAKD,EAAKE,OACV,uBAAKD,UAAU,aACb,yCAAOD,EAAKG,cAAZ,aAAO,EAAaC,MACpB,qBAAGH,UAAU,QACVD,EAAKK,YADR,KACuB,IACpBL,EAAKM,YAAiBN,EAAKM,YAA3B,OAA+C,KAGpD,mCAAIN,EAAKO,YAAT,iBAAI,EAAWC,2BAAf,aAAI,EAAgCC,W,SCP7BC,EAAuB,SAAC,GAQ/B,IAPJV,EAOI,EAPJA,KACAW,EAMI,EANJA,SAMI,IALJC,OAAAA,OAKI,MALK,QAKL,EACJ,OAAKZ,EAAKa,MAIR,uBACEZ,UAAU,0CACVa,MAAO,CAAEC,gBAAiB,OAAOC,EAAAA,EAAT,MAExB,gBAAC,IAAD,CAAKd,MAAK,8BACV,wBAAMD,UAAU,6EACd,gBAAC,IAAD,CAAYU,SAAUA,EAAUM,MAAI,EAACL,OAAQA,IAC7C,uBAAKX,UAAU,kEACZD,EAAKa,MAAMK,MAAMC,KAAI,SAACC,GAAD,OACpB,gBAAC,KAAD,CAAMC,GAAE,GAAKD,EAAGE,KAAQrB,UAAU,gBAChC,gBAACF,EAAD,CAAgBC,KAAMoB,WAbzB,gBAACG,EAAA,EAAD,CAAgBC,QAAQ,0B,8DCwBnC,UArCoB,SAAC,GAG8B,IAFjDxB,EAEiD,EAFjDA,KACAW,EACiD,EADjDA,SAEA,OAAKX,EAAKa,MAGH,gBAAC,IAAD,CAAsBb,KAAMA,EAAMW,SAAUA,IAF1C,gBAAC,IAAD,CAAgBa,QAAQ,0B,oBCbnC,IAAe,IAA0B","sources":["webpack://puzzle-ventures-website/./src/components/BlogBigSnippet.tsx","webpack://puzzle-ventures-website/./src/containers/writing.tsx","webpack://puzzle-ventures-website/./src/pages/writing.en-US.tsx","webpack://puzzle-ventures-website/./src/blog-bg.png"],"sourcesContent":["import React from 'react'\nimport { WritingPageQuery } from '../generated/graphql'\n\nexport const BlogBigSnippet = ({\n  data,\n}: {\n  data: WritingPageQuery['blogs']['nodes'][0]\n}) => {\n  return (\n    <div className=\"max-w-2xl pb-14 mb-14 border-b border-b-gray-400 text-bg\">\n      <h2>{data.title}</h2>\n      <div className=\"flex mb-4\">\n        <p>BY {data.author?.name}</p>\n        <p className=\"ml-8\">\n          {data.publishDate} |{' '}\n          {data.readingTime ? `${data.readingTime} min` : ''}\n        </p>\n      </div>\n      <p>{data.body?.childMarkdownRemark?.excerpt}</p>\n    </div>\n  )\n}\n","import React from 'react'\nimport { graphql, Link, PageProps } from 'gatsby'\nimport { ErrorComponent } from '../components/Error'\nimport Seo from '../components/seo'\nimport Navigation from '../components/NavBar'\nimport { BlogBigSnippet } from '../components/BlogBigSnippet'\nimport { WritingPageQuery } from '../generated/graphql'\nimport { WindowLocation } from '@reach/router'\n// @ts-ignore\nimport BgImage from '../blog-bg.png'\n\nexport const WritingPageContainer = ({\n  data,\n  location,\n  locale = 'en-US',\n}: {\n  data: WritingPageQuery\n  location: WindowLocation\n  locale?: string\n}) => {\n  if (!data.blogs) {\n    return <ErrorComponent message=\"Unable to load Page\" />\n  }\n  return (\n    <div\n      className=\"h-screen relative bg-[#f5f5f5] bg-cover\"\n      style={{ backgroundImage: `url(${BgImage})` }}\n    >\n      <Seo title={`Puzzle Ventures - Writing`} />\n      <main className=\"mx-auto overflow-hidden h-full relative flex flex-col container max-w-6xl\">\n        <Navigation location={location} dark locale={locale} />\n        <div className=\"flex overflow-y-auto flex-col flex-auto pb-8 w-full pt-16 px-6\">\n          {data.blogs.nodes.map((el) => (\n            <Link to={`${el.slug}`} className=\"no-underline\">\n              <BlogBigSnippet data={el} />\n            </Link>\n          ))}\n        </div>\n      </main>\n    </div>\n  )\n}\n","import React from 'react'\nimport { graphql, PageProps } from 'gatsby'\nimport { ErrorComponent } from '../components/Error'\nimport { WritingPageQuery } from '../generated/graphql'\n// @ts-ignore\nimport BgImage from '../blog-bg.png'\nimport { WritingPageContainer } from '../containers/writing'\n\nconst WritingPage = ({\n  data,\n  location,\n}: PageProps<WritingPageQuery, { id: string }>) => {\n  if (!data.blogs) {\n    return <ErrorComponent message=\"Unable to load Page\" />\n  }\n  return <WritingPageContainer data={data} location={location} />\n}\n// This is the page query that connects the data to the actual component. Here you can query for any and all fields\n// you need access to within your code. Again, since Gatsby always queries for `id` in the collection, you can use that\n// to connect to this GraphQL query.\nexport const query = graphql`\n  query WritingPage {\n    blogs: allContentfulBlogPost(\n      filter: { node_locale: { eq: \"en-US\" } }\n      sort: { fields: publishDate, order: DESC }\n    ) {\n      nodes {\n        id\n        title\n        slug\n        publishDate(formatString: \"MMM Do, YYYY\")\n        author {\n          name\n        }\n        readingTime\n        body {\n          childMarkdownRemark {\n            excerpt(pruneLength: 500)\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default WritingPage\n","export default __webpack_public_path__ + \"static/blog-bg-b861a47108c2e308878851d7830d96fa.png\";"],"names":["BlogBigSnippet","data","className","title","author","name","publishDate","readingTime","body","childMarkdownRemark","excerpt","WritingPageContainer","location","locale","blogs","style","backgroundImage","BgImage","dark","nodes","map","el","to","slug","Error","message"],"sourceRoot":""}