{"version":3,"sources":["components lazy /^/.//.*$/ groupOptions: {} namespace object","MainApp.jsx","theme/GlobalStyles.js","theme/themes.js","App.jsx","reportWebVitals.js","index.jsx","constants/endpoints.js","components/FallbackSpinner.jsx","components/NavBar.jsx","components/ThemeToggler.jsx","components/Home.jsx","components/Social.jsx","AppContext.js"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","all","slice","keys","Object","module","exports","MainApp","useState","data","setData","useEffect","fetch","endpoints","routes","method","res","json","catch","err","className","NavBar","fallback","FallbackSpinner","exact","path","component","Home","sections","route","SectionComponent","React","lazy","header","headerTitle","GlobalStyles","createGlobalStyle","theme","background","color","lightTheme","accentColor","chronoTheme","cardBgColor","cardForeColor","titleColor","timelineLineColor","cardBackground","cardFooterBackground","cardBorderColor","navbarTheme","linkColor","linkHoverColor","linkActiveColor","bsPrimaryVariant","bsSecondaryVariant","socialIconBgColor","darkTheme","App","window","matchMedia","darkMode","useDarkMode","AppContext","Provider","value","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","animation","logoStyle","width","ExternalNavLink","styled","a","props","InternalNavLink","NavLink","NavBarWithRouter","withRouter","useContext","ThemeContext","expanded","setExpanded","fixed","expand","bg","variant","logo","Brand","href","src","source","alt","Toggle","onClick","Collapse","section","index","type","target","rel","title","activeClassName","to","ThemeToggler","Consumer","values","marginBottom","onChange","toggle","checked","size","defaultProps","nameStyle","fontSize","inlineChild","mainContainer","flexDirection","name","options","loop","autoStart","strings","roles","iconStyle","marginLeft","marginRight","Social","url","network","bgColor","createContext"],"mappings":"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","file":"static/js/main.701978ba.chunk.js","sourcesContent":["var map = {\n\t\"./About\": [\n\t\t91,\n\t\t0,\n\t\t3\n\t],\n\t\"./About.jsx\": [\n\t\t91,\n\t\t0,\n\t\t3\n\t],\n\t\"./Education\": [\n\t\t92,\n\t\t9,\n\t\t4\n\t],\n\t\"./Education.jsx\": [\n\t\t92,\n\t\t9,\n\t\t4\n\t],\n\t\"./Experience\": [\n\t\t93,\n\t\t0,\n\t\t1,\n\t\t5\n\t],\n\t\"./Experience.jsx\": [\n\t\t93,\n\t\t0,\n\t\t1,\n\t\t5\n\t],\n\t\"./FallbackSpinner\": [\n\t\t29\n\t],\n\t\"./FallbackSpinner.jsx\": [\n\t\t29\n\t],\n\t\"./Header\": [\n\t\t87,\n\t\t8\n\t],\n\t\"./Header.jsx\": [\n\t\t87,\n\t\t8\n\t],\n\t\"./Home\": [\n\t\t46\n\t],\n\t\"./Home.jsx\": [\n\t\t46\n\t],\n\t\"./NavBar\": [\n\t\t42\n\t],\n\t\"./NavBar.jsx\": [\n\t\t42\n\t],\n\t\"./Projects\": [\n\t\t94,\n\t\t0,\n\t\t2\n\t],\n\t\"./Projects.jsx\": [\n\t\t94,\n\t\t0,\n\t\t2\n\t],\n\t\"./Skills\": [\n\t\t95,\n\t\t0,\n\t\t7\n\t],\n\t\"./Skills.jsx\": [\n\t\t95,\n\t\t0,\n\t\t7\n\t],\n\t\"./Social\": [\n\t\t47\n\t],\n\t\"./Social.jsx\": [\n\t\t47\n\t],\n\t\"./ThemeToggler\": [\n\t\t43\n\t],\n\t\"./ThemeToggler.jsx\": [\n\t\t43\n\t],\n\t\"./projects/ProjectCard\": [\n\t\t90,\n\t\t0,\n\t\t6\n\t],\n\t\"./projects/ProjectCard.jsx\": [\n\t\t90,\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 = 139;\nmodule.exports = webpackAsyncContext;","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';\nimport ThemeToggler from './ThemeToggler';\n\nconst styles = {\n  logoStyle: {\n    width: 50,\n    height: 40,\n  },\n};\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        {data?.logo && (\n          <Navbar.Brand href=\"/\">\n            <img\n              src={data?.logo?.source}\n              className=\"d-inline-block align-top\"\n              alt=\"main logo\"\n              style={\n                data?.logo?.height && data?.logo?.width\n                  ? { height: data?.logo?.height, width: data?.logo?.width }\n                  : styles.logoStyle\n              }\n            />\n          </Navbar.Brand>\n        )}\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          <ThemeToggler\n            onClick={() => setExpanded(false)}\n          />\n        </Navbar.Collapse>\n      </Container>\n    </Navbar>\n  );\n};\n\nconst NavBarWithRouter = withRouter(NavBar);\nexport default NavBarWithRouter;\n","import React from 'react';\nimport DarkModeToggle from 'react-dark-mode-toggle';\nimport PropTypes from 'prop-types';\nimport AppContext from '../AppContext';\n\nfunction ThemeToggler(props) {\n  const { onClick } = props;\n  const handleOnChange = (darkMode) => {\n    darkMode.toggle();\n    onClick();\n  };\n\n  return (\n    <>\n      <AppContext.Consumer>\n        {(values) => (\n          <div style={{ marginBottom: 8 }}>\n            <DarkModeToggle\n              onChange={() => handleOnChange(values.darkMode)}\n              checked={values.darkMode.value}\n              size={50}\n            />\n          </div>\n        )}\n      </AppContext.Consumer>\n    </>\n  );\n}\n\nThemeToggler.propTypes = {\n  onClick: PropTypes.func,\n};\nThemeToggler.defaultProps = {\n  onClick: () => {},\n};\n\nexport default ThemeToggler;\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","import React from 'react';\n\nconst AppContext = React.createContext();\n\nexport default AppContext;\n"],"sourceRoot":""}