{"version":3,"file":"component---src-pages-index-tsx-0b382f5bd294dec0ab4e.js","mappings":"2IAwFA,IA7EY,WAAO,IAAD,MACRA,GAAOC,EAAAA,EAAAA,gBAAe,cAwBtBC,EAAM,UAAGF,EAAKG,KAAKC,oBAAb,aAAG,EAAwBF,OACjCG,EAAI,UAAGL,EAAKG,KAAKC,oBAAb,aAAG,EAAwBC,KAC/BC,EAAW,UAAGN,EAAKG,KAAKC,oBAAb,aAAG,EAAwBE,YAE5C,OACI,gCACI,uBAAKC,UAAU,QACVL,MAAAA,OAAA,EAAAA,EAAQM,OACL,0BACI,0CACiB,8BAASN,EAAOM,MAAe,KAC3CN,MAAAA,OAAA,EAAAA,EAAQO,UAAW,MAExB,2DAEI,8BACI,qBAAGC,OAAQ,SAAUC,KAAMT,EAAOU,cAC7B,IACAV,EAAOW,YAIpB,qFAGI,8BACI,qBAAGH,OAAQ,SAAUC,KAAMN,EAAKS,MAC3B,IACAT,EAAKG,KAAM,MANxB,KASOH,EAAKC,eAgBxB,yBAAIA,M,gFCnFhB,EAAe,IAA0B,sD,8BCmCzC,EA5BkB,SAAC,GAAwB,IAAD,EAArBN,EAAqB,EAArBA,KAAMa,EAAe,EAAfA,SACL,UAAAb,EAAKG,KAAKC,oBAAV,SAAwBW,MAE1C,OACI,gBAAC,IAAD,CAAQF,SAAUA,EAAUE,MAAO,aAC/B,gBAAC,IAAD,CAAKA,MAAM,cACX,gBAAC,IAAD,MAEA,2BAEA,uBACIC,MAAO,CACHC,QAAS,OACTC,UAAW,SACXC,eAAgB,SAChBC,KAAM,IACNC,cAAe,WAEnB,0DACA,kDACA,uBAAKL,MAAO,CAAEM,SAAU,UACpB,uBAAKC,IAAKC,EAAYC,IAAI","sources":["webpack://personal_blog/./src/components/bio.tsx","webpack://personal_blog/./src/images/cooking.gif","webpack://personal_blog/./src/pages/index.tsx"],"sourcesContent":["/**\n * Bio component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.com/docs/use-static-query/\n */\n\nimport * as React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\n// import { StaticImage } from 'gatsby-plugin-image'\n\nconst Bio = () => {\n    const data = useStaticQuery(graphql`\n        query BioQuery {\n            site {\n                siteMetadata {\n                    author {\n                        name\n                        location\n                        locationLink\n                    }\n                    work {\n                        name\n                        link\n                        description\n                    }\n                    social {\n                        username\n                    }\n                    description\n                }\n            }\n        }\n    `)\n\n    // Set these values by editing \"siteMetadata\" in gatsby-config.js\n    const author = data.site.siteMetadata?.author\n    const work = data.site.siteMetadata?.work\n    const description = data.site.siteMetadata?.description\n\n    return (\n        <>\n            <div className=\"bio\">\n                {author?.name && (\n                    <ul>\n                        <li>\n                            Hii 👋, I am <strong>{author.name}</strong>{' '}\n                            {author?.summary || null}\n                        </li>\n                        <li>\n                            I live and break stuff from 📍\n                            <strong>\n                                <a target={'_blank'} href={author.locationLink}>\n                                    {' '}\n                                    {author.location}\n                                </a>\n                            </strong>\n                        </li>\n                        <li>\n                            I am currently, with a bunch of awesome people,\n                            building\n                            <strong>\n                                <a target={'_blank'} href={work.link}>\n                                    {' '}\n                                    {work.name}{' '}\n                                </a>\n                            </strong>\n                            - {work.description}\n                        </li>\n                    </ul>\n                )}\n                {/* <StaticImage\n                className=\"bio-avatar\"\n                layout=\"fixed\"\n                formats={['auto', 'webp', 'avif']}\n                src=\"../images/me.jpg\"\n                width={100}\n                height={100}\n                quality={95}\n                objectFit={'cover'}\n                alt=\"Profile picture\"\n            /> */}\n            </div>\n            <p>{description}</p>\n        </>\n    )\n}\n\nexport default Bio\n","export default __webpack_public_path__ + \"static/cooking-1c4524a2372a56002928ba43bb57efcd.gif\";","import * as React from 'react'\nimport { graphql } from 'gatsby'\nimport CookingGIF from 'images/cooking.gif'\nimport Bio from 'components/bio'\nimport Layout from 'components/layout'\nimport Seo from 'components/seo'\n\nconst BlogIndex = ({ data, location }) => {\n    const siteTitle = data.site.siteMetadata?.title || `Title`\n\n    return (\n        <Layout location={location} title={'learnings'}>\n            <Seo title=\"learnings\" />\n            <Bio />\n\n            <hr />\n\n            <div\n                style={{\n                    display: 'flex',\n                    textAlign: 'center',\n                    justifyContent: 'center',\n                    flex: '1',\n                    flexDirection: 'column',\n                }}>\n                <h4>Something good is cooking 😋</h4>\n                <p>please be patient 😌 </p>\n                <div style={{ fontSize: '100px' }}>\n                    <img src={CookingGIF} alt=\"cooking gif\" />\n                </div>\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                }\n            }\n        }\n    }\n`\n\n/*\n// // import { Link, graphql } from 'gatsby'\n\n// import Bio from 'components/bio'\n// import Layout from 'components/layout'\n// import Seo from 'components/seo'\n// import CookingGIF from 'images/cooking.gif'\n\n// const BlogIndex = ({ data, location }): JSX.Element => {\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=\"Home\" />\n//             <Bio />\n\n//             <hr />\n//             <div\n//                 style={{\n//                     display: 'flex',\n//                     textAlign: 'center',\n//                     justifyContent: 'center',\n//                     flex: '1',\n//                     flexDirection: 'column',\n//                 }}>\n//                 <h4>Something good is cooking 😋</h4>\n//                 <p>please be patient 😌 </p>\n//                 <div style={{ fontSize: '100px' }}>\n//                     <img src={CookingGIF} alt=\"cooking gif\" />\n//                 </div>\n//             </div>\n//         </Layout>\n//     )\n\n//     // return (\n//     //     <Layout location={location} title={siteTitle}>\n//     //         <Seo title=\"All posts\" />\n//     //         <Bio />\n//     //         <hr />\n//     //         <ol style={{ listStyle: `none` }}>\n//     //             {posts.map(post => {\n//     //                 const title = post.frontmatter.title || post.fields.slug\n\n//     //                 return (\n//     //                     <li key={post.fields.slug}>\n//     //                         <article\n//     //                             className=\"post-list-item\"\n//     //                             itemScope\n//     //                             itemType=\"http://schema.org/Article\">\n//     //                             <header>\n//     //                                 <h2>\n//     //                                     <Link\n//     //                                         to={post.fields.slug}\n//     //                                         itemProp=\"url\">\n//     //                                         <span itemProp=\"headline\">\n//     //                                             {title}\n//     //                                         </span>\n//     //                                     </Link>\n//     //                                 </h2>\n//     //                                 <small>{post.frontmatter.date}</small>\n//     //                             </header>\n//     //                             <section>\n//     //                                 <p\n//     //                                     dangerouslySetInnerHTML={{\n//     //                                         __html:\n//     //                                             post.frontmatter.description ||\n//     //                                             post.excerpt,\n//     //                                     }}\n//     //                                     itemProp=\"description\"\n//     //                                 />\n//     //                             </section>\n//     //                         </article>\n//     //                     </li>\n//     //                 )\n//     //             })}\n//     //         </ol>\n//     //     </Layout>\n//     // )\n// }\n\n// export default BlogIndex\n\n// // export 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// //                 }\n// //             }\n// //         }\n// //     }\n// // `\n*/\n"],"names":["data","useStaticQuery","author","site","siteMetadata","work","description","className","name","summary","target","href","locationLink","location","link","title","style","display","textAlign","justifyContent","flex","flexDirection","fontSize","src","CookingGIF","alt"],"sourceRoot":""}