component---src-pages-index-jsx-b366cbece8f715b594ee.js.map

{"version":3,"sources":["webpack:///./src/views/Hero.jsx","webpack:///./src/pages/index.jsx"],"names":["Wrapper","styled","div","withConfig","displayName","componentId","width","@media (min-width: 1200px)","Hero","_ref","children","offset","react_default","a","createElement","Fragment","Dividers","speed","animations","SVG","icon","hiddenMobile","stroke","colors","orange","left","top","red","fill","white","purple","Content","propTypes","PropTypes","node","isRequired","number","simpleCursor","show","hideWhenDone","hideWhenDoneDelay","blinkingCursor","blink","Index","Layout","renderprops_addons_cjs","pages","views_Hero","Titles","Typist_default","stdTypingDelay","className","avgTypingDelay","cursor","startDelay","gatsby_browser_entry","to"],"mappings":"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","file":"component---src-pages-index-jsx-b366cbece8f715b594ee.js","sourcesContent":["import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport styled from 'styled-components'\r\nimport tw from 'tailwind.macro'\r\nimport { colors } from '../../tailwind'\r\nimport { Divider } from '../elements/Dividers'\r\nimport Content from '../elements/Content'\r\nimport { UpDown, UpDownWide } from '../styles/animations'\r\nimport SVG from '../components/SVG'\r\n\r\nconst Wrapper = styled.div`\r\n  ${tw`w-full xl:w-2/3`};\r\n`\r\n\r\nconst Hero = ({ children, offset }) => (\r\n  <>\r\n    <Divider speed={0.2} offset={offset}>\r\n      <UpDown>\r\n        <SVG icon=\"triangle\" hiddenMobile width={48} stroke={colors.orange} left=\"10%\" top=\"10%\" />\r\n        <SVG icon=\"hexa\" width={48} stroke={colors.red} left=\"60%\" top=\"70%\" />\r\n        <SVG icon=\"box\" width={6} fill={colors['grey-darker']} left=\"60%\" top=\"15%\" />\r\n      </UpDown>\r\n      <UpDownWide>\r\n        <SVG icon=\"arrowUp\" hiddenMobile width={16} fill={colors['blue-dark']} left=\"80%\" top=\"10%\" />\r\n        <SVG icon=\"triangle\" width={12} stroke={colors.white} left=\"90%\" top=\"50%\" />\r\n        <SVG icon=\"circle\" width={16} fill={colors['grey-darker']} left=\"70%\" top=\"90%\" />\r\n        <SVG icon=\"triangle\" width={16} stroke={colors['grey-darkest']} left=\"30%\" top=\"65%\" />\r\n        <SVG icon=\"circle\" width={6} fill={colors['grey-darkest']} left=\"75%\" top=\"10%\" />\r\n        <SVG icon=\"upDown\" hiddenMobile width={8} fill={colors['grey-darkest']} left=\"45%\" top=\"10%\" />\r\n      </UpDownWide>\r\n      <SVG icon=\"circle\" hiddenMobile width={24} fill={colors['grey-darker']} left=\"5%\" top=\"70%\" />\r\n      <SVG icon=\"circle\" width={6} fill={colors['grey-darkest']} left=\"4%\" top=\"20%\" />\r\n      <SVG icon=\"circle\" width={12} fill={colors['grey-darkest']} left=\"50%\" top=\"60%\" />\r\n      <SVG icon=\"upDown\" width={8} fill={colors['grey-darkest']} left=\"95%\" top=\"90%\" />\r\n      <SVG icon=\"upDown\" hiddenMobile width={24} fill={colors['grey-darker']} left=\"40%\" top=\"80%\" />\r\n      <SVG icon=\"triangle\" width={8} stroke={colors['grey-darker']} left=\"25%\" top=\"5%\" />\r\n      <SVG icon=\"box\" hiddenMobile width={64} fill={colors.purple} left=\"5%\" top=\"90%\" />\r\n      <SVG icon=\"box\" width={6} fill={colors['grey-darkest']} left=\"10%\" top=\"10%\" />\r\n      <SVG icon=\"box\" width={12} fill={colors['grey-darkest']} left=\"40%\" top=\"30%\" />\r\n      <SVG icon=\"hexa\" width={16} stroke={colors['grey-darker']} left=\"10%\" top=\"50%\" />\r\n      <SVG icon=\"hexa\" width={8} stroke={colors['grey-darker']} left=\"80%\" top=\"70%\" />\r\n    </Divider>\r\n    <Content speed={0.4} offset={offset}>\r\n      <Wrapper>{children}</Wrapper>\r\n    </Content>\r\n  </>\r\n)\r\n\r\nexport default Hero\r\n\r\nHero.propTypes = {\r\n  children: PropTypes.node.isRequired,\r\n  offset: PropTypes.number.isRequired,\r\n}\r\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\nimport { Parallax } from 'react-spring/renderprops-addons.cjs'\r\nimport Typist from 'react-typist'\r\n\r\n// Components\r\nimport Layout from '../components/Layout'\r\n\r\n// Elements\r\nimport { BigTitle, Subtitle } from '../elements/Titles'\r\n\r\n// Views\r\nimport Hero from '../views/Hero'\r\n\r\nimport '../../static/main.scss'\r\n\r\nconst simpleCursor = {\r\n  show: true,\r\n  hideWhenDone: true,\r\n  hideWhenDoneDelay: 250,\r\n}\r\n\r\nconst blinkingCursor = {\r\n  show: true,\r\n  hideWhenDone: false,\r\n  blink: true,\r\n}\r\n\r\nconst Index = () => (\r\n  <>\r\n    <Layout />\r\n    <Parallax pages={1}>\r\n      <Hero offset={0}>\r\n        <BigTitle>\r\n          <Typist stdTypingDelay={15} className=\"typist-class\" avgTypingDelay={25} cursor={simpleCursor}>\r\n            Hello World <br /> I'm Eugen,\r\n          </Typist>\r\n        </BigTitle>\r\n        <Subtitle>\r\n          <Typist\r\n            stdTypingDelay={15}\r\n            startDelay={1000}\r\n            className=\"typist-class\"\r\n            avgTypingDelay={25}\r\n            cursor={blinkingCursor}\r\n          >\r\n            a web and software developer.\r\n          </Typist>\r\n        </Subtitle>\r\n        <div className=\"link-menu\">\r\n          <Link to=\"/projectAbout\">Projects</Link>\r\n          <Link to=\"/profile\">Profile</Link>\r\n        </div>\r\n      </Hero>\r\n    </Parallax>\r\n  </>\r\n)\r\n\r\nexport default Index\r\n"],"sourceRoot":""}