{"version":3,"sources":["webpack:///./src/components/Comment.js","webpack:///./src/pages/baking_comet_kitchen.js","webpack:///./src/components/BannerLanding.js"],"names":["Comment","commentBox","ref","className","BkBlogCometKitchen","props","siteMetadata","useSiteMetadata","imgContainer","useImage","React","createRef","useEffect","scriptEl","document","createElement","async","src","setAttribute","current","appendChild","console","log","title","name","content","topic","theme","id","key","href","fluid","creamTart03","childImageSharp","creamTart06","BannerLanding","h1"],"mappings":"6FAAA,mCASeA,IALC,SAAC,GAAD,IAAEC,EAAF,EAAEA,WAAF,OACZ,yBAAKC,IAAKD,EAAYE,UAAU,e,oCCLpC,sMAYe,SAASC,EAAmBC,GACvC,IAAMC,EAAeC,cACfC,EAAeC,cACfR,EAAaS,IAAMC,YAkBzB,OAhBAC,qBAAU,WACN,IAAMC,EAAWC,SAASC,cAAc,UACxCF,EAASG,OAAQ,EACjBH,EAASI,IAAM,gCACfJ,EAASK,aAAa,OAAQ,4BAC9BL,EAASK,aAAa,aAAc,SACpCL,EAASK,aAAa,KAAM,cAC5BL,EAASK,aAAa,QAAS,eAC/BL,EAASK,aAAa,cAAe,aACjCjB,GAAcA,EAAWkB,QAC3BlB,EAAWkB,QAAQC,YAAYP,GAE/BQ,QAAQC,IAAR,wCAAoDrB,KAErD,IAGD,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,+BAAQK,EAAaiB,MAAQ,6CAC7B,0BAAMC,KAAK,cAAcC,QAAQ,iBAGrC,kBAAC,IAAD,CACIC,MAAM,GACND,QAAQ,GACRE,MAAM,qCAEV,yBAAKC,GAAG,OAAOzB,UAAU,wDACrB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,kBAAC,IAAD,CAAe0B,IAAI,KACf,wBAAI1B,UAAU,QAAd,wCACA,uBAAGA,UAAU,eACT,0BAAMA,UAAU,eACZ,kBAAC,eAAD,CAAc2B,KAAK,KAAnB,aAFR,iCAMJ,kBAAC,IAAD,CAAeD,IAAI,KACf,kBAAC,IAAD,CAAK1B,UAAU,gBAAgB4B,MAAOvB,EAAawB,YAAYC,gBAAgBF,SAEnF,kBAAC,IAAD,CAAeF,IAAI,KACf,6BACI,uBAAG1B,UAAU,QAAb,2LAKA,uBAAGA,UAAU,QAAb,wbAUR,6BACI,kBAAC,IAAD,CAAe0B,IAAI,KACf,uBAAG1B,UAAU,aAAb,snBAYJ,kBAAC,IAAD,CAAe0B,IAAI,KACf,uBAAG1B,UAAU,QAAb,0RAOA,0NAIA,uBAAGA,UAAU,QAAb,gCAKA,mVAI0D,sCAJ1D,6BAMA,kBAAC,IAAD,CAAKA,UAAU,gBAAgB4B,MAAOvB,EAAa0B,YAAYD,gBAAgBF,SAEnF,kBAAC,IAAD,CAAeF,IAAI,KACf,uBAAG1B,UAAU,QAAb,8PAMA,uBAAGA,UAAU,QAAb,sBAKR,kBAAC,IAAD,CAAe0B,IAAI,OACf,wBAAI1B,UAAU,WACV,4BAAI,kBAAC,eAAD,CAAc2B,KAAK,UAAU3B,UAAU,uCAAvC,WAGZ,kBAAC,IAAD,CAASF,WAAYA,U,kCCpI7C,yBAcekC,IAZO,SAAC9B,GAAD,OAClB,6BAASuB,GAAG,SAASzB,UAAWE,EAAMsB,OAClC,yBAAKxB,UAAU,SACX,4BAAQA,UAAW,SAAWE,EAAM+B,IAChC,4BAAK/B,EAAMqB,QAEf,yBAAKvB,UAAU,WACX,2BAAIE,EAAMoB","file":"component---src-pages-baking-comet-kitchen-js-7631cc8f4899c81fb00c.js","sourcesContent":["import {useRef, useEffect} from 'react'\nimport React from 'react';\nimport { useStaticQuery, graphql } from 'gatsby'\n\nconst Comment = ({commentBox}) => (\n    <div ref={commentBox} className=\"comments\">\n\n    </div>\n)\nexport default Comment","import React, {useEffect} from 'react'\nimport Helmet from 'react-helmet'\nimport Layout from '../components/Layout'\nimport { useSiteMetadata } from \"../hooks/useSiteMetadata\"\nimport Img from 'gatsby-image'\nimport { useImage } from \"../hooks/useImage\"\nimport BannerLanding from '../components/BannerLanding'\nimport { OutboundLink } from 'gatsby-plugin-google-gtag'\nimport FadeInSection from '../components/FadeInSection';\nimport Comment from '../components/Comment'\n\n\nexport default function BkBlogCometKitchen(props) {\n    const siteMetadata = useSiteMetadata();\n    const imgContainer = useImage();\n    const commentBox = React.createRef();\n\n    useEffect(() => {\n        const scriptEl = document.createElement('script')\n        scriptEl.async = true\n        scriptEl.src = 'https://utteranc.es/client.js'\n        scriptEl.setAttribute('repo', 'katiele47/mbc-utterances')\n        scriptEl.setAttribute('issue-term', 'title')\n        scriptEl.setAttribute('id', 'utterances')\n        scriptEl.setAttribute('theme', 'photon-dark')\n        scriptEl.setAttribute('crossorigin', 'anonymous')\n        if (commentBox && commentBox.current) {\n          commentBox.current.appendChild(scriptEl)\n        } else {\n          console.log(`Error adding utterances comments on: ${commentBox}`)\n        }\n      }, []);\n\n    return (\n        <Layout>\n            <Helmet>\n                <title>{siteMetadata.title + ' - My First Baking Blog - \\\"Comet\\\" Kitchen'}</title>\n                <meta name=\"description\" content=\"Baking - 01\" />\n            </Helmet>\n            \n            <BannerLanding \n                topic=\"\" \n                content=\"\"\n                theme=\"blog_page blog_page--comet-theme\"\n            />\n            <div id=\"main\" className=\"alt baking_blog_theme baking_blog_theme--comet-theme\">\n                <div className=\"inner blog-inner\">\n                    <div className=\"blog-content-body\">\n                        <FadeInSection key=\"1\">\n                            <h1 className=\"mb-3\">My First Baking Blog - Comet Kitchen</h1>\n                            <p className=\"blog-origin\">\n                                <span className=\"blog-author\">\n                                    <OutboundLink href=\"/\">Katie Le</OutboundLink>\n                                </span> | Aug 19, 2020 • 4-min read\n                            </p>\n                        </FadeInSection>\n                        <FadeInSection key=\"2\">\n                            <Img className=\"blog-pic mb-4\" fluid={imgContainer.creamTart03.childImageSharp.fluid}/>\n                        </FadeInSection> \n                        <FadeInSection key=\"3\"> \n                            <div>\n                                <p className=\"mb-4\">\n                                    Baking is no different than coding up a project: the lines of codes\n                                    I happened to stumble upon after nights of unanswered questions\n                                    were, for so many times, what I felt most proud of. \n                                </p>\n                                <p className=\"mb-4\">\n                                    Just as programming takes a bit of learning from here and there, it's \n                                    easy to hit a cul-de-sac if sticking to one recipe while baking. Nothing \n                                    satisfies me more than baking something good out of mere intuition, even \n                                    if that requires experimenting with various recipes over and over. Having \n                                    seen my mom cook admirably delicious meals without relying on any recipes, accomplishing \n                                    the same in baking has become one of my fanciest goals. \n                                </p>\n                            </div>\n                        </FadeInSection> \n                        <div>\n                            <FadeInSection key=\"4\">\n                                <p className=\"mt-4 mb-4\">\n                                    For every dessert I baked, I made sure to write down the mistakes and memorize \n                                    the hacks. My secret sauce is to try to bake at least once every two weeks and \n                                    most importantly, not being afraid of improvising one recipe. At the end of \n                                    the day, “foodstagramming” can make you feel quite rewarded, but it isn’t often enough \n                                    to convey the creative work behind the desserts themselves. These happy moments can \n                                    be short-lived unless the process of baking \n                                    is shared with the ones who need it. While deep in thought, I decided to \n                                    start writing about my baking experiences and\n                                    occasionally share some tips on my top favorite desserts.\n                                </p>\n                            </FadeInSection>\n                            <FadeInSection key=\"5\">\n                                <p className=\"mb-4\">\n                                    As new inspirations arrive, there is no stop to my experimenting with \n                                    more ways of making desserts. To keep these experiments regularly revisited and accessible \n                                    by everyone is to have an online presence that features everything. I realized what I \n                                    needed most was an online blog.\n                                </p>\n\n                                <p>\n                                    Funny as it sounds, my twin sister and I decided to name our blog page Comet Kitchen - which \n                                    did not have a sensical meaning since we were only looking for a short and catchy bakery name. \n                                </p>\n                                <p className=\"mb-4\">\n                                    \n                                    Well, \n                                    that’s not quite true.\n                                </p>\n                                <p>\n                                    I’ve been a fan of astronomy, and as much I adore its mystery, I’m attracted \n                                    to anything that is not only mysterious but also sweet ;) To mark the beginning of \"Comet Kitchen\", we decided to make \n                                    a chocolate C-letter cake topped with flowers, fruits, and \n                                    melt-in-your-mouth strawberry-flavored cream (and the <em>almost</em> successful macarons :P). \n                                </p>\n                                <Img className=\"blog-pic mb-4\" fluid={imgContainer.creamTart06.childImageSharp.fluid}/>\n                            </FadeInSection>\n                            <FadeInSection key=\"6\">\n                                <p className=\"mb-4\">\n                                    Finishing up my first blog, I want to thank anyone who has been following my \n                                    baking journey so far. As I continue writing, I seek to use this page as a way to better \n                                    communicate my creative doings with you and hopefully will have your tips \n                                    in return.\n                                </p>\n                                <p className=\"mb-4\">\n                                    Until next time!\n                                </p>\n                            </FadeInSection>\n                        </div>\n                        <FadeInSection key=\"end\">\n                            <ul className=\"actions\">\n                                <li><OutboundLink href=\"/baking\" className=\"abtn button special baking-btn back\">Back</OutboundLink></li>\n                            </ul>\n                        </FadeInSection>\n                        <Comment commentBox={commentBox} />\n\n                    </div>\n                </div>\n            </div>\n        </Layout>\n    );\n}\n","import React from 'react'\n\nconst BannerLanding = (props) => (\n    <section id=\"banner\" className={props.theme}>\n        <div className=\"inner\">\n            <header className={\"major \" + props.h1}>\n                <h1>{props.topic}</h1>\n            </header>\n            <div className=\"content\">\n                <p>{props.content}</p>\n            </div>\n        </div>\n    </section>\n)\nexport default BannerLanding\n"],"sourceRoot":""}