{"version":3,"sources":["utils/theme.util.js","components/home/Home.jsx","shared-styles/global.styles.js","components/App.jsx","index.js"],"names":["theme","white","gray400","gray500","gray700","gray800","red","blue","size","device","mobileXS","mobileS","mobileL","tabletS","tabletM","tabletL","laptopS","laptopM","Hero","styled","div","Header","h1","SubHeader","h3","Icons","Home","href","target","rel","title","GlobalStyle","createGlobalStyle","BaseContainer","App","useState","vantaEffect","setVantaEffect","ref","useRef","useEffect","GLOBE","el","current","mouseControls","touchControls","gyroControls","minHeight","minWidth","scale","scaleMobile","color","backgroundColor","destroy","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"qMACaA,EAAQ,CACjBC,MAAO,OACPC,QAAS,UACTC,QAAS,UACTC,QAAS,UACTC,QAAS,UACTC,IAAK,UACLC,KAAM,WAIJC,EAEO,QAFPA,EAGO,QAHPA,EAIO,QAJPA,EAKO,QALPA,EAMO,QANPA,EAOO,SAPPA,EAQO,SAIAC,EAAS,CAClBC,SAAS,eAAD,OAZE,QAYF,KACRC,QAAQ,eAAD,OAAiBH,EAAjB,KACPI,QAAQ,eAAD,OAAiBJ,EAAjB,KACPK,QAAQ,eAAD,OAAiBL,EAAjB,KACPM,QAAQ,eAAD,OAAiBN,EAAjB,KACPO,QAAQ,eAAD,OAAiBP,EAAjB,KACPQ,QAAQ,eAAD,OAAiBR,EAAjB,KACPS,QAAQ,eAAD,OAAiBT,EAAjB,M,o6BCzBX,IAAMU,EAAOC,IAAOC,IAAV,IAQGX,EAAOG,SAOdS,EAASF,IAAOG,GAAV,IAGCb,EAAOG,SAMdW,EAAYJ,IAAOK,GAAV,IAGFf,EAAOG,SAMda,EAAQN,IAAOC,IAAV,KAUJ,SAASM,IACZ,OACI,eAACR,EAAD,WACI,cAACG,EAAD,2BACA,cAACE,EAAD,0CACA,eAACE,EAAD,WACI,mBAAGE,KAAM,8BAA+BC,OAAQ,SAAUC,IAAK,aAA/D,SAA6E,cAAC,IAAD,CAAQrB,KAAM,KAAMsB,MAAO,aACxG,mBAAGH,KAAM,uCAAwCC,OAAQ,SAAUC,IAAK,aAAxE,SAAsF,cAAC,IAAD,CAAgBrB,KAAM,KAAMsB,MAAO,eACzH,mBAAGH,KAAM,qBAAsBC,OAAQ,SAAUC,IAAK,aAAtD,SAAoE,cAAC,IAAD,CAAOrB,KAAM,KAAMsB,MAAO,kB,2PCxDvG,IAAMC,EAAcC,YAAH,K,sKCMxB,IAAMC,EAAgBd,IAAOC,IAAV,KAOZ,SAASc,IAAO,IAAD,EACoBC,mBAAS,GAD7B,mBACXC,EADW,KACEC,EADF,KAEZC,EAAMC,iBAAO,MAyBnB,OAvBAC,qBAAU,WAkBN,OAjBKJ,GACDC,EACII,IAAM,CACFC,GAAIJ,EAAIK,QACRC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,UAAW,IACXC,SAAU,IACVC,MAAO,EACPC,YAAa,EACbC,MAAO,QACP3C,KAAM,IACN4C,gBAAiB,WAItB,WACChB,GAAaA,EAAYiB,aAElC,CAACjB,IAGA,eAAC,IAAD,CAAepC,MAAOA,EAAtB,UACI,cAAC+B,EAAD,IACA,cAACE,EAAD,CAAeK,IAAKA,EAApB,SACI,cAACZ,EAAD,SC1ChB4B,IAASC,OACL,cAAC,IAAMC,WAAP,UACI,cAACtB,EAAD,MAEJuB,SAASC,eAAe,W","file":"static/js/main.50cdd29a.chunk.js","sourcesContent":["// Theme colors.\nexport const theme = {\n    white: '#fff',\n    gray400: '#bababa',\n    gray500: '#8C8A9A',\n    gray700: '#818181',\n    gray800: '#414042',\n    red: '#E14161',\n    blue: '#0075FF',\n};\n\n// Responsive screen sizes for devices.\nconst size = {\n    mobileXS: '320px',\n    mobileS: '414px',\n    mobileL: '590px',\n    tabletS: '730px',\n    tabletM: '786px',\n    tabletL: '960px',\n    laptopS: '1172px',\n    laptopM: '1442px',\n};\n\n// Media queries.\nexport const device = {\n    mobileXS: `(max-width: ${size.mobileXS})`,\n    mobileS: `(max-width: ${size.mobileS})`,\n    mobileL: `(max-width: ${size.mobileL})`,\n    tabletS: `(max-width: ${size.tabletS})`,\n    tabletM: `(max-width: ${size.tabletM})`,\n    tabletL: `(max-width: ${size.tabletL})`,\n    laptopS: `(max-width: ${size.laptopS})`,\n    laptopM: `(max-width: ${size.laptopM})`,\n};\n","import styled from 'styled-components';\nimport { device } from '../../utils/theme.util';\n\nimport { Github } from '@styled-icons/boxicons-logos/Github';\nimport { LinkedinSquare } from '@styled-icons/boxicons-logos/LinkedinSquare';\nimport { Email } from '@styled-icons/material/Email';\n\nconst Hero = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: left;\n    padding-top: 100px;\n    padding-left: 100px;\n\n    @media ${device.mobileL} {\n        justify-content: flex-center;\n        align-items: center;\n        padding-left: 30px;\n    }\n`;\n\nconst Header = styled.h1`\n    font-size: 50px;\n\n    @media ${device.mobileL} {\n        align-items: center;\n        font-size: 45px;\n    }\n`;\n\nconst SubHeader = styled.h3`\n    font-size: 20px;\n\n    @media ${device.mobileL} {\n        align-items: center;\n        font-size: 16px;\n    }\n`;\n\nconst Icons = styled.div`\n    padding-top: 8px; \n    \n    a {\n        text-decoration: none;\n        color: inherit;\n        margin-right: 8px;\n    }\n`;\n\nexport function Home() {\n    return (\n        <Hero>\n            <Header>Ben Lafferty</Header>\n            <SubHeader>Backend & Systems Developer</SubHeader>\n            <Icons>\n                <a href={\"https://github.com/tempor1s\"} target={\"_blank\"} rel={\"noreferrer\"}><Github size={\"35\"} title={\"GitHub\"} /></a>\n                <a href={\"https://linkedin.com/in/benlaugherty\"} target={\"_blank\"} rel={\"noreferrer\"}><LinkedinSquare size={\"35\"} title={\"LinkedIn\"} /></a>\n                <a href={\"mailto:me@benl.dev\"} target={\"_blank\"} rel={\"noreferrer\"}><Email size={\"35\"} title={\"Email\"} /></a>\n            </Icons>\n        </Hero>\n    );\n}","import { createGlobalStyle } from 'styled-components';\n\nexport const GlobalStyle = createGlobalStyle`\n    * {\n        margin: 0;\n        padding: 0;\n        font-family: 'Poppins', sans-serif, Arial, Helvetica !important;\n    }\n\n    #root {\n        overflow: hidden;\n    }\n`;\n","import React, { useEffect, useRef, useState } from 'react'\nimport styled, { ThemeProvider } from 'styled-components';\nimport GLOBE from 'vanta/dist/vanta.globe.min'\n\nimport { Home } from './home/Home'\nimport { theme } from '../utils/theme.util';\nimport { GlobalStyle } from '../shared-styles/global.styles';\n\nconst BaseContainer = styled.div`\n    display: flex;\n    min-height: 100vh;\n    background-color: #151515;\n    color: white;\n`;\n\nexport function App() {\n    const [vantaEffect, setVantaEffect] = useState(0);\n    const ref = useRef(null);\n    \n    useEffect(() => {\n        if (!vantaEffect) {\n            setVantaEffect(\n                GLOBE({\n                    el: ref.current,\n                    mouseControls: true,\n                    touchControls: true,\n                    gyroControls: false,\n                    minHeight: 200.00,\n                    minWidth: 200.00,\n                    scale: 1.00,\n                    scaleMobile: 1.00,\n                    color: 0x2aff00,\n                    size: 1.10,\n                    backgroundColor: 0x151515\n                })\n            )\n        }\n        return () => {\n            if (vantaEffect) vantaEffect.destroy()\n        }\n    }, [vantaEffect]);\n    \n    return (\n        <ThemeProvider theme={theme}>\n            <GlobalStyle />\n            <BaseContainer ref={ref}>\n                <Home />\n            </BaseContainer>\n        </ThemeProvider>\n    )\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { App } from './components/App';\n\nReactDOM.render(\n    <React.StrictMode>\n        <App />\n    </React.StrictMode>,\n    document.getElementById('root')\n);\n"],"sourceRoot":""}