{"version":3,"sources":["theme/theme.ts","assets/background.png","assets/1.png","components/Home.tsx","assets/bvround.svg","components/Header.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["colors","kelp","sand","white","fontSizes","body","subtitle","title","spacings","0","1","2","3","4","5","6","Container","styled","div","theme","Background","src","Contents","Title","Subtitle","Link","a","IconContainer","Icon","Header","href","target","className","Logo","img","Wrapper","logo","globalCss","css","background","PageWrapper","App","styles","Home","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.605cf82b.chunk.js","sourcesContent":["export default {\n  colors: {\n    kelp: '#255c59',\n    sand: '#dcdcdc',\n    white: '#fff',\n  },\n  fontSizes: {\n    body: '14px',\n    subtitle: '28px',\n    title: '48px',\n  },\n  spacings: {\n    0: '0px',\n    1: '4px',\n    2: '8px',\n    3: '16px',\n    4: '24px',\n    5: '32px',\n    6: '48px',\n  },\n} as const;\n","export default __webpack_public_path__ + \"static/media/background.532e76bb.png\";","export default __webpack_public_path__ + \"static/media/1.a13428cf.png\";","import styled from '@emotion/styled';\n\nimport src from '../assets/1.png';\n\nconst Header: React.FunctionComponent = () => {\n  // const src = require('../assets/1.png');\n  return (\n    <Container>\n      <Background />\n      <Contents>\n        <Title>Hi, I'm Bria.</Title>\n        <Subtitle>\n          Based in Seattle, currently building with React and Typescript @{' '}\n          <Link href='https://www.bazaarvoice.com/' target='_blank'>\n            Bazaarvoice\n          </Link>\n          .\n        </Subtitle>\n        <IconContainer>\n          <Icon\n            className='fab fa-github-square'\n            href='https://github.com/briavicenti'\n            target='_blank'\n          />\n          <Icon\n            className='fab fa-linkedin'\n            href='https://www.linkedin.com/in/briavicenti'\n            target='_blank'\n          />\n          <Icon\n            className='fas fa-envelope-square'\n            href='mailto:me@briavicenti.com'\n            target='_blank'\n          />\n        </IconContainer>\n      </Contents>\n    </Container>\n  );\n};\n\nconst Container = styled.div(\n  ({ theme }) => `\n    height: 100%;\n    overflow: hidden;\n    position: relative;\n    background-color: ${theme.colors.kelp};\n  `,\n);\n\nconst Background = styled.div(\n  ({ theme }) => `\n    background-image: url(${src});\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    filter: blur(5px);\n    opacity: 0.3;\n    width: 100%;\n    height: 100%;\n    transform: scale(1.5);\n  `,\n);\n\nconst Contents = styled.div(\n  ({ theme }) => `\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    color: ${theme.colors.white};\n    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));\n`,\n);\n\nconst Title = styled.div(\n  ({ theme }) => `\n  font-size: ${theme.fontSizes.title};\n`,\n);\n\nconst Subtitle = styled.div(\n  ({ theme }) => `\n  font-size: ${theme.fontSizes.subtitle};\n  max-width: 500px;\n  text-align: center;\n  margin-top: ${theme.spacings[2]};\n`,\n);\n\nconst Link = styled.a(\n  ({ theme }) => `\n  color: ${theme.colors.white};\n  text-decoration: none;\n  transition: filter 0.2s ease;\n  border-bottom: 1px solid white;\n\n  &:hover {\n    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));\n  }\n`,\n);\n\nconst IconContainer = styled.div(\n  ({ theme }) => `\n  margin-top: ${theme.spacings[6]};\n  display: flex;\n`,\n);\n\nconst Icon = styled(Link)(\n  ({ theme }) => `\n  font-size: 96px;\n  border-bottom: none !important;\n\n  &:not(:last-of-type) {\n    margin-right: ${theme.spacings[3]};\n  }\n`,\n);\n\nexport default Header;\n","export default __webpack_public_path__ + \"static/media/bvround.a116e386.svg\";","import styled from '@emotion/styled';\n\nimport logo from '../assets/bvround.svg';\n\nconst Header: React.FunctionComponent = () => {\n  return (\n    <Wrapper>\n      <Logo src={logo} />\n      <Title>Bria Vicenti</Title>\n    </Wrapper>\n  );\n};\n\nconst Logo = styled.img(\n  ({ theme }) => `\n    width: ${theme.spacings[6]};\n    height: ${theme.spacings[6]};\n    margin-right: ${theme.spacings[3]};\n`,\n);\n\nconst Wrapper = styled.div(\n  ({ theme }) => `\n      display: flex;\n      align-items: center;\n      padding: ${theme.spacings[3]} ${theme.spacings[4]};\n      background-color: ${theme.colors.white};\n  `,\n);\n\nconst Title = styled.div(\n  ({ theme }) => `\n    color: ${theme.colors.kelp};\n    font-weight: 300;\n    font-family: 'Roboto';\n    font-size: ${theme.spacings[6]};\n`,\n);\n\nexport default Header;\n","import React from 'react';\nimport { css, Global, ThemeProvider } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nimport theme from './theme/theme';\nimport background from './assets/background.png';\nimport Home from './components/Home';\nimport Header from './components/Header';\n\nconst App: React.FunctionComponent = () => {\n  return (\n    <ThemeProvider theme={theme}>\n      <Global styles={globalCss} />\n      <PageWrapper>\n        <Header/>\n        <Home/>\n      </PageWrapper>\n    </ThemeProvider>\n  );\n};\n\nconst globalCss = css`\n  body {\n    font-family: 'Assistant';\n    background-image: url(${background});\n    background-color: ${theme.colors.sand};\n  }\n`;\n\nconst PageWrapper = styled.div(\n  ({ theme }) => `\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: ${theme.spacings[6]};\n    bottom: ${theme.spacings[6]};\n    right: ${theme.spacings[6]};\n    left: ${theme.spacings[6]};\n`,\n);\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}