{"version":3,"sources":["webpack:///./src/templates/post.js","webpack:///./src/components/layout.js","webpack:///./src/images/linkedin.svg"],"names":["Date","rhythm","Tags","Tag","Link","Title","Anchor","post","data","markdownRemark","pageContext","title","frontmatter","description","excerpt","keywords","tags","fields","published","timeToRead","to","slug","dangerouslySetInnerHTML","__html","html","map","tag","key","query","Wrapper","Content","Header","Footer","Menu","Contacts","FooterLink","Social","Layout","children","conf","useStaticQuery","site","siteMetadata","styles","url","image","gh","lin","twitter","target","href","rel","src","alt","module","exports"],"mappings":"kOAQMA,EAAI,+DAEOC,YAAO,IAFd,YAGKA,YAAO,IAHZ,OAMJC,EAAI,iEAEOD,YAAO,IAFd,oBAMJE,EAAM,YAAOC,OAAP,qBAAH,UACKH,YAAO,IADZ,IACoBA,YAAO,IAD3B,SAIHI,EAAK,yCAELC,EAAS,YAAOF,OAAP,qBAAH,wDAGQH,YAAO,GAHf,oCAUG,sBAA2D,IAAhCM,EAA+B,EAAvDC,KAAQC,eAA+C,EAAvBC,YAC9C,OACI,YAAC,IAAD,KACI,YAAC,IAAD,CACIC,MAAOJ,EAAKK,YAAYD,MACxBE,YAAaN,EAAKO,QAClBC,SAAUR,EAAKK,YAAYI,OAE/B,sBACK,IACD,YAAChB,EAAD,KACKO,EAAKU,OAAOC,UADjB,OACgCX,EAAKY,WADrC,gBAGA,YAACd,EAAD,KACI,YAACC,EAAD,CAAQc,GAAIb,EAAKU,OAAOI,MAAxB,KAAyC,IACxCd,EAAKK,YAAYD,QAG1B,mBAAKW,wBAAyB,CAAEC,OAAQhB,EAAKiB,QAC7C,YAACtB,EAAD,KACKK,EAAKK,YAAYI,KAAKS,KAAI,SAAAC,GAAG,OAC1B,YAACvB,EAAD,CAAKiB,GAAE,eAAiBM,EAAOC,IAAKD,GAApC,IAA8CA,SAO3D,IAAME,EAAK,c,iKCnDZC,EAAO,gFAGE5B,YAAO,GAHT,gBAIMA,YAAO,KAJb,wDAUP6B,EAAO,yEAIPC,EAAM,uFAGS9B,YAAO,IAHhB,mEASN+B,EAAM,oFAGM/B,YAAO,GAHb,mEASNgC,EAAI,8EAIJC,EAAQ,yIASRC,EAAU,uDACKlC,YAAO,KADZ,KAIVmC,EAAM,+CACCnC,YAAO,IADR,WAEEA,YAAO,IAFT,c,+GAmFGoC,IA7EA,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAEYC,EACtBC,yBAAe,cADfC,KAAQC,aAaZ,OACI,YAACb,EAAD,KACI,YAAC,IAAD,CACIc,OAAM,IAaV,YAACZ,EAAD,KACI,YAAC,OAAD,CAAMX,GAAE,KAAQmB,EAAK5B,QAGzB,YAACmB,EAAD,KAAUQ,GAEV,YAACN,EAAD,KACI,YAACC,EAAD,KACI,YAACE,EAAD,KACI,YAAC,OAAD,CAAMf,GAAE,KAAR,UAGR,YAACc,EAAD,KACK,CACG,CACIP,IAAK,SACLiB,IAAK,4BACLC,MAAOC,KAEX,CACInB,IAAK,WACLiB,IAAK,4CACLC,MAAOE,KAEX,CACIpB,IAAK,UACLiB,IAAK,gCACLC,MAAOG,MAEbvB,KAAI,gBAAGE,EAAH,EAAGA,IAAKiB,EAAR,EAAQA,IAAKC,EAAb,EAAaA,MAAb,OACF,YAACV,EAAD,CAAYR,IAAKA,GACb,iBAAGsB,OAAQ,SAAUC,KAAMN,EAAKO,IAAI,uBAChC,YAACf,EAAD,CAAQgB,IAAKP,EAAOQ,IAAK1B,c,mBCnIzD2B,EAAOC,QAAU","file":"component---src-templates-post-js-3e9479fbd0480c736f47.js","sourcesContent":["import React from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\n\nimport styled from \"@emotion/styled\";\nimport { rhythm } from \"../utils/typography\";\n\nconst Date = styled.div`\n    color: #ccc;\n    font-size: ${rhythm(0.5)};\n    padding: ${rhythm(0.5)} 0;\n`;\n\nconst Tags = styled.div`\n    display: flex;\n    font-size: ${rhythm(0.6)};\n    flex-wrap: wrap;\n`;\n\nconst Tag = styled(Link)`\n    margin: ${rhythm(0.5)} ${rhythm(0.5)} 0 0;\n`;\n\nconst Title = styled.div``;\n\nconst Anchor = styled(Link)`\n    background-image: none;\n    visibility: hidden;\n    margin-left: -${rhythm(1)};\n\n    h1:hover & {\n        visibility: visible;\n    }\n`;\n\nexport default ({ data: { markdownRemark: post }, pageContext: ctx }) => {\n    return (\n        <Layout>\n            <SEO\n                title={post.frontmatter.title}\n                description={post.excerpt}\n                keywords={post.frontmatter.tags}\n            />\n            <h1>\n                {\" \"}\n                <Date>\n                    {post.fields.published} :: {post.timeToRead} min to read\n                </Date>\n                <Title>\n                    <Anchor to={post.fields.slug}>§</Anchor>{\" \"}\n                    {post.frontmatter.title}\n                </Title>\n            </h1>\n            <div dangerouslySetInnerHTML={{ __html: post.html }}/>\n            <Tags>\n                {post.frontmatter.tags.map(tag => (\n                    <Tag to={`/posts/tags/${tag}`} key={tag}>{`#${tag}`}</Tag>\n                ))}\n            </Tags>\n        </Layout>\n    );\n};\n\nexport const query = graphql`\n    query($slug: String!) {\n        markdownRemark(fields: { slug: { eq: $slug } }) {\n            html\n            excerpt\n            timeToRead\n            frontmatter {\n                title\n                tags\n            }\n            fields {\n                slug\n                published(formatString: \"YYYY-MM-DD\")\n            }\n        }\n    }\n`;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { graphql, Link, useStaticQuery } from \"gatsby\";\n\nimport { css, Global } from \"@emotion/core\";\nimport styled from \"@emotion/styled\";\n\nimport { rhythm } from \"../utils/typography\";\n\nimport twitter from \"../images/twitter.svg\";\nimport gh from \"../images/github.svg\";\nimport lin from \"../images/linkedin.svg\";\n\nconst Wrapper = styled.div`\n    margin: 0 auto;\n    max-width: 1080px;\n    padding: ${rhythm(2)};\n    padding-top: ${rhythm(1.5)};\n    display: flex;\n    flex-direction: column;\n    min-height: 100%;\n`;\n\nconst Content = styled.div`\n    flex: 1;\n`;\n\nconst Header = styled.div`\n    display: flex;\n    align-items: center;\n    margin-bottom: ${rhythm(0.5)};\n    text-decoration: none;\n    width: 100%;\n    justify-content: space-between;\n`;\n\nconst Footer = styled.div`\n    display: flex;\n    align-items: center;\n    margin-top: ${rhythm(2)};\n    text-decoration: none;\n    width: 100%;\n    justify-content: space-between;\n`;\n\nconst Menu = styled.div`\n    display: flex;\n`;\n\nconst Contacts = styled.div`\n    display: flex;\n    align-items: center;\n    a {\n        background-image: none;\n        color: #575757;\n    }\n`;\n\nconst FooterLink = styled.div`\n    padding-right: ${rhythm(1.5)};\n`;\n\nconst Social = styled.img`\n    width: ${rhythm(0.5)};\n    height: ${rhythm(0.5)};\n    margin: 0;\n`;\n\nconst Layout = ({ children }) => {\n    const {\n        site: { siteMetadata: conf },\n    } = useStaticQuery(\n        graphql`\n            query {\n                site {\n                    siteMetadata {\n                        title\n                    }\n                }\n            }\n        `\n    );\n\n    return (\n        <Wrapper>\n            <Global\n                styles={css`\n                    html,\n                    body,\n                    #___gatsby,\n                    #___gatsby > div {\n                        height: 100%;\n                    }\n                    \n                    .anchor {\n                      background-image: none;\n                    }\n                `}\n            />\n            <Header>\n                <Link to={`/`}>{conf.title}</Link>\n            </Header>\n\n            <Content>{children}</Content>\n\n            <Footer>\n                <Menu>\n                    <FooterLink>\n                        <Link to={`/`}>Blog</Link>\n                    </FooterLink>\n                </Menu>\n                <Contacts>\n                    {[\n                        {\n                            key: \"github\",\n                            url: \"https://github.com/lanwen\",\n                            image: gh,\n                        },\n                        {\n                            key: \"linkedin\",\n                            url: \"https://linkedin.com/in/kirill-merkushev/\",\n                            image: lin,\n                        },\n                        {\n                            key: \"twitter\",\n                            url: \"https://twitter.com/delnariel\",\n                            image: twitter,\n                        },\n                    ].map(({ key, url, image }) => (\n                        <FooterLink key={key}>\n                            <a target={\"_blank\"} href={url} rel=\"noopener noreferrer\">\n                                <Social src={image} alt={key} />\n                            </a>\n                        </FooterLink>\n                    ))}\n                </Contacts>\n            </Footer>\n        </Wrapper>\n    );\n};\n\nLayout.propTypes = {\n    children: PropTypes.node.isRequired,\n};\n\nexport default Layout;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+TGlua2VkSW4gaWNvbjwvdGl0bGU+PHBhdGggZD0iTTIwLjQ0NyAyMC40NTJoLTMuNTU0di01LjU2OWMwLTEuMzI4LS4wMjctMy4wMzctMS44NTItMy4wMzctMS44NTMgMC0yLjEzNiAxLjQ0NS0yLjEzNiAyLjkzOXY1LjY2N0g5LjM1MVY5aDMuNDE0djEuNTYxaC4wNDZjLjQ3Ny0uOSAxLjYzNy0xLjg1IDMuMzctMS44NSAzLjYwMSAwIDQuMjY3IDIuMzcgNC4yNjcgNS40NTV2Ni4yODZ6TTUuMzM3IDcuNDMzYy0xLjE0NCAwLTIuMDYzLS45MjYtMi4wNjMtMi4wNjUgMC0xLjEzOC45Mi0yLjA2MyAyLjA2My0yLjA2MyAxLjE0IDAgMi4wNjQuOTI1IDIuMDY0IDIuMDYzIDAgMS4xMzktLjkyNSAyLjA2NS0yLjA2NCAyLjA2NXptMS43ODIgMTMuMDE5SDMuNTU1VjloMy41NjR2MTEuNDUyek0yMi4yMjUgMEgxLjc3MUMuNzkyIDAgMCAuNzc0IDAgMS43Mjl2MjAuNTQyQzAgMjMuMjI3Ljc5MiAyNCAxLjc3MSAyNGgyMC40NTFDMjMuMiAyNCAyNCAyMy4yMjcgMjQgMjIuMjcxVjEuNzI5QzI0IC43NzQgMjMuMiAwIDIyLjIyMiAwaC4wMDN6Ii8+PC9zdmc+\""],"sourceRoot":""}