component---src-pages-index-js-c779667f55a50d60dfe4.js.map

{"version":3,"sources":["webpack:///./src/components/common/Layout/style.js","webpack:///./src/components/common/Layout/index.jsx","webpack:///./src/pages/index.js","webpack:///./src/components/landing/Welcome/style.js","webpack:///./src/components/landing/Welcome/index.jsx","webpack:///./src/components/landing/index.js","webpack:///./static/code.jpg"],"names":["opacity0to100","keyframes","_templateObject","Global","createGlobalStyle","_templateObject2","Nav","styled","nav","withConfig","displayName","componentId","Ul","ul","Li","li","A","a","Layout","_ref","children","react_default","createElement","Fragment","href","__webpack_exports__","Layout_Layout","landing","slideFromLeft","Title","div","ImageWrapper","code","Section","section","__webpack_require__","d","Welcome_Welcome","Welcome","_Skills__WEBPACK_IMPORTED_MODULE_0__","o","_Contact__WEBPACK_IMPORTED_MODULE_1__","_Projects__WEBPACK_IMPORTED_MODULE_2__","_Welcome__WEBPACK_IMPORTED_MODULE_3__","module","exports","p"],"mappings":"8XAKA,IAAMA,EAAgBC,YAAHC,KASNC,EAASC,YAAHC,KAGNC,EAAMC,IAAOC,IAAVC,WAAA,CAAAC,YAAA,aAAAC,YAAA,gBAAGJ,CAAH,yGAODP,GAIFY,EAAKL,IAAOM,GAAVJ,WAAA,CAAAC,YAAA,YAAAC,YAAA,gBAAGJ,CAAH,gEAKFO,EAAKP,IAAOQ,GAAVN,WAAA,CAAAC,YAAA,YAAAC,YAAA,gBAAGJ,CAAH,0EAMFS,EAAIT,IAAOU,EAAVR,WAAA,CAAAC,YAAA,WAAAC,YAAA,gBAAGJ,CAAH,gcCpCDW,EAAS,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,SAAH,OACpBC,EAAAJ,EAAAK,cAAAD,EAAAJ,EAAAM,SAAA,KACEF,EAAAJ,EAAAK,cAACnB,EAAD,MACAkB,EAAAJ,EAAAK,cAAChB,EAAD,KACEe,EAAAJ,EAAAK,cAACV,EAAD,KACES,EAAAJ,EAAAK,cAACR,EAAD,KAAIO,EAAAJ,EAAAK,cAACN,EAAD,CAAGQ,KAAK,KAAR,aACJH,EAAAJ,EAAAK,cAACR,EAAD,KAAIO,EAAAJ,EAAAK,cAACN,EAAD,CAAGQ,KAAK,KAAR,WACJH,EAAAJ,EAAAK,cAACR,EAAD,KAAIO,EAAAJ,EAAAK,cAACN,EAAD,CAAGQ,KAAK,KAAR,cAGPJ,ICTUK,EAAA,0BACbJ,EAAAJ,EAAAK,cAACI,EAAD,KACEL,EAAAJ,EAAAK,cAAA,YACED,EAAAJ,EAAAK,cAACK,EAAA,QAAD,sJCJAC,EAAgB3B,YAAH,mEASbD,EAAgBC,YAAH,oCASN4B,EAAQtB,IAAOuB,IAAVrB,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAGJ,CAAH,wGAMHP,GAGF+B,EAAexB,IAAOuB,IAAVrB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAAGJ,CAAH,yHACCyB,IAIXJ,GAGFK,EAAU1B,IAAO2B,QAAVzB,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAGJ,CAAH,uHCtCpB4B,EAAAC,EAAAX,EAAA,sBAAAY,IAGO,IAAMC,EAAU,kBACrBjB,EAAAJ,EAAAK,cAACW,EAAD,KACEZ,EAAAJ,EAAAK,cAACO,EAAD,KACIR,EAAAJ,EAAAK,cAAA,oBACAD,EAAAJ,EAAAK,cAAA,oDAEJD,EAAAJ,EAAAK,cAACS,EAAD,0CCTJ,IAAAQ,EAAAJ,EAAA,KAAAA,EAAAK,EAAAD,EAAA,YAAAJ,EAAAC,EAAAX,EAAA,4BAAAc,EAAA,cAAAE,EAAAN,EAAA,KAAAA,EAAAK,EAAAC,EAAA,YAAAN,EAAAC,EAAAX,EAAA,4BAAAgB,EAAA,cAAAC,EAAAP,EAAA,KAAAA,EAAAK,EAAAE,EAAA,YAAAP,EAAAC,EAAAX,EAAA,4BAAAiB,EAAA,cAAAC,EAAAR,EAAA,KAAAA,EAAAC,EAAAX,EAAA,4BAAAkB,EAAA,yBCAAC,EAAAC,QAAiBV,EAAAW,EAAuB","file":"component---src-pages-index-js-c779667f55a50d60dfe4.js","sourcesContent":["import { createGlobalStyle, keyframes } from \"styled-components\"\nimport styled from 'styled-components'\nimport './normalize.css'\nimport './style.css'\n\nconst opacity0to100 = keyframes`\n  0%{\n  opacity: 0;\n  }\n  100%{\n  opacity: 1;\n  }\n`\n\nexport const Global = createGlobalStyle`\n  \n`\nexport const Nav = styled.nav`\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  z-index: 2;\n  margin: 15px 0;\n  animation: ${opacity0to100} 1.5s alternate;\n\n`\n\nexport const Ul = styled.ul`\n  display: flex;\n  justify-content: space-around;\n  overflow: hidden;\n`\nexport const Li = styled.li`\n  position: relative;\n  list-style: none;\n  padding: 10px 20px;\n  overflow: hidden;\n`\nexport const A = styled.a`\n    overflow: hidden;\n    font-size: 20px;\n    text-decoration: none;\n    padding: 7px 15px;\n    color: lightcoral;\n    border: lightcoral 1.4px solid;\n    border-radius: 15px;\n    transition: color 0.3s linear ;\n    \n  &::before{\n    z-index: -1;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    content: '';\n    border-radius: 15px;\n    width: 70%;\n    height: 100%;\n    background-color: lightcoral;\n    transform: translateY(45px);\n    transition: transform .2s linear;\n    }\n    \n  &:hover::before{\n  transform: translateY(0);\n  }  \n    &:hover{\n      color: #ffffff;\n    }\n`","import React from 'react'\nimport { Global, Nav, Ul, Li, A} from './style'\n\nexport const Layout = ({ children }) => (\n  <>\n    <Global />\n    <Nav>\n      <Ul>\n        <Li><A href=\"#\">Projects</A></Li>\n        <Li><A href=\"#\">Skills</A></Li>\n        <Li><A href=\"#\">Contact</A></Li>\n      </Ul>\n    </Nav>\n    {children}\n  </>\n)","import React from \"react\"\nimport { Welcome } from '../components/landing'\nimport {Layout} from \"../components/common/Layout/index\"\n\nexport default () => (\n  <Layout>\n    <main>\n      <Welcome />\n    </main>\n  </Layout>\n)\n","import styled, { keyframes } from 'styled-components'\nimport code from '../../../../static/code.jpg'\n\nconst slideFromLeft = keyframes`\n  0%{\n  transform: translateX(100%);\n  }\n  100%{\n  transform: translateX(0);\n  }\n`\n\nconst opacity0to100 = keyframes`\n  0%{\n  opacity: 0;\n  }\n  100%{\n  opacity: 1;\n  }\n`\n\nexport const Title = styled.div`\n  color: lightcoral;\n  min-width: 50%;\n  margin-left: 5vw;\n  font-size: 50px;\n  z-index: 1;\n  animation: ${opacity0to100} 2s alternate;\n`\n\nexport const ImageWrapper = styled.div`\n  background-image: url(${code});\n  background-position: center;\n  min-width: 50%;\n  height: 100vh;\n  animation: ${slideFromLeft} 1.3s alternate linear;\n`\n\nexport const Section = styled.section`\n  display: flex;\n  overflow: hidden;\n  justify-content: space-between;\n  min-height: 100vh;\n  align-items: center;\n  position: relative;\n`","import React from 'react'\nimport {Title, Section, ImageWrapper} from './style'\n\nexport const Welcome = () => (\n  <Section>\n    <Title>\n        <h1>Hello!</h1>\n        <p>I'm Michal and I'm frontend developer!</p>\n    </Title>\n    <ImageWrapper/>\n  </Section>\n)","export * from './Skills'\nexport * from './Contact'\nexport * from './Projects'\nexport * from './Welcome'","module.exports = __webpack_public_path__ + \"static/code-dd564d20e9464c443153fe0f6eadc28d.jpg\";"],"sourceRoot":""}