{"version":3,"sources":["components/Header.jsx","assets/twitter_light_blue.png","components/Footer.jsx","pages/HomePage.jsx","App.js","index.js"],"names":["HeaderLayout","styled","div","Header","to","className","FooterLayout","Footer","href","HomePageLayout","HomePage","target","MainContainer","App","exact","path","component","ReactDOM","render","document","getElementById"],"mappings":"mNAIMA,EAAeC,IAAOC,IAAV,+QAeH,SAASC,IACpB,OACI,cAACH,EAAD,UACI,cAAC,IAAD,CAAMI,GAAG,IAAIC,UAAU,QAAvB,kCCtBG,I,ICOTC,EAAeL,IAAOC,IAAV,mhBA2BH,SAASK,IACpB,OACI,cAACD,EAAD,UACI,qBAAID,UAAU,cAAd,UACI,oBAAIA,UAAU,cAAd,SAA4B,mBAAGG,KAAK,sCAAsCH,UAAU,SAAxD,uBAC5B,oBAAIA,UAAU,gBAEd,oBAAIA,UAAU,qBCtC9B,I,EAAMI,EAAiBR,IAAOC,IAAV,8jBA+BL,SAASQ,IACpB,OACI,eAACD,EAAD,WACI,oBAAIJ,UAAU,WAAd,yCACA,qBAAIA,UAAU,QAAd,UACI,oBAAIA,UAAU,QAAd,SAAsB,mBAAGG,KAAK,0BAA0BG,OAAO,SAASN,UAAU,SAA5D,sBACtB,oBAAIA,UAAU,QAAd,SAAsB,mBAAGG,KAAK,gCAAgCG,OAAO,SAASN,UAAU,SAAlE,4BChCtC,IAAMO,EAAgBX,IAAOC,IAAV,gNAWJ,SAASW,IACtB,OACE,cAAC,WAAD,UACE,eAACD,EAAD,WACE,cAACT,EAAD,IACA,cAAC,IAAD,UACE,cAAC,IAAD,CAAOW,OAAK,EAACC,KAAK,IAAIC,UAAWN,MAEnC,cAACH,EAAD,S,MCpBRU,IAASC,OAAO,cAAC,IAAD,UAAe,cAACL,EAAD,MAAyBM,SAASC,eAAe,W","file":"static/js/main.230f4357.chunk.js","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Link } from \"react-router-dom\";\n\nconst HeaderLayout = styled.div`\n    display: flex;\n    flex-flow: column;\n    align-items: left;\n\n    padding: 8px 8px 0px 8px;\n    \n    .title {\n        color: black;\n        font-size: 1.3em;\n        text-decoration: none;\n        letter-spacing: 0.05em;\n    }\n`;\n\nexport default function Header() {\n    return (\n        <HeaderLayout>\n            <Link to='/' className='title'>Jean-Baptiste Oger</Link>\n        </HeaderLayout>\n    );\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABPUlEQVQ4jaXSMWjUMRTH8c/9+cdJHDpIKU4inURKEXEzBCcn10K3Ll3c3B0cpQqO4uYoCAp26BAyOFQRESdHp1KklA5FxEjpcLnSHtx5xR8Ewnv5/vLeS/hPDWY5lEqdx31cwFaO4XuLXxykUi9jNcfwdAIc8RaXWugvXuIaHnW4iY1U6pNUaj8G93h1CoYe65jDrQ77LfEQH1Op91KpXYtdxZUJne3hRY9P+ILltt5jJ5WacTBlNK9zDL96ROxgCaObF7A6BYZdDfjWTLppp8d0hM/Q5Rj2sIbf5zDYzjGcVACbeGf4RLPo2WjTQY7hED8Nn+hfKnhzxqDpAVbwYQr8Ays5hqMzBqlUhj9rEdcnwF9xZ9T7SINU6l08xu0J4C428DzH8Gc8OThVwY1mMt9yB4YfbDvHMOtwz69j+SVWMNJYkIQAAAAASUVORK5CYII=\"","import React from 'react';\nimport styled from 'styled-components';\nimport TwitterLight from '../assets/twitter_light_blue.png';\nimport TwitterDark from '../assets/twitter_dark_blue.png';\nimport InstaLight from '../assets/instagram_pink.png';\nimport InstaDark from '../assets/instagram_red.png';\n\nconst FooterLayout = styled.div`\n    width: 100%;\n    flex-shrink: 0;\n    padding: 4px 0px 4px 0px;\n    background-color: #D3D3D3;\n    font-size: 0.8em;\n    .footer-text {\n        list-style-type: none;\n        overflow: hidden;\n    }\n    .footer-elmt {\n        float: left;\n    }\n    .footer-logo {\n        float: right;\n        margin-right: 20px;\n    }\n    .aEmail {\n        color: #404040;\n        text-decoration: none;\n    }\n    .aEmail:hover {\n        color: #000000;\n        text-decoration: none;\n    }\n`;\n\nexport default function Footer() {\n    return (\n        <FooterLayout>\n            <ul className='footer-text'>\n                <li className='footer-elmt'><a href='mailto:contact@jeanbaptisteoger.com' className='aEmail'>Contact</a></li>\n                <li className='footer-logo'>\n                </li>\n                <li className='footer-logo'>\n                </li> \n            </ul>\n        </FooterLayout>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst HomePageLayout = styled.div`\n    flex-grow: 1;\n    \n    .liElt {\n        list-style: None;\n        padding-left: 8px;\n        margin-top: 8px;\n    }\n    .liElt:hover {\n        padding-left: 4px;\n        border-left: 4px solid #D21104;\n        color: #D21104;\n    }\n    .liLink:visited {\n        color: #7D2206;\n    }\n    .liLink:hover {\n        color: #D21104;\n    }\n    .liLink {\n        text-decoration: none;\n    }\n\n    .subTitle {\n        padding-left: 10px;\n        margin-top: 4px;\n        font-size: .9em;\n        font-style: italic;\n    }\n`;\n\nexport default function HomePage() {\n    return (\n        <HomePageLayout>\n            <h2 className='subTitle'>Data Scientist, London - UK</h2>\n            <ul className='ulElt'>\n                <li className='liElt'><a href=\"https://github.com/Jebq\" target='_blank' className='liLink'>Github</a></li>\n                <li className='liElt'><a href=\"https://www.kaggle.com/jeabat\" target='_blank' className='liLink'>Kaggle</a></li>\n            </ul>\n        </HomePageLayout>\n    );\n}\n","import React, { Fragment } from 'react';\nimport { Switch, Route } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport Header from './components/Header';\nimport Footer from './components/Footer';\nimport HomePage from './pages/HomePage';\n\nconst MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  * {font-family: arial;\n     font-weight: bold;}\n  width: 100%;\n  height: 100%;\n  min-height: 100vh;\n`;\n\nexport default function App() {\n  return (\n    <Fragment>\n      <MainContainer>\n        <Header/>\n        <Switch>\n          <Route exact path='/' component={HomePage}/>\n        </Switch>\n        <Footer/>\n      </MainContainer>\n    </Fragment>\n  );\n}","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\n\nimport './index.css'\n\nReactDOM.render(<BrowserRouter><App /></BrowserRouter>, document.getElementById('root'));"],"sourceRoot":""}