component---src-pages-about-js-3135ec001eaae793f8e3.js.map

{"version":3,"sources":["webpack:///./src/pages/about.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/Button.js"],"names":["__webpack_require__","r","__webpack_exports__","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","gatsby__WEBPACK_IMPORTED_MODULE_1__","_layout_Layout__WEBPACK_IMPORTED_MODULE_2__","_components_Paragraph__WEBPACK_IMPORTED_MODULE_3__","_components_Button__WEBPACK_IMPORTED_MODULE_4__","a","createElement","Fragment","className","to","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","Paragraph","styled","p","_templateObject","_ref","reversed","colors","theme","primary","secondary","_ref2","font","family","_ref3","size","_ref4","sizes","desktop","_ref5","HyperText","ProdPageRenderer","location","pageResources","loader","getResourcesForPathnameSync","pathname","InternalPageRenderer","Object","assign","json","propTypes","shape","Hamburger","div","reverse","Header","header","Header_templateObject","H1","h1","H1_templateObject","components_Header","onClick","react_default","Header_Header","Header_H1","components_Hamburger","Navigation","nav","Navigation_templateObject","navigationToggled","List","ul","List_templateObject","Item","li","Item_templateObject","StyledLink","Link","Link_templateObject","links","text","components_Navigation","Navigation_Navigation","Navigation_List","map","link","Navigation_Item","key","style","position","top","left","href","title","target","baseTheme","redTheme","whiteTheme","GlobalStyle","createGlobalStyle","Layout_templateObject","Wrapper","_templateObject2","state","toggleNavigation","this","setState","prevState","render","_this2","_this$props","props","isRed","children","styled_components_browser_esm","Component","Button","button","_ref6","_ref7","_ref8"],"mappings":"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","file":"component---src-pages-about-js-3135ec001eaae793f8e3.js","sourcesContent":["import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nimport Layout from \"../layout/Layout\"\r\n\r\nimport Paragraph from \"../components/Paragraph\"\r\nimport Button from \"../components/Button\"\r\n\r\nexport default () => (\r\n  <>\r\n    <Layout>\r\n      <Paragraph className=\"animated bounceInDown\">\r\n        My name is Dmitro Szewczuk, <br /> I'm young, 17 years old full-stack\r\n        web developer. <br />\r\n        Programming is my passion, in which I'm good at. <br />\r\n        Despite my young age, I have long programming experience. <br />\r\n        <br />I want to help people by my passion. <br /> Check what can I do\r\n        for you!\r\n      </Paragraph>\r\n      <Link to=\"/offer/\" className=\"animated bounceInLeft\">\r\n        <Button>My offer</Button>\r\n      </Link>\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  min-width: 100vw;\r\n  min-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\r\n  justify-content: space-between;\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  margin-bottom: 10px;\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: \"Main\",\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 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\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          <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 Button = styled.button`\r\n  width: 196px;\r\n  height: 47px;\r\n\r\n  border-radius: 50px;\r\n\r\n  font-family: ${({ theme: { font } }) => font.family};\r\n  font-size: 19px;\r\n  color: ${({ theme: { colors } }) => colors.secondary};\r\n\r\n  background: ${({ theme: { colors } }) => colors.primary};\r\n  border: 2px solid ${({ theme: { colors } }) => colors.secondary};\r\n  outline: none;\r\n\r\n  cursor: pointer;\r\n  transition: transform 0.5s linear;\r\n  :hover {\r\n    transform: translateY(-5px);\r\n\r\n    color: ${({ theme: { colors } }) => colors.primary};\r\n\r\n    background: ${({ theme: { colors } }) => colors.secondary};\r\n    border: 2px solid ${({ theme: { colors } }) => colors.primary};\r\n  }\r\n\r\n  @media (min-width: ${({ theme: { sizes } }) => sizes.desktop}) {\r\n    font-size: 26px;\r\n    width: 260px;\r\n    height: 70px;\r\n  }\r\n`\r\n\r\nexport default Button\r\n"],"sourceRoot":""}