{"version":3,"sources":["constants/Data.tsx","components/pages/Home.tsx","components/pages/ResumePageEN.tsx","components/Nav.tsx","components/pages/ResumePage.tsx","components/pages/Footer.js","components/pages/Projects.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["data","firstName","lastName","headline","profilePic","github","linkedin","blog","stackOverflow","leetCode","skills","name","contactItems","href","icon","text","images","url","useStyles","makeStyles","root","display","flexWrap","justifyContent","paper","minHeight","media","width","minWidth","fontVariant","fontSize","border","borderStyle","borderRadius","margin","padding","background","fontWeight","textDecoration","color","contact","items","links","borderBottomStyle","header","textAlign","Home","props","profilepic","classes","Grid","container","spacing","className","item","xs","Card","sm","CardMedia","image","CardContent","Typography","gutterBottom","variant","component","map","Button","aria-label","Icon","indexOf","CardActions","skill","flexDirection","alignItems","position","overflow","height","paddingTop","iframe","top","left","bottom","right","button","marginTop","ResumePage","Container","src","title","flexGrow","Nav","Link","RouterLink","to","Footer","website","underline","Date","getFullYear","Projects","showNavs","showBullets","footer","marginLeft","App","CssBaseline","Box","my","exact","path","ResumePageEN","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.d5b25122.chunk.js","sourcesContent":["export const data = {\n\tfirstName: \"Jiayan\",\n\tlastName: \"Guo\",\n\theadline: \"Software Engineer at Oracle Cloud Infrastructure Network Control Plane Team, Expert in DNS Area\",\n\tprofilePic: \"profilepic.JPG\",\n\tgithub: \"http://github.com/jiayanguo\",\n\tlinkedin: \"https://www.linkedin.com/in/jiayan-guo/\",\n\tblog: \"https://dev.to/jiayanguo\",\n\tstackOverflow: \"https://stackoverflow.com/users/3550180/user3550180\",\n\tleetCode: \"https://leetcode.com/Jeffrey_guo/\",\n};\n\n\nexport const skills = [\n\t{\n\t\tname: \"Java\",\n\t},\n\t{\n\t\tname: \"Python\",\n\t},\n\t{\n\t\tname: \"JavaScript\",\n\t},\n\t{\n\t\tname: \"Node Js\",\n\t},\n\t{\n\t\tname: \"React\",\n\t},\n\t{\n\t\tname: \"Kotlin\",\n\t},\n\t{\n\t\tname: \"Cloud Solution Architect\",\n\t},\n\t{\n\t\tname: \"Kubernetes\",\n\t},\n\t{\n\t\tname: \"Docker\",\n\t},\n\t{\n\t\tname: \"Spring\",\n\t},\n\t{\n\t\tname: \"Distribution System\",\n\t},\n\t{\n\t\tname: \"Microservice\",\n\t},\n\t{\n\t\tname: \"Serverless\",\n\t},\n\t{\n\t\tname: \"Cassandra\",\n\t},\n\t{\n\t\tname: \"Redis\",\n\t},\n\t{\n\t\tname: \"Mongo\",\n\t},\n\t{\n\t\tname: \"MySQl\",\n\t},\n\t{\n\t\tname: \"AWS\",\n\t},\n\t{\n\t\tname: \"Oracle Cloud\",\n\t},\n];\n\nexport const contactItems = [\n\t{\n\t\thref: data.linkedin,\n\t\ticon: \"fa fa-linkedin\",\n\t\ttext: \"LinkedIn\",\n\t},\n\t{\n\t\thref: data.github,\n\t\ticon: \"fa fa-github\",\n\t\ttext: \"GitHub\",\n\t},\n\t{\n\t\thref: data.blog,\n\t\ticon: \"fab fa-dev\",\n\t\ttext: \"Blog\",\n\t},\n\t{\n\t\thref: data.stackOverflow,\n\t\ticon: \"fab fa-stack-overflow\",\n\t\ttext: \"Stack Overflow\",\n    },\n    // {\n\t// \thref: data.leetCode,\n\t// \ticon: \"fa fa-leetcode\",\n\t// \ttext: \"LeetCode\",\n\t// },\n];\n\nexport const images = [\n\t{\n\t\turl: \"images/CSP.jpg\"\n\t},\n\t{\n\t\turl: \"images/CDP.jpg\",\n\t},\n\t{\n\t\turl: \"images/CDA.jpg\",\n\t},\n\t{\n\t\turl: \"images/COA.jpg\",\n\t},\n\t{\n\t\turl: \"images/CSA.jpg\",\n\t},\n\t{\n\t\turl: \"images/OSA.jpg\",\n\t},\n\t{\n\t\turl: \"images/ONEAPP.jpg\",\n\t},\n\t{\n\t\turl: \"images/TopEng.jpg\",\n\t}\n]","import {data, contactItems, skills} from '../../constants/Data'\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {Card, CardContent, CardMedia, Button, Typography, Grid, CardActions, Icon } from '@material-ui/core';\n\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexWrap: \"wrap\",\n    justifyContent: \"space-between\"\n  },\n  paper: {\n    minHeight: \"65px\",\n    display: 'flex',\n    flexWrap: \"wrap\",\n    justifyContent: \"space-evenly\"\n  },\n  media: {\n    width: \"100%\",\n    minHeight: 250,\n    minWidth: 250,\n  },\n  skills: {\n    fontVariant: \"all-small-caps\",\n    fontSize: \"large\",\n    border: \"thin\",\n    borderStyle: \"dotted\",\n    borderRadius: \"5px\",\n    margin: \"5px 5px 5px 8px\",\n    padding: \"5px\",\n    background: \"#dbe9f1\",\n    fontWeight: \"bold\",\n    textDecoration: \"none\",\n    color: \"#0a3f5e\"\n  },\n  contact: {\n    margin: \"20px 10px 0px 0px\",\n  },\n  items: {\n    margin: \"5px\",\n  },\n  links: {\n    color: \"black\",\n    borderBottomStyle: \"dotted\",\n    border: \"thin\",\n  },\n  header: {\n    textAlign: \"left\",\n    padding: \"5%\",\n    margin: \"1%\"\n  }\n});\n\nconst Home = (props:any) => {\n  const {firstName, lastName, headline, profilePic} = data\n  const profilepic= \"images/\" + profilePic;\n  const classes = useStyles();\n\n  return (\n    <Grid container spacing={5} className={classes.root}>\n      <Grid item xs={12}>\n        <Card>\n          <Grid container className={classes.root}>\n            <Grid item sm={3} className={classes.media}>\n              <CardMedia\n                className={classes.media}\n                image={profilepic}\n              />\n            </Grid>\n            {/* Main card title and text */}\n            <Grid item sm={6}>\n              <CardContent className={classes.header}>\n                <Typography gutterBottom variant=\"h2\" component=\"h2\">\n                  Hi, I'm {firstName}, {lastName}\n                </Typography>\n                <Typography variant=\"body1\" gutterBottom>\n                  {headline}\n                </Typography>\n                \n                {contactItems.map(item => {\n                return <Button\n                    variant=\"contained\"\n                    color=\"default\"\n                    className={classes.contact}\n                    href={item.href}\n                    key={contactItems.indexOf(item)}\n                    aria-label={item.text}>\n                    <Icon className={item.icon}/>\n                </Button>})}\n                \n              </CardContent>\n            </Grid>\n          </Grid>\n        </Card>\n      </Grid>\n{/* End main card */}\n\n{/* Begin 'about me' card */}\n      <Grid item xs={12} >\n        <Card className={classes.root}>\n            <CardContent>\n              <Typography variant=\"h5\" component=\"h2\">\n                About\n              </Typography>\n              <Typography variant=\"body2\" gutterBottom>\n                <p>I am a Senior Software Engineer, cloud computing expert.</p>\n                <p>Strong Java knowledge. Familiar with Spring Framework, Microservices, etc. </p>\n                <p>Strong Containerization and Serverless knowledge. Familiar with Kubernetes and Docker, and AWS Lambda.</p>\n                <p>Strong DevOps knowledge. Familiar with CI/CD tools.</p>\n                <p>Familiar with most popular Databases, like MySQL, Oracle, MongoDB, Cansandra, Redis, etc.</p>\n                \n                <p>Actively learning new technologies.</p>\n              </Typography>\n                \n              <Typography variant=\"h5\" component=\"h2\">\n                Certificates\n              </Typography>\n              <Typography variant=\"body2\" gutterBottom>\n                <p>AWS Certified Solutions Architect - Professional</p>\n                <p>AWS Certified DevOps Engineer - Professional</p>\n                <p>AWS Certified Solutions Architect – Associate</p>\n                <p>AWS Certified SysOps Administrator - Associate</p>\n                <p>AWS Certified Developer - Associate</p>\n                <p/>\n                <p>Oracle Cloud Infrastructure 2019 Architect Associate</p>\n              </Typography>\n            </CardContent>\n        </Card>\n      </Grid> \n{/* End about me */}\n\n{/* Begin skills card */}\n      <Grid item >\n        <Card className={classes.root}>\n          <CardContent>\n            <Typography variant=\"h5\" component=\"h2\">\n              Tech\n            </Typography>\n            <CardActions className={classes.paper}>\n              {skills.map(skill => <span className={classes.skills} key={skill.name}><code>{skill.name}</code></span>)}\n            </CardActions>\n          </CardContent>\n        </Card>\n      </Grid>\n    </Grid> // End container\n  );\n}\n\nexport default Home;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Container from '@material-ui/core/Container';\nimport Button from '@material-ui/core/Button';\n\nconst useStyles = makeStyles({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\"\n  },\n  container: {\n    position: \"relative\",\n    overflow: \"hidden\",\n    width: \"100%\",\n    height: \"100%\",\n    paddingTop: \"56.25%\",\n  },\n  iframe: {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0,\n    width: \"100%\",\n    height: \"100%\",\n  },\n  button: {\n    marginTop: \"1%\",\n  }\n})\n\nexport default function ResumePage() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n    <Container className={classes.container}>\n      <iframe \n        src=\"Resume_EN.pdf\" \n        title=\"resume\"\n        className={classes.iframe}\n        >\n      </iframe>\n    </Container>\n      <Button \n        href=\"Resume_EN.pdf\" \n        variant=\"contained\" \n        color=\"inherit\"\n        className={classes.button}\n        >\n        View Full Screen\n      </Button>\n    </div>\n  );\n}","import React from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Link from '@material-ui/core/Link';\nimport Grid from '@material-ui/core/Grid';\n\nconst useStyles = makeStyles({\n  root: {\n    flexGrow: 1,\n    margin: \"1%\"\n  }\n})\n\nexport default function Nav() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root} >\n      <Grid container spacing={4}>\n        <Grid item xs={\"auto\"}>\n          <Link component={RouterLink} to=\"/\"\n          variant=\"body2\" color=\"inherit\">\n          Home\n          </Link>\n        </Grid>\n        <Grid item xs={\"auto\"}>\n          <Link component={RouterLink} to=\"/projects\"\n          variant=\"body2\" color=\"inherit\">\n          Achievement\n          </Link>\n        </Grid>\n        <Grid item xs={\"auto\"}>\n          <Link component={RouterLink} to=\"/resume\"\n          variant=\"body2\" color=\"inherit\">\n          Resume\n          </Link>\n        </Grid>\n          <Grid item xs={\"auto\"}>\n          <Link component={RouterLink} to=\"/resume.cn\"\n          variant=\"body2\" color=\"inherit\">\n          简历\n          </Link>\n        </Grid>\n      </Grid>     \n    </div>\n    );\n  }","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Container from '@material-ui/core/Container';\nimport Button from '@material-ui/core/Button';\n\nconst useStyles = makeStyles({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\"\n  },\n  container: {\n    position: \"relative\",\n    overflow: \"hidden\",\n    width: \"100%\",\n    height: \"100%\",\n    paddingTop: \"56.25%\",\n  },\n  iframe: {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0,\n    width: \"100%\",\n    height: \"100%\",\n  },\n  button: {\n    marginTop: \"1%\",\n  }\n})\n\nexport default function ResumePage() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n    <Container className={classes.container}>\n      <iframe \n        src=\"Resume_CN.pdf\" \n        title=\"简历\"\n        className={classes.iframe}\n        >\n      </iframe>\n    </Container>\n      <Button \n        href=\"Resume_CN.pdf\" \n        variant=\"contained\" \n        color=\"inherit\"\n        className={classes.button}\n        >\n        View Full Screen\n      </Button>\n    </div>\n  );\n}","import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport Link from '@material-ui/core/Link';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {data} from '../../constants/Data'\n\nconst useStyles = makeStyles({\n  links: {\n    color: \"black\",\n    borderBottomStyle: \"dotted\",\n    border: \"thin\",\n  }\n});\nexport default function Footer() {\n  const classes = useStyles();\n  return (\n    <Typography variant=\"body2\" color=\"textSecondary\">\n      {'Copyright © '}\n      <Link className={classes.links} href={data.website} underline=\"none\">\n        {data.firstName + \" \" + data.lastName}\n      </Link>{' '}\n      {new Date().getFullYear()}\n    </Typography>\n  );\n}","import { Card, Grid, makeStyles } from \"@material-ui/core\";\nimport React from \"react\";\nimport { images } from \"../../constants/Data\";\nimport SimpleImageSlider from \"react-simple-image-slider\";\n\nconst useStyles = makeStyles({\n    root: {\n      display: 'flex',\n      flexWrap: \"wrap\",\n      justifyContent: \"space-between\"\n    }\n  });\n\nconst Projects = (props: any) => {\n    const classes = useStyles();\n    return (\n        <Grid container spacing={5} className={classes.root}>\n            <Grid item xs={12}>\n                <div>\n                    <SimpleImageSlider\n                        showNavs={true}\n                        showBullets={true}\n                        width={1000}\n                        height={700}\n                        images={images}\n                    />\n                </div>\n            </Grid>\n        </Grid>   \n                    \n       )\n\n}\n\nexport default Projects","import React from 'react';\nimport './App.css';\nimport { Box, Container, CssBaseline, makeStyles } from '@material-ui/core';\nimport { Route } from 'react-router-dom';\nimport Home from './components/pages/Home';\nimport ResumePageEN from './components/pages/ResumePageEN';\nimport Nav from './components/Nav';\nimport ResumePage from './components/pages/ResumePage';\nimport Footer from './components/pages/Footer';\nimport Projects from './components/pages/Projects';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    minHeight: '100vh',\n    height: \"100%\"\n  },\n  footer: {\n    padding: \"2%\",\n    marginTop: 'auto',\n    marginLeft: 'auto',\n  }\n})\n\nconst App = (props: any) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.root}>\n      <CssBaseline />      \n      <Container className={classes.root}>\n        <Box my={5}>\n          <Nav />\n        </Box>\n        <Route exact path=\"/\" component={Home} />\n        <Route path=\"/projects\" component={Projects} />\n        <Route path=\"/resume\" component={ResumePageEN} />\n        <Route path=\"/resume.cn\" component={ResumePage} />\n        <footer className={classes.footer}>\n          <Footer/>\n        </footer>\n      </Container>\n  </div>\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 './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport { HashRouter as Router } from 'react-router-dom';\n\nReactDOM.render(\n  <React.StrictMode>\n    <Router>\n      <App />\n    </Router>,\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":""}