{"version":3,"sources":["webpack://mukul-jain/./src/component/Header.jsx","webpack://mukul-jain/./src/pages/blog.jsx"],"names":["title","nav","fullNav","className","map","item","index","Link","key","style","textTransform","to","posts","data","allMarkdownRemark","nodes","description","marginTop","post","marginBottom","frontmatter","slug","toLowerCase","date","readingTime","preview","noCloud"],"mappings":"uJA4BA,IAxBe,SAAC,GAAyB,IAAvBA,EAAsB,EAAtBA,MAAsB,IAAfC,WAAe,MAAT,GAAS,EAChCC,EAAO,CAAI,cAAJ,eAAqBD,IAClC,OACE,2BACE,uBAAKE,UAAU,0BACb,2BACGD,EAAQE,KAAI,SAACC,EAAMC,GAAP,OACX,gBAAC,EAAAC,KAAD,CACEC,IAAKF,EACLG,MAAO,CAAEC,cAAe,cACxBC,GAAc,IAAVL,EAAc,IAAd,IAAwBD,GAE3B,IACAA,EANH,UAUJ,gBAAC,IAAD,OAEDL,GAAS,sBAAIG,UAAU,aAAaH,M,8FCc3C,UA/BiB,SAAC,GAAc,IACxBY,EADuB,EAAXC,KACCC,kBAAkBC,MACrC,OACE,gCACE,gBAAC,IAAD,CAAKf,MAAM,OAAOgB,YAAY,uCAC9B,wBAAMb,UAAU,gBACd,uBAAKA,UAAU,eACb,gBAAC,IAAD,CAAQH,MAAM,SACd,uBAAKS,MAAO,CAAEQ,UAAW,IAAMd,UAAU,QACtCS,EAAMR,KAAI,SAACc,EAAMZ,GAAP,OACT,uBAAKH,UAAU,OAAOM,MAAO,CAAEU,aAAc,IAAMX,IAAKF,GACtD,gBAAC,EAAAC,KAAD,CAAMI,GAAIO,EAAKE,YAAYC,KAAKC,eAC9B,sBAAInB,UAAU,aAAae,EAAKE,YAAYpB,QAE9C,qBAAGG,UAAU,kBACVe,EAAKE,YAAYG,KAAM,IACvBL,EAAKE,YAAYI,aAChB,qCAAKN,EAAKE,YAAYI,YAAtB,eAGJ,qBAAGrB,UAAU,WAAWe,EAAKE,YAAYK,gBAMnD,gBAAC,IAAD,CAASC,SAAO","file":"component---src-pages-blog-jsx-060b9ee21359ff928413.js","sourcesContent":["import * as React from \"react\";\nimport { Link } from \"gatsby\";\nimport Toggle from \"./Toggle\";\n\nconst Header = ({ title, nav = [] }) => {\n  const fullNav = [\"Mukul Jain\", ...nav];\n  return (\n    <div>\n      <div className=\"flex row-space-between\">\n        <div>\n          {fullNav.map((item, index) => (\n            <Link\n              key={index}\n              style={{ textTransform: \"capitalize\" }}\n              to={index === 0 ? \"/\" : `/${item}`}\n            >\n              {\" \"}\n              {item} /\n            </Link>\n          ))}\n        </div>\n        <Toggle />\n      </div>\n      {title && <h1 className=\"no-margin\">{title}</h1>}\n    </div>\n  );\n};\n\nexport default Header;\n","import * as React from \"react\";\nimport { Link, graphql } from \"gatsby\";\nimport Header from \"../component/Header\";\nimport Glitter from \"../component/Glitter\";\nimport Seo from \"../component/SEO\";\n\nconst Projects = ({ data }) => {\n  const posts = data.allMarkdownRemark.nodes;\n  return (\n    <>\n      <Seo title=\"Blog\" description=\"Mukul Jain's personal blog listing\" />\n      <main className=\"with-padding\">\n        <div className=\"flex column\">\n          <Header title=\"Blog\" />\n          <div style={{ marginTop: 80 }} className=\"blog\">\n            {posts.map((post, index) => (\n              <div className=\"list\" style={{ marginBottom: 48 }} key={index}>\n                <Link to={post.frontmatter.slug.toLowerCase()}>\n                  <h3 className=\"no-margin\">{post.frontmatter.title}</h3>\n                </Link>\n                <p className=\"meta no-margin\">\n                  {post.frontmatter.date}{\" \"}\n                  {post.frontmatter.readingTime && (\n                    <>• {post.frontmatter.readingTime} mins Read</>\n                  )}\n                </p>\n                <p className=\"preview\">{post.frontmatter.preview}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n      </main>\n      <Glitter noCloud />\n    </>\n  );\n};\n\nexport default Projects;\n\nexport const query = graphql`\n  query {\n    allMarkdownRemark(sort: { order: DESC, fields: [frontmatter___date] }) {\n      nodes {\n        id\n        frontmatter {\n          title\n          slug\n          date(formatString: \"DD MMMM YYYY\")\n          preview\n          commentsCount\n          reactionsCount\n          readingTime\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}