component---src-templates-blog-post-js-224e4d70d1921363b332.js.map

{"version":3,"sources":["webpack:///./src/templates/blogPost.js","webpack:///./static/bg.png","webpack:///./src/components/common/Layout/Layout.js","webpack:///./src/components/common/Layout/index.js","webpack:///./src/images/art/logo.png","webpack:///./src/components/sections/Header.js","webpack:///./src/images/masp.png","webpack:///./src/components/sections/Footer.js","webpack:///./src/components/common/Navbar/style.js","webpack:///./src/components/common/Navbar/Navbar.js","webpack:///./src/components/common/Navbar/index.js"],"names":["query","PostBody","styled","div","withConfig","displayName","componentId","Subtitle","p","props","theme","font_size","small","Arrow","Template","_props$data$markdownR","data","markdownRemark","frontmatter","html","_props$pageContext","pageContext","prev","next","console","log","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","_common_Layout__WEBPACK_IMPORTED_MODULE_3__","_common_Navbar__WEBPACK_IMPORTED_MODULE_4__","_sections_Header__WEBPACK_IMPORTED_MODULE_6__","_components_global__WEBPACK_IMPORTED_MODULE_8__","date","title","dangerouslySetInnerHTML","__html","style","display","flexWrap","justifyContent","listStyle","padding","gatsby__WEBPACK_IMPORTED_MODULE_2__","to","path","rel","_sections_Footer__WEBPACK_IMPORTED_MODULE_7__","module","exports","__webpack_require__","Layout","_ref","children","react_default","styled_components_browser_esm","Fragment","SEO","GlobalStyles","d","__webpack_exports__","common_Layout_Layout","SOCIAL","icon","GithubIcon","link","TwitterIcon","InstagramIcon","YoutubeIcon","TelegramIcon","MailIcon","HeaderWrapper","header","color","primary","background","screen","md","SocialIcons","sm","Art","figure","MaspImg","Grid","Text","StyledContainer","Container","font","darkgrey","Header","react__WEBPACK_IMPORTED_MODULE_2___default","gatsby__WEBPACK_IMPORTED_MODULE_4__","render","_components_global__WEBPACK_IMPORTED_MODULE_6__","gatsby_image__WEBPACK_IMPORTED_MODULE_5___default","fluid","art_build","childImageSharp","map","_common_ExternalLink__WEBPACK_IMPORTED_MODULE_7__","href","src","alt","Masp","_public_static_d_1564557231_json__WEBPACK_IMPORTED_MODULE_1__","FooterWrapper","footer","secondary","black","regular","Footer","react__WEBPACK_IMPORTED_MODULE_3___default","gatsby__WEBPACK_IMPORTED_MODULE_5__","gatsby_image__WEBPACK_IMPORTED_MODULE_6___default","art_pot","width","maxWidth","marginBottom","_common_ExternalLink__WEBPACK_IMPORTED_MODULE_8__","_public_static_d_1473194603_json__WEBPACK_IMPORTED_MODULE_2__","Nav","nav","NavListWrapper","mobile","NavItem","li","MobileMenu","Brand","Mobile","hide","NAV","name","anchor","Navbar","state","mobileMenuOpen","toggleMobileMenu","_this","setState","prevState","closeMobileMenu","getNavList","_ref$mobile","Scrollspy_default","items","_ref2","toLowerCase","currentClassName","offset","_ref3","key","gatsby_browser_entry","onClick","this","Logo","menu","global","Component","common_Navbar_Navbar"],"mappings":"gOA4DaA,EAAK,YAYZC,EAAWC,IAAOC,IAAVC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,YAAGJ,CAAH,wBAMRK,EAAWL,IAAOM,EAAVJ,WAAA,CAAAC,YAAA,qBAAAC,YAAA,YAAGJ,CAAH,kDAGV,SAAAO,GAAK,OAAIA,EAAMC,MAAMC,UAAUC,QAI7BC,EAAQX,IAAOC,IAAVC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,YAAGJ,CAAH,qMAkBIY,UA5FE,SAAAL,GAAS,IAAAM,EACMN,EAAMO,KAAKC,eAAjCC,EADgBH,EAChBG,YAAaC,EADGJ,EACHI,KADGC,EAEDX,EAAMY,YAArBC,EAFgBF,EAEhBE,KAAMC,EAFUH,EAEVG,KAGd,OAFAC,QAAQC,IAAIhB,EAAMY,aAGhBK,EAAAC,EAAAC,cAACC,EAAA,EAAD,KACEH,EAAAC,EAAAC,cAACE,EAAA,EAAD,MACAJ,EAAAC,EAAAC,cAACG,EAAA,EAAD,MACAL,EAAAC,EAAAC,cAACI,EAAA,EAAD,KACEN,EAAAC,EAAAC,cAACI,EAAA,EAAD,KACEN,EAAAC,EAAAC,cAACrB,EAAD,KAAWW,EAAYe,MACvBP,EAAAC,EAAAC,cAAA,UAAKV,EAAYgB,OACjBR,EAAAC,EAAAC,cAAC3B,EAAD,CAAUkC,wBAAyB,CAAEC,OAAQjB,KAC7CO,EAAAC,EAAAC,cAAA,MACES,MAAO,CACLC,QAAO,OACPC,SAAQ,OACRC,eAAc,gBACdC,UAAS,OACTC,QAAS,IAGXhB,EAAAC,EAAAC,cAAA,UACGN,GACCI,EAAAC,EAAAC,cAACf,EAAD,KACEa,EAAAC,EAAAC,cAACe,EAAA,EAAD,CAAMC,GAAItB,EAAKJ,YAAY2B,KAAMC,IAAI,QAArC,KACKxB,EAAKJ,YAAYgB,SAK5BR,EAAAC,EAAAC,cAAA,UACGL,GACCG,EAAAC,EAAAC,cAACf,EAAD,KACEa,EAAAC,EAAAC,cAACe,EAAA,EAAD,CAAMC,GAAIrB,EAAKL,YAAY2B,KAAMC,IAAI,QAClCvB,EAAKL,YAAYgB,MADpB,WASZR,EAAAC,EAAAC,cAACmB,EAAA,EAAD,6BCvDNC,EAAAC,QAAiBC,EAAA1C,EAAuB,2ICuBzB2C,EAdA,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,SAAH,OACbC,EAAA3B,EAAAC,cAAC2B,EAAA,EAAD,CAAe7C,MAAOA,KACpB4C,EAAA3B,EAAAC,cAAA0B,EAAA3B,EAAA6B,SAAA,KACEF,EAAA3B,EAAAC,cAAC6B,EAAA,EAAD,MACAH,EAAA3B,EAAAC,cAAC8B,EAAA,EAAD,MACCL,KCdPH,EAAAS,EAAAC,EAAA,sBAAAC,yBCAAb,EAAAC,QAAiBC,EAAA1C,EAAuB,yQCiBlCsD,EAAS,CACb,CACEC,KAAMC,IACNC,KAAM,kCAER,CACEF,KAAMG,IACND,KAAM,kCAER,CACEF,KAAMI,IACNF,KAAM,oCAER,CACEF,KAAMK,IACNH,KAAM,wCAER,CACEF,KAAMM,IACNJ,KAAM,2BAER,CACEF,KAAMO,IACNL,KAAM,mCAoDJM,EAAgBrE,IAAOsE,OAAVpE,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAGJ,CAAH,sPACG,SAAAO,GAAK,OAAIA,EAAMC,MAAM+D,MAAMC,SAC7BC,IASG,SAAAlE,GAAK,OAAIA,EAAMC,MAAMkE,OAAOC,KAM7CC,EAAc5E,IAAOC,IAAVC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAAGJ,CAAH,mNAkBM,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOG,KAK7CC,EAAM9E,IAAO+E,OAAV7E,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAAGJ,CAAH,6EAMgB,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOC,KAM/CK,EAAUhF,IAAO+E,OAAV7E,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAH,sEASPiF,EAAOjF,IAAOC,IAAVC,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAGJ,CAAH,8JAKa,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOC,IAK3CG,GAMFI,EAAOlF,IAAOC,IAAVC,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAGJ,CAAH,oHAKa,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOC,KAM7CQ,EAAkBnF,YAAOoF,KAAVlF,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAGJ,CAAH,mIAKE,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOG,KAMnC7E,IAAOC,IAAVC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAH,iOAQM,SAAAO,GAAK,OAAIA,EAAMC,MAAM6E,KAAKb,SAOrB,SAAAjE,GAAK,OAAIA,EAAMC,MAAM+D,MAAMe,WAIpCC,IAtKA,kBACbC,EAAA/D,EAAAC,cAAC+D,EAAA,EAAD,CACE3F,MAAK,aAcL4F,OAAQ,SAAA5E,GAAI,OACV0E,EAAA/D,EAAAC,cAAC2C,EAAD,KACEmB,EAAA/D,EAAAC,cAACiE,EAAA,EAAD,KACEH,EAAA/D,EAAAC,cAACuD,EAAD,KACEO,EAAA/D,EAAAC,cAACoD,EAAD,KACEU,EAAA/D,EAAAC,cAACkE,EAAAnE,EAAD,CAAKoE,MAAO/E,EAAKgF,UAAUC,gBAAgBF,SAE7CL,EAAA/D,EAAAC,cAACwD,EAAD,KACEM,EAAA/D,EAAAC,cAAA,wKACA8D,EAAA/D,EAAAC,cAAA,WACA8D,EAAA/D,EAAAC,cAAA,SACE8D,EAAA/D,EAAAC,cAACyD,EAAD,KACEK,EAAA/D,EAAAC,cAACkD,EAAD,KACGhB,EAAOoC,IAAI,SAAA9C,GAAA,IAAGW,EAAHX,EAAGW,KAAME,EAATb,EAASa,KAAT,OACVyB,EAAA/D,EAAAC,cAACuE,EAAA,EAAD,CAAcC,KAAMnC,GAClByB,EAAA/D,EAAAC,cAAA,OAAKyE,IAAKtC,EAAMuC,IAAI,gBAOhCZ,EAAA/D,EAAAC,cAACsD,EAAD,KACEQ,EAAA/D,EAAAC,cAAA,OAAKyE,IAAKE,IAAMD,IAAI,qBAtChCtF,KAAAwF,spGC7CFxD,EAAAC,QAAiBC,EAAA1C,EAAuB,8PCgBlCsD,EAAS,CACb,CACEC,KAAMC,IACNC,KAAM,kCAER,CACEF,KAAMG,IACND,KAAM,kCAER,CACEF,KAAMI,IACNF,KAAM,oCAER,CACEF,KAAMK,IACNH,KAAM,wCAER,CACEF,KAAMM,IACNJ,KAAM,2BAER,CACEF,KAAMO,IACNL,KAAM,mCA8CJa,EAAc5E,IAAOC,IAAVC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAAGJ,CAAH,mGASM,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOG,KAK7C0B,EAAgBvG,IAAOwG,OAAVtG,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAGJ,CAAH,oHACG,SAAAO,GAAK,OAAIA,EAAMC,MAAM+D,MAAMC,SAC7BC,KAiBdK,GAXY9E,IAAOC,IAAVC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAGJ,CAAH,yEACE,SAAAO,GAAK,OAAIA,EAAMC,MAAM6E,KAAKoB,WACvC,SAAAlG,GAAK,OAAIA,EAAMC,MAAMC,UAAUC,OACxB,SAAAH,GAAK,OAAIA,EAAMC,MAAM+D,MAAMmC,MAAMC,UAQhC3G,IAAO+E,OAAV7E,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAAGJ,CAAH,oEAOHmF,EAAkBnF,YAAOoF,KAAVlF,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAGJ,CAAH,yOAYE,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOG,KAMpC+B,IApGA,kBACbC,EAAApF,EAAAC,cAACoF,EAAA,EAAD,CACEhH,MAAK,aAcL4F,OAAQ,SAAA5E,GAAI,OACV+F,EAAApF,EAAAC,cAACmF,EAAApF,EAAM6B,SAAP,KAEIuD,EAAApF,EAAAC,cAACoD,EAAD,KACE+B,EAAApF,EAAAC,cAACqF,EAAAtF,EAAD,CACEoE,MAAO/E,EAAKkG,QAAQjB,gBAAgBF,MACpC1D,MAAO,CAAE8E,MAAO,IAAKC,SAAU,OAAQC,aAAc,OAI3DN,EAAApF,EAAAC,cAAC6E,EAAD,KACEM,EAAApF,EAAAC,cAACyD,EAAD,KACE0B,EAAApF,EAAAC,cAACkD,EAAD,KACGhB,EAAOoC,IAAI,SAAA9C,GAAA,IAAGW,EAAHX,EAAGW,KAAME,EAATb,EAASa,KAAT,OACV8C,EAAApF,EAAAC,cAAC0F,EAAA,EAAD,CAAclB,KAAMnC,GAClB8C,EAAApF,EAAAC,cAAA,OAAKyE,IAAKtC,EAAMuC,IAAI,aAJ5B,0DA1BRtF,KAAAuG,8HCxCWC,EAAMtH,IAAOuH,IAAVrH,WAAA,CAAAC,YAAA,aAAAC,YAAA,gBAAGJ,CAAH,yHAWHmF,EAAkBnF,YAAOoF,KAAVlF,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAGJ,CAAH,oEAMfwH,EAAiBxH,IAAOC,IAAVC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAGJ,CAAH,2FAQrB,SAAAkD,GAAA,OAAAA,EAAGuE,QACG,kDAIAC,EAJA,iFAYCA,EAAU1H,IAAO2H,GAAVzH,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAH,4HAEH,SAAAO,GAAK,OAAIA,EAAMC,MAAM6E,KAAKb,SACvC,SAAAjE,GAAK,OAAIA,EAAMC,MAAMC,UAAUC,QAetBkH,EAAa5H,IAAOC,IAAVC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAGJ,CAAH,kCAKV6H,EAAQ7H,IAAOC,IAAVC,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAGJ,CAAH,qBACD,SAAAO,GAAK,OAAIA,EAAMC,MAAM6E,KAAKb,UAG9BsD,EAAS9H,IAAOC,IAAVC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGJ,CAAH,2DAGI,SAAAO,GAAK,OAAIA,EAAMC,MAAMkE,OAAOC,IAI/C,SAAApE,GAAK,OACLA,EAAMwH,MAAN,mDAIqBxH,EAAMC,MAAMkE,OAAOC,GAJxC,oEC3DJ,IAAMqD,EAAM,CACV,CACEC,KAAM,QACNC,OAAQ,UAEV,CACED,KAAM,MACNC,OAAQ,QAEV,CACED,KAAM,OACNC,OAAQ,QAEV,CACED,KAAM,UACNC,OAAQ,WAEV,CACED,KAAM,OACNC,OAAQ,SAqEGC,8JAhEbC,MAAQ,CACNC,gBAAgB,KAGlBC,iBAAmB,WACjBC,EAAKC,SAAS,SAAAC,GAAS,MAAK,CAAEJ,gBAAiBI,EAAUJ,qBAG3DK,gBAAkB,WACZH,EAAKH,MAAMC,gBACbE,EAAKC,SAAS,CAAEH,gBAAgB,OAIpCM,WAAa,SAAAzF,GAAA,IAAA0F,EAAA1F,EAAGuE,cAAH,IAAAmB,KAAA,OACXxF,EAAA3B,EAAAC,cAAC8F,EAAD,CAAgBC,OAAQA,GACtBrE,EAAA3B,EAAAC,cAACmH,EAAApH,EAAD,CACEqH,MAAOd,EAAIhC,IAAI,SAAA+C,GAAA,OAAAA,EAAGd,KAAgBe,gBAClCC,iBAAiB,SACjBxB,OAAQA,EACRyB,QAAS,IAERlB,EAAIhC,IAAI,SAAAmD,GAAA,IAAGlB,EAAHkB,EAAGlB,KAAMC,EAATiB,EAASjB,OAAT,OACP9E,EAAA3B,EAAAC,cAACgG,EAAD,CAAS0B,IAAKnB,GACZ7E,EAAA3B,EAAAC,cAAC2H,EAAA,EAAD,CAAM3G,GAAIwF,EAAQoB,QAASf,EAAKG,iBAC7BT,qHAQbvC,OAAA,WAAS,IACC2C,EAAmBkB,KAAKnB,MAAxBC,eAER,OACEjF,EAAA3B,EAAAC,cAAC4F,EAAQiC,KAAKhJ,MACZ6C,EAAA3B,EAAAC,cAACyD,EAAD,KACE/B,EAAA3B,EAAAC,cAACmG,EAAD,KACEzE,EAAA3B,EAAAC,cAAC2H,EAAA,EAAD,CAAM3G,GAAG,KACPU,EAAA3B,EAAAC,cAAA,OAAKyE,IAAKqD,IAAMpD,IAAI,kBAGxBhD,EAAA3B,EAAAC,cAACoG,EAAD,KACE1E,EAAA3B,EAAAC,cAAA,UAAQ4H,QAASC,KAAKjB,iBAAmBnG,MAAO,CAAEoC,MAAO,UACvDnB,EAAA3B,EAAAC,cAAC+H,EAAA,EAAD,QAIJrG,EAAA3B,EAAAC,cAACoG,EAAD,CAAQC,MAAI,GAAEwB,KAAKZ,WAAW,MAEhCvF,EAAA3B,EAAAC,cAACoG,EAAD,KACGO,GACCjF,EAAA3B,EAAAC,cAACkG,EAAD,KACExE,EAAA3B,EAAAC,cAACgI,EAAA,EAAD,KAAYH,KAAKZ,WAAW,CAAElB,QAAQ,YAxD/BkC,aCzCrB3G,EAAAS,EAAAC,EAAA,sBAAAkG","file":"component---src-templates-blog-post-js-224e4d70d1921363b332.js","sourcesContent":["import React from 'react';\nimport { graphql, Link } from 'gatsby';\n\nimport Layout from '@common/Layout';\nimport Navbar from '@common/Navbar';\nimport styled from 'styled-components';\n\nimport Header from '@sections/Header';\nimport Footer from '@sections/Footer';\nimport { Section, Container } from '@components/global';\n\nconst Template = props => {\n  const { frontmatter, html } = props.data.markdownRemark;\n  const { prev, next } = props.pageContext;\n  console.log(props.pageContext);\n\n  return (\n    <Layout>\n      <Navbar />\n      <Header />\n      <Container>\n        <Section>\n          <Subtitle>{frontmatter.date}</Subtitle>\n          <h1>{frontmatter.title}</h1>\n          <PostBody dangerouslySetInnerHTML={{ __html: html }} />\n          <ul\n            style={{\n              display: `flex`,\n              flexWrap: `wrap`,\n              justifyContent: `space-between`,\n              listStyle: `none`,\n              padding: 0,\n            }}\n          >\n            <li>\n              {prev && (\n                <Arrow>\n                  <Link to={prev.frontmatter.path} rel=\"prev\">\n                    ← {prev.frontmatter.title}\n                  </Link>\n                </Arrow>\n              )}\n            </li>\n            <li>\n              {next && (\n                <Arrow>\n                  <Link to={next.frontmatter.path} rel=\"next\">\n                    {next.frontmatter.title} →\n                  </Link>\n                </Arrow>\n              )}\n            </li>\n          </ul>\n        </Section>\n      </Container>\n      <Footer />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query($pathSlug: String!) {\n    markdownRemark(frontmatter: { path: { eq: $pathSlug } }) {\n      html\n      frontmatter {\n        title\n        date\n      }\n    }\n  }\n`;\n\nconst PostBody = styled.div`\n  p {\n    margin: 1.5em 0;\n  }\n`;\n\nconst Subtitle = styled.p`\n  margin: 1em 0;\n  font-family: sans;\n  ${props => props.theme.font_size.small};\n  color: #aaa;\n`;\n\nconst Arrow = styled.div`\n  a {\n    text-decoration: none;\n    font-size: 2em;\n    font-family: sans-serif;\n    font-weight: bold;\n    color: #fff;\n    background-color: #f8a12e;\n    padding: 0 5px;\n    border-radius: 5px;\n\n    &:hover {\n      color: #444;\n      background-color: #ff9406;\n    }\n  }\n`;\n\nexport default Template;\n","module.exports = __webpack_public_path__ + \"static/bg-f32c3990d9666f94c0ef776595f83bbd.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ThemeProvider } from 'styled-components';\n\nimport SEO from '@common/SEO';\n\nimport theme from '@styles/theme';\nimport GlobalStyles from '@styles/GlobalStyles';\n\nconst Layout = ({ children }) => (\n  <ThemeProvider theme={theme}>\n    <>\n      <SEO />\n      <GlobalStyles />\n      {children}\n    </>\n  </ThemeProvider>\n);\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default Layout;\n","export { default } from './Layout';\n","module.exports = __webpack_public_path__ + \"static/logo-e286eb56a31b5992db07d70fccef9d4a.png\";","import React from 'react';\nimport styled from 'styled-components';\nimport { StaticQuery, graphql } from 'gatsby';\nimport Img from 'gatsby-image';\n\nimport { Container } from '@components/global';\nimport ExternalLink from '@common/ExternalLink';\nimport background from '@static/bg.png';\nimport Masp from '@images/masp.png';\n\nimport GithubIcon from '@static/icons/github.svg';\nimport YoutubeIcon from '@static/icons/youtube.svg';\nimport TwitterIcon from '@static/icons/twitter.svg';\nimport InstagramIcon from '@static/icons/instagram.svg';\nimport TelegramIcon from '@static/icons/telegram.svg';\nimport MailIcon from '@static/icons/mail.svg';\n\nconst SOCIAL = [\n  {\n    icon: GithubIcon,\n    link: 'https://github.com/linuxdev-br',\n  },\n  {\n    icon: TwitterIcon,\n    link: 'https://twitter.com/linuxdevbr',\n  },\n  {\n    icon: InstagramIcon,\n    link: 'https://instagram.com/linuxdevbr',\n  },\n  {\n    icon: YoutubeIcon,\n    link: 'https://www.youtube.com/c/linuxdevbr',\n  },\n  {\n    icon: TelegramIcon,\n    link: 'https://t.me/linuxdevbr',\n  },\n  {\n    icon: MailIcon,\n    link: 'mailto:contact@linuxdev-br.net',\n  },\n];\n\nconst Header = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        art_build: file(\n          sourceInstanceName: { eq: \"art\" }\n          name: { eq: \"header-no-dates\" }\n        ) {\n          childImageSharp {\n            fluid(maxWidth: 1400) {\n              ...GatsbyImageSharpFluid_withWebp_tracedSVG\n            }\n          }\n        }\n      }\n    `}\n    render={data => (\n      <HeaderWrapper>\n        <Container>\n          <Grid>\n            <Art>\n              <Img fluid={data.art_build.childImageSharp.fluid} />\n            </Art>\n            <Text>\n              <h3>A meeting point for developers, technologists and industry leaders who are creating the next generation of technology with Free and Open Source Software. </h3>\n              <br />\n              <p>\n                <StyledContainer>\n                  <SocialIcons>\n                    {SOCIAL.map(({ icon, link }) => (\n                      <ExternalLink href={link}>\n                        <img src={icon} alt=\"link\" />\n                      </ExternalLink>\n                    ))}\n                  </SocialIcons>\n                </StyledContainer>\n              </p>\n            </Text>\n            <MaspImg>\n              <img src={Masp} alt=\"linuxdev-br\" />\n            </MaspImg>\n          </Grid>\n        </Container>\n      </HeaderWrapper>\n    )}\n  />\n);\n\nconst HeaderWrapper = styled.header`\n  background-color: ${props => props.theme.color.primary};\n  background: url(${background}) no-repeat left bottom;\n  background-size: cover;\n  color: #fff;\n  height: 100%;\n  overflow: hidden;\n  padding-top: 200px;\n  padding-bottom: 200px;\n  position: relative;\n\n  @media (max-width: ${props => props.theme.screen.md}) {\n    margin-top: -305px;\n    padding-top: 300px;\n  }\n`;\n\nconst SocialIcons = styled.div`\n  display: flex;\n  a {\n    background-color: rgba(256, 256, 256, 0.2);\n    border-radius: 4px;\n    margin: 0 5px;\n    padding: 5px 2px;\n    display: flex;\n  }\n  z-index: 3;\n\n\n  img {\n    margin: 0 8px;\n    width: 24px;\n    height: 24px;\n  }\n\n  @media (max-width: ${props => props.theme.screen.sm}) {\n    margin-top: 40px;\n  }\n`;\n\nconst Art = styled.figure`\n  width: 100%;\n  margin: 0;\n  z-index: 2;\n\n  > div {\n    @media (max-width: ${props => props.theme.screen.md}) {\n      width: 100%;\n    }\n  }\n`;\n\nconst MaspImg = styled.figure`\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  padding: 0;\n  z-index: 1;\n`;\n\nconst Grid = styled.div`\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 64px;\n\n  @media (max-width: ${props => props.theme.screen.md}) {\n    grid-template-columns: 1fr;\n    grid-gap: 80px;\n    margin-top; 220px;\n\n    > ${Art} {\n      order: 0;\n    }\n  }\n`;\n\nconst Text = styled.div`\n  vertical-align: top;\n  margin-bottom: 80px;\n  z-index: 2;\n\n  @media (max-width: ${props => props.theme.screen.md}) {\n    justify-self: start;\n    margin-bottom: 250px;\n  }\n`;\n\nconst StyledContainer = styled(Container)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  @media (max-width: ${props => props.theme.screen.sm}) {\n    flex-direction: column;\n    text-align: center;\n  }\n`;\n\nconst BoxLink = styled.div`\n  a {\n    text-transform: uppercase;\n    border: 2px solid #fff;\n    border-radius: 6px;\n    text-decoration: none;\n    text-align: center;\n    display: inline-block;\n    font-family: ${props => props.theme.font.primary};\n    margin: 35px 0;\n    padding: 16px 20px;\n    font-size: 2em;\n  }\n\n  a:hover {\n    border: 2px solid ${props => props.theme.color.darkgrey};\n  }\n`;\n\nexport default Header;\n","module.exports = __webpack_public_path__ + \"static/masp-1f5b7641ac3662d69feb4d7636df937a.png\";","import React from 'react';\nimport styled from 'styled-components';\nimport { StaticQuery, graphql } from 'gatsby';\nimport Img from 'gatsby-image';\n\nimport { Container } from '@components/global';\nimport ExternalLink from '@common/ExternalLink';\n\nimport GithubIcon from '@static/icons/github.svg';\nimport YoutubeIcon from '@static/icons/youtube.svg';\nimport TwitterIcon from '@static/icons/twitter.svg';\nimport InstagramIcon from '@static/icons/instagram.svg';\nimport TelegramIcon from '@static/icons/telegram.svg';\nimport MailIcon from '@static/icons/mail.svg';\nimport background from '@static/bg.png';\n\nconst SOCIAL = [\n  {\n    icon: GithubIcon,\n    link: 'https://github.com/linuxdev-br',\n  },\n  {\n    icon: TwitterIcon,\n    link: 'https://twitter.com/linuxdevbr',\n  },\n  {\n    icon: InstagramIcon,\n    link: 'https://instagram.com/linuxdevbr',\n  },\n  {\n    icon: YoutubeIcon,\n    link: 'https://www.youtube.com/c/linuxdevbr',\n  },\n  {\n    icon: TelegramIcon,\n    link: 'https://t.me/linuxdevbr',\n  },\n  {\n    icon: MailIcon,\n    link: 'mailto:contact@linuxdev-br.net',\n  },\n];\n\nconst Footer = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        art_pot: file(\n          sourceInstanceName: { eq: \"art\" }\n          name: { eq: \"logo_circle\" }\n        ) {\n          childImageSharp {\n            fluid(maxWidth: 960) {\n              ...GatsbyImageSharpFluid_withWebp_tracedSVG\n            }\n          }\n        }\n      }\n    `}\n    render={data => (\n      <React.Fragment>\n        {\n          <Art>\n            <Img\n              fluid={data.art_pot.childImageSharp.fluid}\n              style={{ width: 200, maxWidth: '100%', marginBottom: 16 }}\n            />\n          </Art>\n        }\n        <FooterWrapper>\n          <StyledContainer>\n            <SocialIcons>\n              {SOCIAL.map(({ icon, link }) => (\n                <ExternalLink href={link}>\n                  <img src={icon} alt=\"link\" />\n                </ExternalLink>\n              ))}\n            </SocialIcons> Linux is a registered trademark of Linus Torvalds.\n          </StyledContainer>\n        </FooterWrapper>\n      </React.Fragment>\n    )}\n  />\n);\n\nconst SocialIcons = styled.div`\n  display: flex;\n\n  img {\n    margin: 0 8px;\n    width: 24px;\n    height: 24px;\n  }\n\n  @media (max-width: ${props => props.theme.screen.sm}) {\n    margin-top: 40px;\n  }\n`;\n\nconst FooterWrapper = styled.footer`\n  background-color: ${props => props.theme.color.primary};\n  background: url(${background}) no-repeat left bottom;\n  background-size: cover;\n  color: #fff;\n  padding: 40px 0;\n`;\n\nconst Copyright = styled.div`\n  font-family: ${props => props.theme.font.secondary};\n  ${props => props.theme.font_size.small};\n  color: ${props => props.theme.color.black.regular};\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n`;\n\nconst Art = styled.figure`\n  display: flex;\n  justify-content: center;\n  margin: 0;\n  margin-top: 48px;\n`;\n\nconst StyledContainer = styled(Container)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  a {\n    background-color: rgba(256, 256, 256, 0.2);\n    border-radius: 4px;\n    margin: 0 5px;\n    padding: 5px 2px;\n    display: flex;\n  }\n\n  @media (max-width: ${props => props.theme.screen.sm}) {\n    flex-direction: column;\n    text-align: center;\n  }\n`;\n\nexport default Footer;\n","import styled from 'styled-components';\n\nimport { Container } from '@components/global';\n\nexport const Nav = styled.nav`\n  padding: 0;\n  margin-bottom: -105px;\n  width: 100%;\n  top: 0;\n  position: relative;\n  background-color: rgba(256, 256, 256, 0.3);\n  z-index: 3;\n\n`;\n\nexport const StyledContainer = styled(Container)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const NavListWrapper = styled.div`\n  ul {\n    list-style: none;\n    margin-bottom: 0.5em;\n    padding: 0;\n    display: flex;\n    flex-direction: row;\n\n    ${({ mobile }) =>\n      mobile &&\n      `\n        flex-direction: column;\n\n        > ${NavItem} {\n          margin: 0;\n          margin-bottom: 0.5em;\n        }\n      `};\n  }\n`;\n\nexport const NavItem = styled.li`\n  margin: 0 0.75em;\n  font-family: ${props => props.theme.font.primary};\n  ${props => props.theme.font_size.small};\n\n  a {\n    text-decoration: none;\n    color: #fff;\n    text-transform: uppercase;\n  }\n\n  &.active {\n    a {\n      opacity: 1;\n    }\n  }\n`;\n\nexport const MobileMenu = styled.div`\n  width: 100%;\n  text-align: right;\n`;\n\nexport const Brand = styled.div`\n  font-family: ${props => props.theme.font.primary};\n`;\n\nexport const Mobile = styled.div`\n  display: none;\n\n  @media (max-width: ${props => props.theme.screen.md}) {\n    display: block;\n  }\n\n  ${props =>\n    props.hide &&\n    `\n    display: block;\n\n    @media (max-width: ${props.theme.screen.md}) {\n      display: none;\n    }\n  `}\n`;\n","import React, { Component } from 'react';\nimport Scrollspy from 'react-scrollspy';\nimport { Link } from 'gatsby';\n\nimport { Container } from '@components/global';\nimport {\n  Nav,\n  NavItem,\n  Brand,\n  StyledContainer,\n  NavListWrapper,\n  MobileMenu,\n  Mobile,\n} from './style';\n\nimport { ReactComponent as MenuIcon } from '@static/icons/menu.svg';\nimport Logo from '@images/art/logo.png';\n\nconst NAV = [\n  {\n    name: 'About',\n    anchor: '#about',\n  },\n  {\n    name: 'FAQ',\n    anchor: '#faq',\n  },\n  {\n    name: 'News',\n    anchor: 'news',\n  },\n  {\n    name: 'Mission',\n    anchor: 'mission',\n  },\n  {\n    name: '2019',\n    anchor: '2019',\n  },\n];\n\nclass Navbar extends Component {\n  state = {\n    mobileMenuOpen: false,\n  };\n\n  toggleMobileMenu = () => {\n    this.setState(prevState => ({ mobileMenuOpen: !prevState.mobileMenuOpen }));\n  };\n\n  closeMobileMenu = () => {\n    if (this.state.mobileMenuOpen) {\n      this.setState({ mobileMenuOpen: false });\n    }\n  };\n\n  getNavList = ({ mobile = false }) => (\n    <NavListWrapper mobile={mobile}>\n      <Scrollspy\n        items={NAV.map(({ name }) => name.toLowerCase())}\n        currentClassName=\"active\"\n        mobile={mobile}\n        offset={-64}\n      >\n        {NAV.map(({ name, anchor }) => (\n          <NavItem key={name}>\n            <Link to={anchor} onClick={this.closeMobileMenu}>\n              {name}\n            </Link>\n          </NavItem>\n        ))}\n      </Scrollspy>\n    </NavListWrapper>\n  );\n\n  render() {\n    const { mobileMenuOpen } = this.state;\n\n    return (\n      <Nav {...this.props}>\n        <StyledContainer>\n          <Brand>\n            <Link to=\"/\">\n              <img src={Logo} alt=\"linuxdev-br\" />\n            </Link>\n          </Brand>\n          <Mobile>\n            <button onClick={this.toggleMobileMenu}  style={{ color: 'black' }}>\n              <MenuIcon />\n            </button>\n          </Mobile>\n\n          <Mobile hide>{this.getNavList({})}</Mobile>\n        </StyledContainer>\n        <Mobile>\n          {mobileMenuOpen && (\n            <MobileMenu>\n              <Container>{this.getNavList({ mobile: true })}</Container>\n            </MobileMenu>\n          )}\n        </Mobile>\n      </Nav>\n    );\n  }\n}\n\nexport default Navbar;\n","export { default } from './Navbar';\n"],"sourceRoot":""}