{"version":3,"sources":["components lazy /^/.//.*$/ groupOptions: {} namespace object","AppContext.js","MainApp.jsx","theme/GlobalStyles.js","theme/themes.js","App.jsx","reportWebVitals.js","index.jsx","constants/endpoints.js","components/FallbackSpinner.jsx","components/NavBar.jsx","components/Home.jsx","components/Social.jsx"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","all","slice","keys","Object","module","exports","AppContext","React","createContext","MainApp","data","setData","useState","useEffect","fetch","endpoints","routes","method","res","json","catch","err","_jsxs","className","children","_jsx","NavBarWithRouter","Switch","Suspense","fallback","FallbackSpinner","Route","exact","path","component","Home","sections","route","SectionComponent","lazy","header","headerTitle","GlobalStyles","createGlobalStyle","_templateObject","_taggedTemplateLiteral","_ref","theme","background","_ref2","color","lightTheme","accentColor","chronoTheme","cardBgColor","cardForeColor","titleColor","timelineLineColor","cardBackground","cardFooterBackground","cardBorderColor","navbarTheme","linkColor","linkHoverColor","linkActiveColor","bsPrimaryVariant","bsSecondaryVariant","socialIconBgColor","darkTheme","App","window","matchMedia","darkMode","useDarkMode","Provider","value","ThemeProvider","BrowserRouter","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById","navbar","home","social","about","skills","education","experiences","projects","styles","spinnerContainerStyle","display","justifyContent","alignItems","height","style","Spinner","animation","ExternalNavLink","styled","a","props","InternalNavLink","NavLink","_templateObject2","withRouter","NavBar","_data$sections","useContext","ThemeContext","expanded","setExpanded","Navbar","fixed","expand","bg","variant","Container","Toggle","onClick","Collapse","Nav","section","index","type","href","target","rel","title","activeClassName","to","nameStyle","fontSize","inlineChild","mainContainer","flexDirection","Fade","name","Typewriter","options","loop","autoStart","strings","roles","Social","iconStyle","marginLeft","marginRight","marginBottom","SocialIcon","url","network","bgColor"],"mappings":"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","file":"static/js/main.11218a29.chunk.js","sourcesContent":["var map = {\n\t\"./About\": [\n\t\t65,\n\t\t0,\n\t\t3\n\t],\n\t\"./About.jsx\": [\n\t\t65,\n\t\t0,\n\t\t3\n\t],\n\t\"./Education\": [\n\t\t66,\n\t\t9,\n\t\t4\n\t],\n\t\"./Education.jsx\": [\n\t\t66,\n\t\t9,\n\t\t4\n\t],\n\t\"./Experience\": [\n\t\t67,\n\t\t0,\n\t\t1,\n\t\t5\n\t],\n\t\"./Experience.jsx\": [\n\t\t67,\n\t\t0,\n\t\t1,\n\t\t5\n\t],\n\t\"./FallbackSpinner\": [\n\t\t25\n\t],\n\t\"./FallbackSpinner.jsx\": [\n\t\t25\n\t],\n\t\"./Header\": [\n\t\t61,\n\t\t8\n\t],\n\t\"./Header.jsx\": [\n\t\t61,\n\t\t8\n\t],\n\t\"./Home\": [\n\t\t36\n\t],\n\t\"./Home.jsx\": [\n\t\t36\n\t],\n\t\"./NavBar\": [\n\t\t33\n\t],\n\t\"./NavBar.jsx\": [\n\t\t33\n\t],\n\t\"./Projects\": [\n\t\t68,\n\t\t0,\n\t\t2\n\t],\n\t\"./Projects.jsx\": [\n\t\t68,\n\t\t0,\n\t\t2\n\t],\n\t\"./Skills\": [\n\t\t69,\n\t\t0,\n\t\t7\n\t],\n\t\"./Skills.jsx\": [\n\t\t69,\n\t\t0,\n\t\t7\n\t],\n\t\"./Social\": [\n\t\t37\n\t],\n\t\"./Social.jsx\": [\n\t\t37\n\t],\n\t\"./projects/ProjectCard\": [\n\t\t64,\n\t\t0,\n\t\t6\n\t],\n\t\"./projects/ProjectCard.jsx\": [\n\t\t64,\n\t\t0,\n\t\t6\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(1).map(__webpack_require__.e)).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 101;\nmodule.exports = webpackAsyncContext;","import React from 'react';\n\nconst AppContext = React.createContext();\n\nexport default AppContext;\n","import React, { useState, useEffect, Suspense } from 'react';\nimport { Switch, Route } from 'react-router-dom';\nimport FallbackSpinner from './components/FallbackSpinner';\nimport NavBarWithRouter from './components/NavBar';\nimport Home from './components/Home';\nimport endpoints from './constants/endpoints';\n\nfunction MainApp() {\n  const [data, setData] = useState(null);\n\n  useEffect(() => {\n    fetch(endpoints.routes, {\n      method: 'GET',\n    })\n      .then((res) => res.json())\n      .then((res) => setData(res))\n      .catch((err) => err);\n  }, []);\n\n  return (\n    <div className=\"MainApp\">\n      <NavBarWithRouter />\n      <main className=\"main\">\n        <Switch>\n          <Suspense fallback={<FallbackSpinner />}>\n            <Route exact path=\"/\" component={Home} />\n            {data\n              && data.sections.map((route) => {\n                const SectionComponent = React.lazy(() => import('./components/' + route.component));\n                return (\n                  <Route\n                    key={route.headerTitle}\n                    path={route.path}\n                    component={() => (\n                      <SectionComponent header={route.headerTitle} />\n                    )}\n                  />\n                );\n              })}\n          </Suspense>\n        </Switch>\n      </main>\n    </div>\n  );\n}\n\nexport default MainApp;\n","import { createGlobalStyle } from 'styled-components';\n\nconst GlobalStyles = createGlobalStyle`\n   body {\n     background: ${({ theme }) => theme.background};\n     color: ${({ theme }) => theme.color};\n     transition: all 0.50s linear; \n  }\n`;\n\nexport default GlobalStyles;\n","export const lightTheme = {\n  background: '#fff',\n  color: '#121212',\n  accentColor: '#3D84C6',\n  chronoTheme: {\n    cardBgColor: 'white',\n    cardForeColor: 'black',\n    titleColor: 'white',\n  },\n  timelineLineColor: '#ccc',\n  cardBackground: '#fff',\n  cardFooterBackground: '#f7f7f7',\n  cardBorderColor: '#00000020',\n  navbarTheme: {\n    linkColor: '#dedede',\n    linkHoverColor: '#fefefe',\n    linkActiveColor: '#fefefe',\n  },\n  bsPrimaryVariant: 'light',\n  bsSecondaryVariant: 'dark',\n  socialIconBgColor: '#121212',\n};\n\nexport const darkTheme = {\n  background: '#121212',\n  color: '#eee',\n  accentColor: '#3D84C6',\n  chronoTheme: {\n    cardBgColor: '#1B1B1B',\n    cardForeColor: '#eee',\n    titleColor: 'black',\n  },\n  timelineLineColor: '#444',\n  cardBackground: '#060606',\n  cardFooterBackground: '#181818',\n  cardBorderColor: '#ffffff20',\n  navbarTheme: {\n    linkColor: '#dedede',\n    linkHoverColor: '#fefefe',\n    linkActiveColor: '#fefefe',\n  },\n  bsPrimaryVariant: 'dark',\n  bsSecondaryVariant: 'light',\n  socialIconBgColor: '#fefefe',\n};\n","import React from 'react';\nimport './App.css';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport { BrowserRouter } from 'react-router-dom';\nimport { ThemeProvider } from 'styled-components';\nimport useDarkMode from 'use-dark-mode';\nimport AppContext from './AppContext';\nimport MainApp from './MainApp';\nimport GlobalStyles from './theme/GlobalStyles';\nimport { lightTheme, darkTheme } from './theme/themes';\n\nfunction App() {\n  window.matchMedia = null;\n  const darkMode = useDarkMode(true);\n\n  return (\n    <AppContext.Provider value={{ darkMode }}>\n      <ThemeProvider theme={darkMode.value ? darkTheme : lightTheme}>\n        <GlobalStyles />\n        <div className=\"App\">\n          <BrowserRouter>\n            <MainApp />\n          </BrowserRouter>\n        </div>\n      </ThemeProvider>\n    </AppContext.Provider>\n  );\n}\n\nexport default App;\n","const reportWebVitals = (onPerfEntry) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({\n      getCLS, getFID, getFCP, getLCP, getTTFB,\n    }) => {\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 './index.css';\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","const endpoints = {\n  navbar: 'profile/navbar.json',\n  routes: 'profile/routes.json',\n  home: 'profile/home.json',\n  social: 'profile/social.json',\n  about: 'profile/about.json',\n  skills: 'profile/skills.json',\n  education: 'profile/education.json',\n  experiences: 'profile/experiences.json',\n  projects: 'profile/projects.json',\n};\n\nexport default endpoints;\n","import React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nconst styles = {\n  spinnerContainerStyle: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    height: '100%',\n  },\n};\n\nfunction FallbackSpinner() {\n  return (\n    <div style={styles.spinnerContainerStyle}>\n      <Spinner animation=\"grow\" />\n    </div>\n  );\n}\n\nexport default FallbackSpinner;\n","import { Navbar, Nav, Container } from 'react-bootstrap';\nimport React, { useEffect, useState, useContext } from 'react';\nimport { withRouter } from 'react-router';\nimport { NavLink } from 'react-router-dom';\nimport styled, { ThemeContext } from 'styled-components';\nimport endpoints from '../constants/endpoints';\n\nconst ExternalNavLink = styled.a`\n  color: ${(props) => props.theme.navbarTheme.linkColor};\n  &:hover {\n    color: ${(props) => props.theme.navbarTheme.linkHoverColor};\n  }\n  &::after {\n    background-color: ${(props) => props.theme.accentColor};\n  }\n`;\n\nconst InternalNavLink = styled(NavLink)`\n  color: ${(props) => props.theme.navbarTheme.linkColor};\n  &:hover {\n    color: ${(props) => props.theme.navbarTheme.linkHoverColor};\n  }\n  &::after {\n    background-color: ${(props) => props.theme.accentColor};\n  }\n  &.navbar__link--active {\n    color: ${(props) => props.theme.navbarTheme.linkActiveColor};\n  }\n`;\n\nconst NavBar = () => {\n  const theme = useContext(ThemeContext);\n  const [data, setData] = useState(null);\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    fetch(endpoints.navbar, {\n      method: 'GET',\n    })\n      .then((res) => res.json())\n      .then((res) => setData(res))\n      .catch((err) => err);\n  }, []);\n\n  return (\n    <Navbar\n      fixed=\"top\"\n      expand=\"md\"\n      bg=\"dark\"\n      variant=\"dark\"\n      className=\"navbar-custom\"\n      expanded={expanded}\n    >\n      <Container>\n        <Navbar.Toggle\n          aria-controls=\"responsive-navbar-nav\"\n          onClick={() => setExpanded(!expanded)}\n        />\n        <Navbar.Collapse id=\"responsive-navbar-nav\">\n          <Nav className=\"me-auto\" />\n          <Nav>\n            {data\n              && data.sections?.map((section, index) => (section?.type === 'link' ? (\n                <ExternalNavLink\n                  key={section.title}\n                  href={section.href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={() => setExpanded(false)}\n                  className=\"navbar__link\"\n                  theme={theme}\n                >\n                  {section.title}\n                </ExternalNavLink>\n              ) : (\n                <InternalNavLink\n                  key={section.title}\n                  onClick={() => setExpanded(false)}\n                  exact={index === 0}\n                  activeClassName=\"navbar__link--active\"\n                  className=\"navbar__link\"\n                  to={section.href}\n                  theme={theme}\n                >\n                  {section.title}\n                </InternalNavLink>\n              )))}\n          </Nav>\n        </Navbar.Collapse>\n      </Container>\n    </Navbar>\n  );\n};\n\nconst NavBarWithRouter = withRouter(NavBar);\nexport default NavBarWithRouter;\n","import React, { useState, useEffect } from 'react';\nimport Typewriter from 'typewriter-effect';\nimport Fade from 'react-reveal';\nimport endpoints from '../constants/endpoints';\nimport Social from './Social';\nimport FallbackSpinner from './FallbackSpinner';\n\nconst styles = {\n  nameStyle: {\n    fontSize: '5em',\n  },\n  inlineChild: {\n    display: 'inline-block',\n  },\n  mainContainer: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n};\n\nfunction Home() {\n  const [data, setData] = useState(null);\n\n  useEffect(() => {\n    fetch(endpoints.home, {\n      method: 'GET',\n    })\n      .then((res) => res.json())\n      .then((res) => setData(res))\n      .catch((err) => err);\n  }, []);\n\n  return data ? (\n    <Fade>\n      <div style={styles.mainContainer}>\n        <h1 style={styles.nameStyle}>{data?.name}</h1>\n        <div style={{ flexDirection: 'row' }}>\n          <h2 style={styles.inlineChild}>I&apos;m&nbsp;</h2>\n          <Typewriter\n            options={{\n              loop: true,\n              autoStart: true,\n              strings: data?.roles,\n            }}\n          />\n        </div>\n        <Social />\n      </div>\n    </Fade>\n  ) : <FallbackSpinner />;\n}\n\nexport default Home;\n","import React, { useEffect, useState, useContext } from 'react';\nimport { SocialIcon } from 'react-social-icons';\nimport { ThemeContext } from 'styled-components';\nimport endpoints from '../constants/endpoints';\n\nconst styles = {\n  iconStyle: {\n    marginLeft: 10,\n    marginRight: 10,\n    marginBottom: 10,\n  },\n};\n\nfunction Social() {\n  const theme = useContext(ThemeContext);\n  const [data, setData] = useState(null);\n\n  useEffect(() => {\n    fetch(endpoints.social, {\n      method: 'GET',\n    })\n      .then((res) => res.json())\n      .then((res) => setData(res))\n      .catch((err) => err);\n  }, []);\n\n  return (\n    <div className=\"social\">\n      {data ? data.social.map((social) => (\n        <SocialIcon\n          key={social.network}\n          style={styles.iconStyle}\n          url={social.href}\n          network={social.network}\n          bgColor={theme.socialIconBgColor}\n          target=\"_blank\"\n          rel=\"noopener\"\n        />\n      )) : null}\n    </div>\n  );\n}\n\nexport default Social;\n"],"sourceRoot":""}