{"version":3,"file":"component---src-pages-index-tsx-dffa5b1c390f45f094bc.js","mappings":"0KAgDA,UAzCa,SAACA,GACZ,MAKIA,EALJ,KACmBC,EADnB,qCAGoBC,EAHpB,QAG2BC,EAH3B,cAOA,OACE,yBACE,qBAAKD,MAAL,EAAmBC,YAAaA,IAChC,sBAAIC,UAAU,iCAFhB,qBAGE,0BACGH,EAAA,KAAU,SAAAI,GACT,IAAMH,EAAQG,EAAAA,YAAd,MAEA,OACE,sBAAIC,IAAKD,EAAKE,MACZ,sBAAMC,GAAIH,EAAKE,MACb,+BACE,8BACE,sBAAIH,UAAU,YADhB,GAEE,yBAAOA,UAAU,sBACdC,EAAAA,YADH,UAC4BA,EAD5B,WAHJ,qBAOE,+BACE,qBAAGD,UAAU,0CACVC,EAAAA,YAZb","sources":["webpack://pesonal-website/./src/pages/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link, graphql } from \"gatsby\";\nimport type { PageProps } from \"gatsby\";\n\nimport Layout from \"../components/Layout\";\nimport Seo from \"../components/SEO\";\n\nconst Home = (props: PageProps<FeedPostCollection>) => {\n  const {\n    allMdx: { nodes: posts },\n    site: {\n      siteMetadata: { title, description },\n    },\n  } = props.data;\n\n  return (\n    <Layout>\n      <Seo title={title} description={description} />\n      <h1 className=\"text-3xl font-bold mt-10 mb-8\">Latest blog posts</h1>\n      <ol>\n        {posts.map(post => {\n          const title = post.frontmatter.title;\n\n          return (\n            <li key={post.slug}>\n              <Link to={post.slug}>\n                <article>\n                  <header>\n                    <h2 className=\"text-2xl\">{title}</h2>\n                    <small className=\"block text-sm my-2\">\n                      {post.frontmatter.date}, {post.timeToRead} minutes to read\n                    </small>\n                  </header>\n                  <section>\n                    <p className=\"line-clamp-6 md:line-clamp-4 text-base\">\n                      {post.frontmatter.excerpt}\n                    </p>\n                  </section>\n                </article>\n              </Link>\n            </li>\n          );\n        })}\n      </ol>\n    </Layout>\n  );\n};\n\nexport default Home;\n\nexport const pageQuery = graphql`\n  query {\n    allMdx(sort: { fields: frontmatter___date, order: ASC }) {\n      nodes {\n        slug\n        frontmatter {\n          date(formatString: \"DD/MM/YYYY\")\n          title\n          excerpt\n        }\n        timeToRead\n      }\n    }\n    site {\n      siteMetadata {\n        title\n        description\n      }\n    }\n  }\n`;\n"],"names":["props","posts","title","description","className","post","key","slug","to"],"sourceRoot":""}