component---src-templates-blog-post-js-74d5ef9bf7958c1ec8c8.js.map

{"version":3,"sources":["webpack:///./src/templates/intro.js","webpack:///./src/templates/title.js","webpack:///./src/templates/footer.js","webpack:///./src/layouts/main.js","webpack:///./src/templates/blog-post.js"],"names":["Intro","Title","style","fontSize","Footer","Date","getFullYear","MainLayout","props","margin","padding","maxWidth","children","BlogPost","post","data","markdownRemark","title","dangerouslySetInnerHTML","__html","html","marginBottom","query"],"mappings":"2FAAA,2DAEe,SAASA,IACpB,OACI,wGAEI,6BAFJ,uC,2DCFO,SAASC,IACpB,OACI,wBAAIC,MAAO,CAAEC,SAAU,SAAvB,mBCFO,SAASC,IACpB,OACI,2EAA4D,IAAIC,MAAOC,eCChE,SAASC,EAAWC,GAC/B,OACI,yBAAKN,MAAO,CACRO,OAAQ,YACRC,QAAS,SACTC,SAAU,UAEV,kBAACV,EAAD,MACCO,EAAMI,SACP,kBAACR,EAAD,OAdZ,mC,kCCAA,sIAOe,SAASS,EAAT,GAA6B,IAClCC,EADiC,EAARC,KACbC,eAElB,OACI,kBAAC,IAAD,KACI,4BAAKF,EAAKG,OACV,yBAAKC,wBAAyB,CAAEC,OAAQL,EAAKM,QAC7C,yBAAKlB,MAAO,CAAEmB,aAAc,WACxB,kBAAC,IAAD,QAMT,IAAMC,EAAK","file":"component---src-templates-blog-post-js-74d5ef9bf7958c1ec8c8.js","sourcesContent":["import React from \"react\";\n\nexport default function Intro() {\n    return (\n        <i>\n            I'm a curious person who loves [web] engineering and building cool stuffs.\n            <br /> A bit more details about myself.\n        </i>\n    )\n}","import React from \"react\";\n\nexport default function Title() {\n    return (\n        <h1 style={{ fontSize: \"3rem\" }}>Trung Do&#39;s Blog</h1>\n    )\n}","import React from \"react\";\n\nexport default function Footer() {\n    return (\n        <footer>Crafted with &hearts; and powered by Gatsby &copy; {new Date().getFullYear()}</footer>\n    )\n}","import React from \"react\";\n\nimport Title from \"../templates/title\";\nimport Footer from \"../templates/footer\";\n\nexport default function MainLayout(props) {\n    return (\n        <div style={{\n            margin: \"3rem auto\",\n            padding: \"0 1rem\",\n            maxWidth: \"992px\"\n        }}>\n            <Title />\n            {props.children}\n            <Footer />\n        </div>\n    )\n}","import React from \"react\";\nimport { graphql } from \"gatsby\";\n\nimport MainLayout from \"../layouts/main\";\n\nimport Intro from \"../templates/intro\";\n\nexport default function BlogPost({ data }) {\n    const post = data.markdownRemark;\n\n    return (\n        <MainLayout>\n            <h2>{post.title}</h2>\n            <div dangerouslySetInnerHTML={{ __html: post.html }} />\n            <div style={{ marginBottom: \"0.5rem\" }}>\n                <Intro />\n            </div>\n        </MainLayout>\n    )\n}\n\nexport const query = graphql`\n    query($slug: String!) {\n        markdownRemark(fields: { slug: { eq: $slug } }) {\n            html\n            frontmatter {\n                title\n            }\n        }\n    }\n`"],"sourceRoot":""}