component---src-pages-contact-js-b4b27aaa4e7eaff905c2.js.map

{"version":3,"sources":["webpack:///./src/components/Wrapper.js","webpack:///./src/pages/contact.js","webpack:///./.cache/gatsby-browser-entry.js","webpack:///./.cache/public-page-renderer.js","webpack:///./src/components/Paragraph.js","webpack:///./src/components/HyperText.js","webpack:///./.cache/public-page-renderer-prod.js","webpack:///./src/components/Hamburger.js","webpack:///./src/components/Header/Header.js","webpack:///./src/components/Header/H1.js","webpack:///./src/components/Header/index.js","webpack:///./src/components/Navigation/Navigation.js","webpack:///./src/components/Navigation/List.js","webpack:///./src/components/Navigation/Item.js","webpack:///./src/components/Navigation/Link.js","webpack:///./src/components/Navigation/index.js","webpack:///./src/layout/baseTheme.js","webpack:///./src/layout/redTheme.js","webpack:///./src/layout/whiteTheme.js","webpack:///./src/layout/Layout.js","webpack:///./src/components/Pill/Icon.js"],"names":["Wrapper","styled","div","_templateObject","_ref","bordered","colors","theme","secondary","contacts","icon","text","hyperlink","__webpack_exports__","react_default","a","createElement","Fragment","Layout","components_Wrapper","className","map","contact","HyperText","href","target","key","Icon","src","withPrefix","alt","Paragraph","react__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","react__WEBPACK_IMPORTED_MODULE_0___default","n","prop_types__WEBPACK_IMPORTED_MODULE_1__","prop_types__WEBPACK_IMPORTED_MODULE_1___default","gatsby_link__WEBPACK_IMPORTED_MODULE_2__","gatsby_link__WEBPACK_IMPORTED_MODULE_2___default","d","React","createContext","PropTypes","object","string","isRequired","func","m","module","exports","require","default","p","reversed","primary","_ref2","font","family","_ref3","size","_ref4","sizes","desktop","_ref5","ProdPageRenderer","location","pageResources","loader","getResourcesForPathnameSync","pathname","InternalPageRenderer","Object","assign","json","propTypes","shape","Hamburger","reverse","Header","header","Header_templateObject","H1","h1","H1_templateObject","components_Header","onClick","Header_Header","Header_H1","components_Hamburger","Navigation","nav","Navigation_templateObject","navigationToggled","List","ul","List_templateObject","Item","li","Item_templateObject","StyledLink","Link","Link_templateObject","links","to","components_Navigation","Navigation_Navigation","Navigation_List","link","Navigation_Item","style","position","top","left","title","baseTheme","redTheme","whiteTheme","GlobalStyle","createGlobalStyle","Layout_templateObject","_templateObject2","state","toggleNavigation","this","setState","prevState","render","_this2","_this$props","props","isRed","children","styled_components_browser_esm","Helmet","charset","name","content","lang","Component","img"],"mappings":"6WAEA,IAUeA,SAVCC,EAAOC,IAAVC,IAMM,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,SAAmBC,EAAtBF,EAAaG,MAASD,OAAtB,OACfD,EAAQ,aAAgBC,EAAOE,UAAc,SCC3CC,EAAW,CACf,CACEC,KAAM,gBACNC,KAAM,iCAER,CACED,KAAM,qBACNC,KAAM,0BAER,CACED,KAAM,iBACNC,KAAM,sBACNC,UAAW,mCAIAC,EAAA,0BACbC,EAAAC,EAAAC,cAAAF,EAAAC,EAAAE,SAAA,KACEH,EAAAC,EAAAC,cAACE,EAAA,EAAD,KACEJ,EAAAC,EAAAC,cAACG,EAAD,CAASC,UAAU,yBAChBX,EAASY,IAAI,SAAAC,GAAO,OACnBR,EAAAC,EAAAC,cAACO,EAAA,EAAD,CACEC,KAAMF,EAAQV,UACda,OAAO,SACPC,IAAKJ,EAAQX,MAEbG,EAAAC,EAAAC,cAACG,EAAD,CAASd,UAAQ,GACfS,EAAAC,EAAAC,cAACW,EAAA,EAAD,CAAMC,IAAKC,YAAWP,EAAQZ,MAAOoB,IAAI,KACzChB,EAAAC,EAAAC,cAACe,EAAA,EAAD,KAAYT,EAAQX,gDCtClC,IAAAqB,EAAAC,EAAA,GAAAC,EAAAD,EAAAE,EAAAH,GAAAI,EAAAH,EAAA,GAAAI,EAAAJ,EAAAE,EAAAC,GAAAE,EAAAL,EAAA,IAAAM,EAAAN,EAAAE,EAAAG,GAAAL,EAAAO,EAAA3B,EAAA,sBAAA0B,EAAAxB,IAAAkB,EAAAO,EAAA3B,EAAA,sBAAAyB,EAAA,aAAAL,EAAA,KAY2BQ,IAAMC,cAAc,IA0CvCC,IAAUC,OACTD,IAAUE,OAAOC,WAChBH,IAAUI,KACRJ,IAAUI,0BCzDtB,IAAsBC,EAKpBC,EAAOC,SALaF,EAKWG,EAAQ,OALRH,EAAEI,SAAYJ,0QCE/C,IAAMjB,SAAY9B,EAAOoD,EAAVlD,IAIJ,SAAAC,GAAA,IAAGkD,EAAHlD,EAAGkD,SAAmBhD,EAAtBF,EAAaG,MAASD,OAAtB,OACPgD,EAAWhD,EAAOiD,QAAUjD,EAAOE,WACtB,SAAAgD,GAAA,OAAAA,EAAGjD,MAASkD,KAAkBC,QAEhC,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,KAAH,OAAeA,EAAUA,EAAN,KAAiB,QAE5B,SAAAC,GAAA,OAAAA,EAAGtD,MAASuD,MAAoBC,SACtC,SAAAC,GAAA,IAAGJ,EAAHI,EAAGJ,KAAH,OAAeA,EAAUA,EAAN,KAAiB,SAItC7B,0KCff,IAAMR,SAAYtB,EAAOc,EAAVZ,KAKAoB,wGCDT0C,EAAmB,SAAA7D,GAAkB,IAAf8D,EAAe9D,EAAf8D,SACpBC,EAAgBC,UAAOC,4BAA4BH,EAASI,UAClE,OAAO7B,IAAMzB,cAAcuD,IAApBC,OAAAC,OAAA,CACLP,WACAC,iBACGA,EAAcO,QAIrBT,EAAiBU,UAAY,CAC3BT,SAAUvB,IAAUiC,MAAM,CACxBN,SAAU3B,IAAUE,OAAOC,aAC1BA,YAGUmB,6qBCnBf,IA2CeY,EA3CG5E,IAAOC,IAAVC,IAGC,SAAAC,GAAA,IAAG0E,EAAH1E,EAAG0E,QAAkBxE,EAArBF,EAAYG,MAASD,OAArB,OACZwE,EAAUxE,EAAOiD,QAAUjD,EAAOE,WAgBpB,SAAAgD,GAAA,IAAGsB,EAAHtB,EAAGsB,QAAkBxE,EAArBkD,EAAYjD,MAASD,OAArB,OACZwE,EAAUxE,EAAOE,UAAYF,EAAOiD,SAOnB,SAAAI,GAAA,OAAAA,EAAGpD,MAASuD,MAAoBC,6WC5BvD,IAoBegB,EApBA9E,IAAO+E,OAAVC,IAMI,SAAA7E,GAAA,OAAAA,EAAGG,MAASD,OAAsBiD,SACrB,SAAAC,GAAA,OAAAA,EAAGjD,MAASD,OAAsBE,WAOxC,SAAAmD,GAAA,OAAAA,EAAGpD,MAASuD,MAAoBC,SAExB,SAAAF,GAAA,OAAAA,EAAGtD,MAASD,OAAsBE,4PChBjE,IAYe0E,EAZJjF,IAAOkF,GAAVC,IAEG,SAAAhF,GAAA,OAAAA,EAAGG,MAASD,OAAsBE,WAC5B,SAAAgD,GAAA,OAAAA,EAAGjD,MAASkD,KAAkBC,QAKxB,SAAAC,GAAA,OAAAA,EAAGpD,MAASuD,MAAoBC,UCJxCsB,EAAA,SAAAjF,GAAiB,IAAdkF,EAAclF,EAAdkF,QAChB,OACExE,EAAAC,EAAAC,cAAAF,EAAAC,EAAAE,SAAA,KACEH,EAAAC,EAAAC,cAACuE,EAAD,KACEzE,EAAAC,EAAAC,cAACwE,EAAD,oBACA1E,EAAAC,EAAAC,cAAA,OAAKsE,QAASA,GACZxE,EAAAC,EAAAC,cAACyE,EAAD,kWCVV,IAuBeC,EAvBIzF,IAAO0F,IAAVC,IACA,SAAAxF,GAAA,OAAAA,EAAGG,MAASD,OAAsBE,WASlC,SAAAgD,GAAA,OAAAA,EAAGjD,MAASD,OAAsBE,WACvC,SAAAmD,GAAA,OAAAA,EAAGpD,MAASD,OAAsBiD,SAEhC,SAAAM,GAAA,OAAAA,EAAGgC,kBAA6C,OAAS,gOCbtE,IAaeC,EAbF7F,IAAO8F,GAAVC,wKCAV,IASeC,EATFhG,IAAOiG,GAAVC,IACC,SAAA/F,GAAA,OAAAA,EAAGG,MAASD,OAAsBiD,SAGtB,SAAAC,GAAA,OAAAA,EAAGjD,MAASuD,MAAoBC,gOCHvD,IAYeqC,EAZInG,YAAOoG,IAAPpG,CAAHqG,IACL,SAAAlG,GAAA,OAAAA,EAAGG,MAASD,OAAsBiD,SAC5B,SAAAC,GAAA,OAAAA,EAAGjD,MAASkD,KAAkBC,QAKxB,SAAAC,GAAA,OAAAA,EAAGpD,MAASuD,MAAoBC,4BCEjDwC,EAAQ,CACZ,CACE5F,KAAM,QACN6F,GAAI,KAEN,CACE7F,KAAM,QACN6F,GAAI,WAEN,CACE7F,KAAM,QACN6F,GAAI,WAEN,CACE7F,KAAM,aACN6F,GAAI,gBAEN,CACE7F,KAAM,WACN6F,GAAI,cAEN,CACE7F,KAAM,UACN6F,GAAI,cAIOC,EAAA,SAAArG,GAAA,IAAGyF,EAAHzF,EAAGyF,kBAAmBP,EAAtBlF,EAAsBkF,QAAtB,OACbxE,EAAAC,EAAAC,cAAC0F,EAAD,CAAYb,kBAAmBA,GAC7B/E,EAAAC,EAAAC,cAAA,OAAKI,UAAU,wBAAwBkE,QAASA,GAC9CxE,EAAAC,EAAAC,cAACyE,EAAD,CAAWX,SAAO,KAEpBhE,EAAAC,EAAAC,cAAC2F,EAAD,CAAMvF,UAAU,kCACbmF,EAAMlF,IAAI,SAAAuF,GAAI,OACb9F,EAAAC,EAAAC,cAAC6F,EAAD,CAAMnF,IAAKkF,EAAKjG,MACdG,EAAAC,EAAAC,cAACqF,EAAD,CAAMG,GAAII,EAAKJ,IAAKI,EAAKjG,UAK/BG,EAAAC,EAAAC,cAAAF,EAAAC,EAAAE,SAAA,KACEH,EAAAC,EAAAC,cAACe,EAAA,EAAD,CACE6B,KAAK,KACLN,UAAQ,EACRwD,MAAO,CACLC,SAAU,WACVC,IAAK,qBACLC,KAAM,SANV,gBASgB,IACdnG,EAAAC,EAAAC,cAACO,EAAA,EAAD,CAAWC,KAAK,oCAAoC0F,MAAM,IAA1D,6BAEa,IAZf,OAaO,IACLpG,EAAAC,EAAAC,cAACO,EAAA,EAAD,CAAWC,KAAK,4BAA4B0F,MAAM,YAAlD,oBAEa,IAhBf,iBAiBiB,IACfpG,EAAAC,EAAAC,cAACO,EAAA,EAAD,CACEC,KAAK,8CACL0F,MAAM,0BACNzF,OAAO,UAHT,iBCvEO0F,SAAA,CACb1D,KAAM,CACJC,OAAQ,iBAEVI,MAAO,CACLC,QAAS,YCHEqD,EAAA5C,OAAAC,OAAA,GACV0C,EACA,CACD7G,OAAQ,CACNiD,QAAS,UACT/C,UAAW,aCLF6G,EAAA7C,OAAAC,OAAA,GACV0C,EACA,CACD7G,OAAQ,CACNiD,QAAS,UACT/C,UAAW,wmBCKjB,IAAM8G,EAAcC,YAAHC,KAYXxH,EAAUC,IAAOC,IAAVuH,IAUG,SAAArH,GAAA,OAAAA,EAAGG,MAASD,OAAsBiD,SAE3B,SAAAC,GAAA,OAAAA,EAAGjD,MAASuD,MAAoBC,gKAMrD2D,MAAQ,CACN7B,mBAAmB,yCAGrB8B,iBAAA,WACEC,KAAKC,SAAS,SAAAC,GAAS,MAAK,CAC1BjC,mBAAoBiC,EAAUjC,wBAIlCkC,OAAA,WAAS,IAAAC,EAAAJ,KAAAK,EACqBL,KAAKM,MAAzBC,EADDF,EACCE,MAAOC,EADRH,EACQG,SACf,OACEtH,EAAAC,EAAAC,cAACqH,EAAA,EAAD,CAAe9H,MAAO4H,EAAQf,EAAWC,GACvCvG,EAAAC,EAAAC,cAAAF,EAAAC,EAAAE,SAAA,KACEH,EAAAC,EAAAC,cAACsH,EAAA,OAAD,KACExH,EAAAC,EAAAC,cAAA,QAAMuH,QAAQ,UACdzH,EAAAC,EAAAC,cAAA,QACEwH,KAAK,cACLC,QAAQ,oDAEV3H,EAAAC,EAAAC,cAAA,2BAEAF,EAAAC,EAAAC,cAAA,QAAM0H,KAAK,QAGb5H,EAAAC,EAAAC,cAACsG,EAAD,MACAxG,EAAAC,EAAAC,cAACqE,EAAD,CAAQC,QAAS,kBAAM0C,EAAKL,sBAC5B7G,EAAAC,EAAAC,cAACyF,EAAD,CACEZ,kBAAmB+B,KAAKF,MAAM7B,kBAC9BP,QAAS,kBAAM0C,EAAKL,sBAEtB7G,EAAAC,EAAAC,cAAChB,EAAD,CAASoB,UAAW+G,EAAQ,sBAAwB,IACjDC,SAlCgBO,uLCvC7B,IAAMhH,SAAO1B,EAAO2I,IAAVzI,IACC,SAAAC,GAAA,IAAGwD,EAAHxD,EAAGwD,KAAH,OAAeA,EAAUA,EAAN,KAAiB,SAMhCjC","file":"component---src-pages-contact-js-b4b27aaa4e7eaff905c2.js","sourcesContent":["import styled from \"styled-components\"\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-bottom: ${({ bordered, theme: { colors } }) =>\r\n    bordered ? `2px solid ${colors.secondary}` : \"none\"};\r\n`\r\n\r\nexport default Wrapper\r\n","import React from \"react\"\r\nimport { withPrefix } from \"gatsby\"\r\n\r\nimport Layout from \"../layout/Layout\"\r\n\r\nimport Paragraph from \"../components/Paragraph\"\r\nimport Icon from \"../components/Pill/Icon\"\r\nimport HyperText from \"../components/HyperText\"\r\nimport Wrapper from \"../components/Wrapper\"\r\n\r\nconst contacts = [\r\n  {\r\n    icon: \"svg/email.svg\",\r\n    text: \"E-mail: scheffchukk@gmail.com\",\r\n  },\r\n  {\r\n    icon: \"svg/phone-call.svg\",\r\n    text: \"Phone: +48 793-208-003\",\r\n  },\r\n  {\r\n    icon: \"svg/github.svg\",\r\n    text: \"Github: scheffchukk\",\r\n    hyperlink: \"https://github.com/scheffchukk\",\r\n  },\r\n]\r\n\r\nexport default () => (\r\n  <>\r\n    <Layout>\r\n      <Wrapper className=\"animated bounceInDown\">\r\n        {contacts.map(contact => (\r\n          <HyperText\r\n            href={contact.hyperlink}\r\n            target=\"_blank\"\r\n            key={contact.text}\r\n          >\r\n            <Wrapper bordered>\r\n              <Icon src={withPrefix(contact.icon)} alt=\"\" />\r\n              <Paragraph>{contact.text}</Paragraph>\r\n            </Wrapper>\r\n          </HyperText>\r\n        ))}\r\n      </Wrapper>\r\n    </Layout>\r\n  </>\r\n)\r\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n  withPrefix,\n  navigate,\n  push,\n  replace,\n  navigateTo,\n  parsePath,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\n\nconst StaticQueryContext = React.createContext({})\n\nconst StaticQuery = props => (\n  <StaticQueryContext.Consumer>\n    {staticQueryData => {\n      if (\n        props.data ||\n        (staticQueryData[props.query] && staticQueryData[props.query].data)\n      ) {\n        return (props.render || props.children)(\n          props.data ? props.data.data : staticQueryData[props.query].data\n        )\n      } else {\n        return <div>Loading (StaticQuery)</div>\n      }\n    }}\n  </StaticQueryContext.Consumer>\n)\n\nconst useStaticQuery = query => {\n  if (\n    typeof React.useContext !== `function` &&\n    process.env.NODE_ENV === `development`\n  ) {\n    throw new Error(\n      `You're likely using a version of React that doesn't support Hooks\\n` +\n        `Please update React and ReactDOM to 16.8.0 or later to use the useStaticQuery hook.`\n    )\n  }\n  const context = React.useContext(StaticQueryContext)\n  if (context[query] && context[query].data) {\n    return context[query].data\n  } else {\n    throw new Error(\n      `The result of this StaticQuery could not be fetched.\\n\\n` +\n        `This is likely a bug in Gatsby and if refreshing the page does not fix it, ` +\n        `please open an issue in https://github.com/gatsbyjs/gatsby/issues`\n    )\n  }\n}\n\nStaticQuery.propTypes = {\n  data: PropTypes.object,\n  query: PropTypes.string.isRequired,\n  render: PropTypes.func,\n  children: PropTypes.func,\n}\n\nfunction graphql() {\n  throw new Error(\n    `It appears like Gatsby is misconfigured. Gatsby related \\`graphql\\` calls ` +\n      `are supposed to only be evaluated at compile time, and then compiled away,. ` +\n      `Unfortunately, something went wrong and the query was left in the compiled code.\\n\\n.` +\n      `Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.`\n  )\n}\n\nexport {\n  Link,\n  withPrefix,\n  graphql,\n  parsePath,\n  navigate,\n  push, // TODO replace for v3\n  replace, // TODO remove replace for v3\n  navigateTo, // TODO: remove navigateTo for v3\n  StaticQueryContext,\n  StaticQuery,\n  PageRenderer,\n  useStaticQuery,\n}\n","const preferDefault = m => (m && m.default) || m\n\nif (process.env.BUILD_STAGE === `develop`) {\n  module.exports = preferDefault(require(`./public-page-renderer-dev`))\n} else if (process.env.BUILD_STAGE === `build-javascript`) {\n  module.exports = preferDefault(require(`./public-page-renderer-prod`))\n} else {\n  module.exports = () => null\n}\n","import styled from \"styled-components\"\r\n\r\nconst Paragraph = styled.p`\r\n  padding: 0;\r\n  margin: 0;\r\n\r\n  color: ${({ reversed, theme: { colors } }) =>\r\n    reversed ? colors.primary : colors.secondary};\r\n  font-family: ${({ theme: { font } }) => font.family};\r\n\r\n  font-size: ${({ size }) => (size ? `${size}px` : \"22px\")};\r\n\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    font-size: ${({ size }) => (size ? `${size}px` : \"28px\")};\r\n  }\r\n`\r\n\r\nexport default Paragraph\r\n","import styled from \"styled-components\"\r\n\r\nconst HyperText = styled.a`\r\n  color: inherit;\r\n  text-decoration: none;\r\n`\r\n\r\nexport default HyperText\r\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport InternalPageRenderer from \"./page-renderer\"\nimport loader from \"./loader\"\n\nconst ProdPageRenderer = ({ location }) => {\n  const pageResources = loader.getResourcesForPathnameSync(location.pathname)\n  return React.createElement(InternalPageRenderer, {\n    location,\n    pageResources,\n    ...pageResources.json,\n  })\n}\n\nProdPageRenderer.propTypes = {\n  location: PropTypes.shape({\n    pathname: PropTypes.string.isRequired,\n  }).isRequired,\n}\n\nexport default ProdPageRenderer\n","import styled from \"styled-components\"\r\n\r\nconst Hamburger = styled.div`\r\n  width: 25px;\r\n  height: 17px;\r\n  background: ${({ reverse, theme: { colors } }) =>\r\n    reverse ? colors.primary : colors.secondary};\r\n\r\n  position: relative;\r\n\r\n  cursor: pointer;\r\n\r\n  ::after,\r\n  ::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 3px;\r\n    left: 0;\r\n\r\n    width: inherit;\r\n    height: 4px;\r\n    background: ${({ reverse, theme: { colors } }) =>\r\n      reverse ? colors.secondary : colors.primary};\r\n  }\r\n\r\n  ::after {\r\n    top: 10px;\r\n  }\r\n\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    width: 36px;\r\n    height: 24px;\r\n\r\n    ::before,\r\n    ::after {\r\n      height: 6px;\r\n      top: 4px;\r\n    }\r\n\r\n    ::after {\r\n      top: 14px;\r\n    }\r\n  }\r\n`\r\nexport default Hamburger\r\n","import styled from \"styled-components\"\r\n\r\nconst Header = styled.header`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  padding: 10px;\r\n  background: ${({ theme: { colors } }) => colors.primary};\r\n  border-bottom: 2px solid ${({ theme: { colors } }) => colors.secondary};\r\n\r\n  position: sticky;\r\n  top: 0;\r\n\r\n  z-index: 1;\r\n\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    padding: 15px;\r\n    border-bottom: 3px solid ${({ theme: { colors } }) => colors.secondary};\r\n  }\r\n`\r\n\r\nexport default Header\r\n","import styled from \"styled-components\"\r\n\r\nconst H1 = styled.h1`\r\n  margin: 0;\r\n  color: ${({ theme: { colors } }) => colors.secondary};\r\n  font-family: ${({ theme: { font } }) => font.family};\r\n  text-align: center;\r\n  letter-spacing: 1.5px;\r\n\r\n  font-size: 32px;\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    font-size: 38px;\r\n  }\r\n`\r\nexport default H1\r\n","import React from \"react\"\r\n\r\nimport Hamburger from \"../Hamburger\"\r\nimport Header from \"./Header\"\r\nimport H1 from \"./H1\"\r\n\r\nexport default ({ onClick }) => {\r\n  return (\r\n    <>\r\n      <Header>\r\n        <H1>scheffchukk</H1>\r\n        <div onClick={onClick}>\r\n          <Hamburger />\r\n        </div>\r\n      </Header>\r\n    </>\r\n  )\r\n}\r\n","import styled from \"styled-components\"\r\n\r\nconst Navigation = styled.nav`\r\n  background: ${({ theme: { colors } }) => colors.secondary};\r\n\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n\r\n  width: 100vw;\r\n  height: 100vh;\r\n\r\n  background: ${({ theme: { colors } }) => colors.secondary};\r\n  color: ${({ theme: { colors } }) => colors.primary};\r\n\r\n  display: ${({ navigationToggled }) => (navigationToggled ? \"flex\" : \"none\")};\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n\r\n  z-index: 1;\r\n\r\n  padding: 30px;\r\n`\r\n\r\nexport default Navigation\r\n","import styled from \"styled-components\"\r\n\r\nconst List = styled.ul`\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  list-style: none;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n\r\n  padding: 0;\r\n`\r\n\r\nexport default List\r\n","import styled from \"styled-components\"\r\n\r\nconst Item = styled.li`\r\n  color: ${({ theme: { colors } }) => colors.primary};\r\n  text-align: center;\r\n\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    margin-bottom: 20px;\r\n  }\r\n`\r\n\r\nexport default Item\r\n","import { Link } from \"gatsby\"\r\nimport styled from \"styled-components\"\r\n\r\nconst StyledLink = styled(Link)`\r\n  color: ${({ theme: { colors } }) => colors.primary};\r\n  font-family: ${({ theme: { font } }) => font.family};\r\n  text-decoration: none;\r\n\r\n  font-size: 26px;\r\n\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    font-size: 32px;\r\n  }\r\n`\r\n\r\nexport default StyledLink\r\n","import React from \"react\"\r\n\r\nimport Navigation from \"./Navigation\"\r\nimport List from \"./List\"\r\nimport Item from \"./Item\"\r\nimport Link from \"./Link\"\r\n\r\nimport Hamburger from \"../Hamburger\"\r\n\r\nimport Paragraph from \"../Paragraph\"\r\nimport HyperText from \"../HyperText\"\r\n\r\nconst links = [\r\n  {\r\n    text: \"Start\",\r\n    to: \"/\",\r\n  },\r\n  {\r\n    text: \"About\",\r\n    to: \"/about/\",\r\n  },\r\n  {\r\n    text: \"Offer\",\r\n    to: \"/offer/\",\r\n  },\r\n  {\r\n    text: \"Advantages\",\r\n    to: \"/advantages/\",\r\n  },\r\n  {\r\n    text: \"Projects\",\r\n    to: \"/projects/\",\r\n  },\r\n  {\r\n    text: \"Contact\",\r\n    to: \"/contact/\",\r\n  },\r\n]\r\n\r\nexport default ({ navigationToggled, onClick }) => (\r\n  <Navigation navigationToggled={navigationToggled}>\r\n    <div className=\"animated bounceInDown\" onClick={onClick}>\r\n      <Hamburger reverse />\r\n    </div>\r\n    <List className=\"animated bounceInDown delay-1s\">\r\n      {links.map(link => (\r\n        <Item key={link.text}>\r\n          <Link to={link.to}>{link.text}</Link>\r\n        </Item>\r\n      ))}\r\n    </List>\r\n\r\n    <>\r\n      <Paragraph\r\n        size=\"12\"\r\n        reversed\r\n        style={{\r\n          position: \"absolute\",\r\n          top: \"calc(100vh - 22px)\",\r\n          left: \"10px\",\r\n        }}\r\n      >\r\n        Icons made by{\" \"}\r\n        <HyperText href=\"https://www.flaticon.com/authors/\" title=\"\">\r\n          Users of www.flaticon.com\r\n        </HyperText>{\" \"}\r\n        from{\" \"}\r\n        <HyperText href=\"https://www.flaticon.com/\" title=\"Flaticon\">\r\n          www.flaticon.com\r\n        </HyperText>{\" \"}\r\n        is licensed by{\" \"}\r\n        <HyperText\r\n          href=\"http://creativecommons.org/licenses/by/3.0/\"\r\n          title=\"Creative Commons BY 3.0\"\r\n          target=\"_blank\"\r\n        >\r\n          CC 3.0 BY\r\n        </HyperText>\r\n      </Paragraph>\r\n    </>\r\n  </Navigation>\r\n)\r\n","export default {\r\n  font: {\r\n    family: \"Titillium Web\",\r\n  },\r\n  sizes: {\r\n    desktop: \"1270px\",\r\n  },\r\n}\r\n","import baseTheme from \"./baseTheme\"\r\n\r\nexport default {\r\n  ...baseTheme,\r\n  ...{\r\n    colors: {\r\n      primary: \"#ff0031\",\r\n      secondary: \"#ffffff\",\r\n    },\r\n  },\r\n}\r\n","import baseTheme from \"./baseTheme\"\r\n\r\nexport default {\r\n  ...baseTheme,\r\n  ...{\r\n    colors: {\r\n      primary: \"#ffffff\",\r\n      secondary: \"#ff0031\",\r\n    },\r\n  },\r\n}\r\n","import React, { Component } from \"react\"\r\nimport { Helmet } from \"react-helmet\"\r\nimport styled, { createGlobalStyle, ThemeProvider } from \"styled-components\"\r\n\r\nimport \"animate.css\"\r\n\r\nimport Header from \"../components/Header\"\r\nimport Navigation from \"../components/Navigation\"\r\n\r\nimport redTheme from \"./redTheme\"\r\nimport whiteTheme from \"./whiteTheme\"\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n    @import url('https://fonts.googleapis.com/css?family=Titillium+Web');\r\n\r\n\t\t*, *::before, *::after {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\t\t\r\n\t\tbody {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n  `\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n\r\n  padding: 10px;\r\n\r\n  min-height: calc(100vh - 70px);\r\n\r\n  background: ${({ theme: { colors } }) => colors.primary};\r\n\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    min-height: calc(100vh - 91px);\r\n  }\r\n`\r\n\r\nexport default class extends Component {\r\n  state = {\r\n    navigationToggled: false,\r\n  }\r\n\r\n  toggleNavigation() {\r\n    this.setState(prevState => ({\r\n      navigationToggled: !prevState.navigationToggled,\r\n    }))\r\n  }\r\n\r\n  render() {\r\n    const { isRed, children } = this.props\r\n    return (\r\n      <ThemeProvider theme={isRed ? redTheme : whiteTheme}>\r\n        <>\r\n          <Helmet>\r\n            <meta charset=\"utf-8\" />\r\n            <meta\r\n              name=\"description\"\r\n              content=\"Dmitro Szewczuk - Young Fullstack web developer\"\r\n            />\r\n            <title>scheffchuk</title>\r\n\r\n            <html lang=\"en\" />\r\n          </Helmet>\r\n\r\n          <GlobalStyle />\r\n          <Header onClick={() => this.toggleNavigation()} />\r\n          <Navigation\r\n            navigationToggled={this.state.navigationToggled}\r\n            onClick={() => this.toggleNavigation()}\r\n          />\r\n          <Wrapper className={isRed ? \"animated fadeInLeft\" : \"\"}>\r\n            {children}\r\n          </Wrapper>\r\n        </>\r\n      </ThemeProvider>\r\n    )\r\n  }\r\n}\r\n","import styled from \"styled-components\"\r\n\r\nconst Icon = styled.img`\r\n  width: ${({ size }) => (size ? `${size}px` : \"64px\")};\r\n  height: auto;\r\n\r\n  margin: 10px;\r\n`\r\n\r\nexport default Icon\r\n"],"sourceRoot":""}