{"version":3,"sources":["components/ProjectBanner.tsx","components/Footer.tsx","components/Header.tsx","layout/DefaultLayout.tsx","webpack:///./src/assets/projects/downArrow.svg?18ed","components/ProjectFields.tsx","pages/AboutMe.tsx","pages/Project.tsx","reportWebVitals.ts","webpack:///./src/assets/contact/mailLogo.svg?c59d","webpack:///./src/assets/contact/phoneLogo.svg?2623","pages/Contact.tsx","components/ContactFields.tsx","assets/footer/facebook.svg","assets/footer/github.svg","assets/footer/linkedin.svg","assets/starryBackground.jpeg","App.test.tsx","appconstants.ts","setupTests.ts","appData.ts","components/AboutMeFields.tsx","components/HomeFields.tsx","assets.zip","assets/WaveyFingerprint.svg","assets/contact/mailLogo.svg","assets/contact/phoneLogo.svg","assets/personalIcon.jpg","assets/projects backup/2wheelcar.png","assets/projects backup/Boardkey.png","assets/projects backup/PCB.png","assets/projects backup/Yelpcamp.png","assets/projects backup/downArrow.svg","assets/projects backup/eTrain.png","assets/projects backup/jamband.png","assets/projects backup/masscopter.png","assets/projects/2WheelCar.jpg","assets/projects/Boardkey.jpg","assets/projects/JamBand.jpg","assets/projects/Masscopter.jpg","assets/projects/Quadcopter.jpg","assets/projects/Yelpcamp.jpg","assets/projects/downArrow.svg","assets/projects/eTraining.jpg","fonts/Goldman/Goldman-Bold.ttf","fonts/Goldman/Goldman-Regular.ttf","fonts/Proxima Nova/ProximaNova-Regular.otf","logo.svg","App.tsx","components/ProjectCard.tsx","../src sync /^/.//.*$","pages/Home.tsx","index.tsx"],"names":["ProjectBanner","props","invert","data","title","subtitle","techstack","imgurl","shortDescription","href","img","date","require","default","history","useHistory","className","xs","src","rounded","fluid","onClick","push","StyledFooter","styled","footer","SECONDARY_FONT","SECONDARY_COLOR","StyledAnchor","a","SocialMediaSvgs","LinkedInSvg","alt","style","marginLeft","GithubSvg","FacebookSvg","Footer","textAlign","Navbar","BSNavBar","BLACK_COLOR","PRIMARY_FONT","NavLink","target","Link","color","HEADER_TEXT_COLOR","to","spy","smooth","offset","activeClass","children","Header","id","collapseOnSelect","expand","fixed","Brand","fontSize","fontFamily","Toggle","aria-controls","Collapse","Background","React","memo","section","backgroundImg","DefaultLayout","_extends","Object","assign","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","_ref2","d","fill","SvgDownArrow","_ref","svgRef","titleId","width","height","viewBox","xmlns","ref","ForwardRef","ProjectContent","ProjectMainTitle","span","ProjectDownArrow","DownArrow","BannerTrapezium","div","GRAY_COLOR","BannerDescContent","BannerTitle","h1","PRIMARY_COLOR","BannerSubTitle","h2","WHITE_COLOR","BannerDate","p","BannerTechStack","h3","BannerDescription","BannerDescBox","BannerDivider","hr","BannerImage","Image","BannerButton","BSButton","CardTrapezium","CardContent","BSCard","voffset","CardImg","Img","CardBody","Body","CardTitle","Title","CardTechStack","Subtitle","CardDivider","CardSubtitle","Text","PageContent","PageImage","PageTitle","PageSubtitle","PageTechStack","PageDate","PageParagraph","PageDescBox","PageDescription","PageShortDescription","StyledPageButton","shouldHover","replace","PageButton","useState","setShouldHover","onMouseEnter","onMouseLeave","StyledProjectLinkNext","StyledProjectLinkPrevious","ProjectLink","next","handleClick","PageDivider","AboutMe","pd","personalData","iconurl","marginTop","introduction","download","ScrollToTopOnMount","useEffect","window","scrollTo","Project","useParams","isFirstProject","Number","isLastProject","projectData","longDescription","buttons","vidurl","paragraphs","split","aspectRatio","allowFullScreen","map","btnInfo","index","url","text","String","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","SvgMailLogo","SvgPhoneLogo","fetch","Contact","firstName","lastName","emailAddress","subject","message","inputField","setInputField","validated","setValidated","submitted","setSubmitted","inputHandler","e","currentTarget","name","value","textAreaHandler","handleSubmit","preventDefault","checkValidity","stopPropagation","qparams","URL","host","search","URLSearchParams","toString","Container","Row","Col","marginBottom","Form","noValidate","onSubmit","controlId","required","type","onChange","Control","Feedback","as","rows","minWidth","borderRadius","ContactContent","ContactTitle","ContactInfo","ContactFormGroup","Group","ContactFormLabel","Label","ContactFormField","ContactFormButton","ContactThankYouNote","test","render","linkElement","screen","getByText","expect","toBeInTheDocument","TURQUOISE_COLOR","ORANGE_COLOR","AboutMeContent","AboutMeDescContent","AboutMeTitle","AboutMeDescription","AboutMeImage","ResumeTitle","ResumeButton","MainContent","MainTitle","MainSubTitle","MainDescription","MainDivider","App","path","component","ProjectCard","variant","webpackContext","req","webpackContextResolve","__webpack_require__","o","Error","code","resolve","module","exports","projectDataToBanners","boolInvert","Home","Fragment","slice","cardData","ReactDOM","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.a618eb07.chunk.js","sourcesContent":["import {\n    BannerTitle,\n    BannerTrapezium,\n    BannerDescContent,\n    BannerDescBox,\n    BannerSubTitle,\n    BannerDate,\n    BannerTechStack,\n    BannerDescription,\n    BannerDivider,\n    BannerButton,\n    BannerImage,\n} from \"components/ProjectFields\";\nimport { useHistory } from \"react-router-dom\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport { projectData } from \"appData\";\n\ninterface BannerProps {\n    data: typeof projectData[0]\n    invert: boolean\n}\n\nconst ProjectBanner: React.FC<BannerProps> = (\n    props\n) => {\n    const { invert, data } = props\n    const { title, subtitle, techstack, imgurl, shortDescription, href, date } = data\n    const img = require(`../${imgurl}`).default\n    const history = useHistory();\n    const handleBtnClicked = () => {\n        history.push({ \"pathname\": href })\n    }\n    return (\n        <BannerTrapezium invert={invert}>\n            <Container>\n                <Row className=\"align-items-center\">\n                    <Col xs={6}>\n                        <BannerImage src={img} rounded fluid />\n                    </Col>\n                    <Col>\n                        <BannerDescContent>\n                            <BannerTitle>{title}</BannerTitle>\n                            <BannerTechStack>{techstack}</BannerTechStack>\n                            <BannerDescBox>\n                                <BannerSubTitle>{subtitle}</BannerSubTitle>\n                                {/* <BannerDate>{date}</BannerDate> */}\n                                <BannerDivider />\n                                <BannerDescription>{shortDescription}</BannerDescription>\n                            </BannerDescBox>\n                        <BannerButton onClick={handleBtnClicked}>VIEW PROJECT</BannerButton>\n                        </BannerDescContent>\n                    </Col>\n                </Row>\n            </Container>\n        </BannerTrapezium>\n    )\n}\n\nexport default ProjectBanner","import styled from \"styled-components\";\nimport Container from \"react-bootstrap/Container\";\nimport Row from \"react-bootstrap/Row\";\nimport Col from \"react-bootstrap/Col\";\nimport GithubSvg from \"../assets/footer/github.svg\";\nimport LinkedInSvg from \"../assets/footer/linkedin.svg\";\nimport FacebookSvg from \"../assets/footer/facebook.svg\";\nimport { SECONDARY_COLOR, SECONDARY_FONT } from \"appconstants\";\n\nconst StyledFooter = styled.footer`\nbackground-color: #191919;\nopacity: .90;\ncolor: white;\nheight: 4rem;\nline-height: 4rem;\nfont-family: ${SECONDARY_FONT};\nfont-size: 16px;\nborder-top: 1px solid ${SECONDARY_COLOR};\n`\n\nconst StyledAnchor = styled.a`\ncolor: ${SECONDARY_COLOR}\n`\n\nconst SocialMediaSvgs:React.FC = () => {\n  return (\n    <div >\n      <a href=\"https://www.linkedin.com/in/kinchang/\"><img src={LinkedInSvg} alt=\"LinkedIn\" /></a>\n      <a style={{marginLeft: \"50px\"}} href=\"https://github.com/ckwojai\"><img src={GithubSvg} alt=\"Github\" /></a>\n      <a style={{marginLeft: \"50px\"}} href=\"https://www.facebook.com/wilson.chang.3979\"><img src={FacebookSvg} alt=\"Facebook\" /></a>\n    </div >\n  )\n}\n// const SvgBtns:React.FC = () => {\n//   re\n// }\n\nconst Footer = () => (\n  <StyledFooter>\n    <Container>\n      <Row>\n        <Col>\n          © 2021 Kin Chang | Web design by <StyledAnchor href=\"https://katherineshan.com\">Nightlark</StyledAnchor>\n        </Col>\n        <Col style={{ textAlign: \"right\" }}>\n          <SocialMediaSvgs />\n        </Col>\n      </Row>\n    </Container>\n  </StyledFooter>\n)\n\nexport default Footer","import styled from \"styled-components\";\nimport BSNavBar from \"react-bootstrap/Navbar\";\nimport Nav from \"react-bootstrap/Nav\";\nimport Container from \"react-bootstrap/Container\";\nimport Scroll from 'react-scroll';\nimport { useHistory } from \"react-router-dom\";\nimport { PRIMARY_FONT, BLACK_COLOR, HEADER_TEXT_COLOR, SECONDARY_COLOR } from \"appconstants\";\n\n\nconst Navbar = styled(BSNavBar)`\nbackground-color: ${BLACK_COLOR};\nopacity: .90;\nfont-size: 20px;\nfont-family: ${PRIMARY_FONT};\nborder-bottom: 1px solid ${SECONDARY_COLOR};\n`\n\nconst NavLink: React.FC<{target: string, href: string}> = (props) => {\n  const { target, href } = props;\n  let history = useHistory();\n  return (\n    <Scroll.Link onClick={() => history.push(href)} className=\"nav-link\"\n     style={{color: HEADER_TEXT_COLOR}} to={target} spy={true} smooth={true} offset={-70} activeClass=\"active\">\n        {props.children}\n    </Scroll.Link>\n  )\n}\n\nconst Header = () => (\n    <Navbar id=\"navbar\" className=\"inactive\" color={HEADER_TEXT_COLOR} collapseOnSelect expand=\"lg\" fixed=\"top\">\n      <Container>\n        <Navbar.Brand href=\"/\" style={{ color: HEADER_TEXT_COLOR, fontSize: \"30px\", fontFamily: PRIMARY_FONT }}>KC</Navbar.Brand>\n        <Navbar.Toggle aria-controls=\"responsive-navbar-nav\" />\n        <Navbar.Collapse id=\"responsive-navbar-nav\">\n          <Nav className=\"mr-auto\">\n          </Nav>\n          <Nav>\n            <NavLink target='home' href=\"/#home\">Home</NavLink>\n            <NavLink target=\"projects\" href=\"/#projects\">Projects</NavLink>\n            <NavLink target=\"about\" href=\"/about\">About</NavLink>\n            <NavLink target=\"contact\" href=\"/contact\">Contact</NavLink>\n          </Nav>\n        </Navbar.Collapse>\n      </Container>\n    </Navbar>\n)\n\nexport default Header","import React, { FunctionComponent } from \"react\";\nimport styled from \"styled-components\";\nimport backgroundImg from \"../assets/starryBackground.jpeg\";\nimport Header from \"../components/Header\";\nimport Footer from \"../components/Footer\";\nimport { BLACK_COLOR, SECONDARY_COLOR } from \"appconstants\";\n\nconst Background = React.memo(styled.section`\n  background-size: cover;\n  min-height: 100vh;\n  width: 100%;\n  background: url(\"${backgroundImg}\") no-repeat center center fixed;\n  background-color: rgb(12, 12, 12, 0.7);\n  background-blend-mode: overlay;\n  // opacity: .4;\n`);\n\n\nconst DefaultLayout: FunctionComponent = React.memo(props => {\n  return (\n    <>\n      <Background>\n        <Header />\n        <main>{props.children}</main>\n        <Footer />\n      </Background>\n    </>\n  );\n});\n\nexport default DefaultLayout;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M0 1.9L1.0325 0.5H29.0175L30 1.85L15.9325 15.5H13.865L0 1.9Z\",\n  fill: \"#84D6D1\"\n});\n\nfunction SvgDownArrow(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 30,\n    height: 16,\n    viewBox: \"0 0 30 16\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDownArrow);\nexport default __webpack_public_path__ + \"static/media/downArrow.918a6a48.svg\";\nexport { ForwardRef as ReactComponent };","import styled from \"styled-components\";\nimport { BLACK_COLOR, GRAY_COLOR, WHITE_COLOR, PRIMARY_FONT, SECONDARY_FONT, PRIMARY_COLOR, SECONDARY_COLOR } from \"appconstants\";\nimport Image from \"react-bootstrap/Image\";\nimport BSCard from \"react-bootstrap/Card\";\nimport BSButton from \"react-bootstrap/Button\";\nimport { ReactComponent as DownArrow } from \"assets/projects/downArrow.svg\";\nimport { useHistory } from \"react-router-dom\";\nimport { useState } from \"react\";\n\nconst ProjectContent = styled.section`\n  // background-color: ${BLACK_COLOR};\n`;\n\nconst ProjectMainTitle = styled.span`\npadding-top: 3px;\npadding-bottom: 5px;\npadding-left: 3rem;\npadding-right: 3rem;\nborder-top: 1px solid ${SECONDARY_COLOR};\nborder-bottom: 1px solid ${SECONDARY_COLOR};\n// background-color: ${BLACK_COLOR};\nfont-family: ${PRIMARY_FONT};\nfont-size: 48px;\nfont-weight: 600;\ncolor: ${SECONDARY_COLOR};\ntext-align: center;\n`\n\nconst ProjectDownArrow = DownArrow\n\n/*\n================================================================================\n**************************  Banner Fields  *************************************\n================================================================================\n*/\n\nconst BannerTrapezium = styled.div<{invert: boolean}>`\nclip-path: ${props => props.invert ? \"unsert\":\"polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%)\"};\npadding-top: 9rem;\npadding-bottom: 9rem;\n// background-color: ${props => props.invert ?\"transparent\":GRAY_COLOR};\nbackground-color: transparent;\n`;\n\nconst BannerDescContent = styled.section`\n  padding-left: 2rem;\n  padding-right: 2rem;\n`;\n\nconst BannerTitle = styled.h1`\n  font-family: ${PRIMARY_FONT};\n  font-size: 36px;\n  font-weight: bold;\n  color: ${PRIMARY_COLOR};\n`;\n\nconst BannerSubTitle = styled.h2`\n  margin-top: 10px;\n  font-family: ${PRIMARY_FONT};\n  font-size: 20px;\n  font-weight: 600;\n  color: ${WHITE_COLOR};\n`;\n\nconst BannerDate = styled.p`\n  font-family: ${PRIMARY_FONT};\n  font-weight: 400;\n  display:inline;\n  color: ${SECONDARY_COLOR};\n  font-size: 14px;\n`\n\nconst BannerTechStack = styled.h3`\n  margin-top: 1px;\n  font-family: ${PRIMARY_FONT};\n  font-size: 16px;\n  color: ${SECONDARY_COLOR};\n`;\n\nconst BannerDescription = styled.h3`\n  font-family: ${SECONDARY_FONT};\n  font-size: 16px;\n  color: ${SECONDARY_COLOR};\n  line-height: 2;\n`;\n\nconst BannerDescBox = styled.div`\n  margin-top: 2rem;\n  margin-bottom: 1rem;\n  padding: 12px 12px 12px 12px;\n  background: rgba(132, 214, 209, 0.1);\n`\n\nconst BannerDivider = styled.hr`\n  margin-top: 10px;\n  border-top: 1px solid ${SECONDARY_COLOR};\n`;\n\nconst BannerImage = styled(Image)`\n`;\n\nconst BannerButton = styled(BSButton)`\n  margin-top: 15px;\n  font-family: ${SECONDARY_FONT};\n  font-size: 16px;\n  font-weight: 700;\n  color: ${PRIMARY_COLOR};\n  padding: 10px 25px;\n  border-radius: 0;\n  border-color: ${PRIMARY_COLOR};\n  background-color: transparent;\n  &:hover{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: ${BLACK_COLOR} !important;\n  }\n  &:focus{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: transparent !important;\n    color: ${PRIMARY_COLOR} !important;\n    box-shadow: 0 0 0 0.2rem ${GRAY_COLOR};\n  }\n  &:active{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: black !important;\n  }\n`;\n/*\n================================================================================\n**************************  Card Fields  *************************************\n================================================================================\n*/\n\nconst CardTrapezium = styled.div`\nclip-path: polygon(0% 0%, 100% 6%, 100% 100%, 0% 100%);\npadding-top: 9rem;\npadding-bottom: 9rem;\n// background-color: ${GRAY_COLOR}\nbackground-color: transparent;\n`;\n\nconst CardContent = styled(BSCard) <{ voffset: string }>`\nmargin-top: ${(props) => props.voffset};\npadding-left: 1rem;\npadding-right: 1rem;\nbackground-color: transparent;\n// border-color: ${WHITE_COLOR};\nborder-color: transparent;\nborder-width: thin;\n  &:hover{\n    // border-color: ${BLACK_COLOR} !important;\n    // background-color: ${BLACK_COLOR} !important;\n    color: ${BLACK_COLOR} !important;\n  }\n`;\n\nconst CardImg = styled(BSCard.Img)`\n`;\n\nconst CardBody = styled(BSCard.Body)`\npadding: 0 0 0 0;\nmargin-top: 0.5rem;\npadding: 12px 12px 12px 12px;\nbackground: rgba(132, 214, 209, 0.1);\n`;\n\nconst CardTitle = styled(BSCard.Title)`\nfont-family: ${PRIMARY_FONT};\nfont-size: 32px;\nfont-weight: 700;\ncolor: ${PRIMARY_COLOR};\ntext-align: left;\n`;\n\nconst CardTechStack = styled(BSCard.Subtitle)`\nfont-family: ${PRIMARY_FONT};\nfont-size: 14px;\nfont-weight: 400;\ncolor: ${SECONDARY_COLOR};\ntext-align: left;\n`;\n\nconst CardDivider = styled.hr`\n  border-top: 1px solid ${SECONDARY_COLOR};\n  margin-top: 0.7rem;\n  margin-bottom: 1rem;\n`;\n\nconst CardSubtitle = styled(BSCard.Text)`\nfont-family: ${PRIMARY_FONT};\nfont-size: 16px;\nfont-weight: 700;\ncolor: ${WHITE_COLOR};\ntext-align: left;\nmargin-top: 0.5rem;\nmargin-bottom: 1rem !important;\n`\n\n/*\n================================================================================\n**************************  Page Fields  *************************************\n================================================================================\n*/\nconst PageContent = styled.section`\n  padding-top: 8rem;\n  padding-bottom: 5rem;\n  background-color: transparent;\n`;\n\nconst PageImage = styled(Image)`\nmargin: auto;\nmax-height: 364px;\n`;\n\nconst PageTitle = styled.h1`\nfont-family: ${PRIMARY_FONT};\nfont-size: 48px;\nfont-weight: bold;\ncolor: ${PRIMARY_COLOR};\ntext-align: left;\n`;\n\nconst PageSubtitle = styled.h2`\nfont-family: ${PRIMARY_FONT};\nfont-size: 26px;\ncolor: ${WHITE_COLOR};\ntext-align: left;\nfont-weight: 700;\n`;\n\nconst PageTechStack = styled.h2`\nfont-family: ${PRIMARY_FONT};\nfont-size: 16px;\ncolor: ${SECONDARY_COLOR};\ntext-align: left;\nfont-weight: 400;\n`;\n\nconst PageDate = styled.p`\n  font-weight: 400;\n  display:inline;\n  font-size: 16px;\n  font-family: ${PRIMARY_FONT};\n  color: ${SECONDARY_COLOR};\n`\n\nconst PageParagraph = styled.p`\n  font-family: ${SECONDARY_FONT};\n  font-size: 18px;\n  margin-top: 2rem;\n  color: ${SECONDARY_COLOR};\n  \n  margin-bottom: 0;\n`\n\nconst PageDescBox = styled.div`\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n  padding: 20px 20px;\n  background: rgba(132, 214, 209, 0.1);\n  border: 1px solid ${SECONDARY_COLOR};\n`\nconst PageDescription = styled.div`\n  margin-top: 25px;\n`;\n\nconst PageShortDescription = styled.div`\n  font-family: ${SECONDARY_FONT};\n  font-size: 30px;\n  margin-top: 2rem;\n  color: ${WHITE_COLOR};\n`;\n\n\nconst StyledPageButton = styled(BSButton)`\n  margin-top: 15px;\n  font-family: ${SECONDARY_FONT};\n  font-size: 18px;\n  font-weight: 700;\n  color: ${PRIMARY_COLOR};\n  text-align: center;\n  padding: 10px 10px 10px 28px;\n  border-radius: 0;\n  border-color: ${PRIMARY_COLOR};\n  background-color: transparent;\n  &:hover{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: ${BLACK_COLOR} !important;\n    fill: ${BLACK_COLOR};\n  }\n  &:focus{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: transparent !important;\n    color: ${PRIMARY_COLOR} !important;\n    box-shadow: 0 0 0 0.2rem ${GRAY_COLOR};\n  }\n  &:active{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: black !important;\n  }\n  &:after{\n    padding-left: 3rem;\n    content: \"\";\n    background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"15\" viewBox=\"0 0 8 15\" fill=\"none\"> <path d=\"M0.95 15.0001L0.25 14.4838L0.249999 0.49131L0.924999 6.10057e-05L7.75 7.03381L7.75 8.06756L0.95 15.0001Z\" fill=\"${(props) => props.shouldHover ? BLACK_COLOR.replace(\"#\", \"%23\") : PRIMARY_COLOR.replace(\"#\", \"%23\")}\" /> </svg>') center center no-repeat;\n  }\n`;\n\nconst PageButton : React.FunctionComponent = (props) => {\n  const [shouldHover, setShouldHover] = useState(false);\n  return <StyledPageButton shouldHover={shouldHover} onMouseEnter={() => setShouldHover(true)} onMouseLeave={() => setShouldHover(false)}>{props.children}</StyledPageButton>\n}\n\nconst StyledProjectLinkNext = styled(BSButton)`\ncolor: ${PRIMARY_COLOR};\nfont-family: ${PRIMARY_FONT};\nborder: none;\nbackground-color: transparent;\n&:hover{\n  color: ${WHITE_COLOR} !important;\n  fill: ${BLACK_COLOR};\n  text-decoration: none !important;\n  background: none !important;\n  border: none !important;\n  }\n&:focus{\n  color: ${PRIMARY_COLOR};\n  fill: ${BLACK_COLOR};\n  text-decoration: none;\n  background: none;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  }\n&:active{\n  color: ${PRIMARY_COLOR};\n  fill: ${BLACK_COLOR};\n  text-decoration: none;\n  background: transparent !important;\n  border: none;\n  }\n&:after{\n  padding-left: 3rem;\n  padding-top: 0rem;\n  content: \"\";\n  background: url('data:image/svg+xml;utf8,<svg width=\"6\" height=\"13\" viewBox=\"0 0 8 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M0.95 15L0.25 14.4838L0.249999 0.491264L0.924999 1.52293e-05L7.75 7.03376L7.75 8.06752L0.95 15Z\" fill=\"${(props) => props.shouldHover ? WHITE_COLOR.replace(\"#\", \"%23\") : PRIMARY_COLOR.replace(\"#\", \"%23\")}\" /> </svg>') center center no-repeat;\n  }\n`\n\nconst StyledProjectLinkPrevious = styled(BSButton)`\ncolor: ${PRIMARY_COLOR};\nfont-family: ${PRIMARY_FONT};\nborder: none;\nbackground-color: transparent;\n&:hover{\n  color: ${WHITE_COLOR} !important;\n  fill: ${BLACK_COLOR};\n  text-decoration: none !important;\n  background: none !important;\n  border: none !important;\n  }\n&:focus{\n  color: ${PRIMARY_COLOR};\n  fill: ${BLACK_COLOR};\n  text-decoration: none;\n  background: none;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  }\n&:active{\n  color: ${PRIMARY_COLOR};\n  fill: ${BLACK_COLOR};\n  text-decoration: none;\n  background: transparent !important;\n  border: none;\n  }\n&:before{\n  padding-left: 3rem;\n  padding-top: 0rem;\n  content: \"\";\n  background: url('data:image/svg+xml;utf8,<svg width=\"6\" height=\"13\" viewBox=\"0 0 6 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M5.44 0.5L6 0.913L6 12.107L5.46 12.5L-2.78573e-07 6.873L-2.42423e-07 6.046L5.44 0.5Z\" fill=\"${(props) => props.shouldHover ? WHITE_COLOR.replace(\"#\", \"%23\") : PRIMARY_COLOR.replace(\"#\", \"%23\")}\" /> </svg>') center center no-repeat;\n  }\n`\n\nconst ProjectLink: React.FunctionComponent<{ to: string, next: boolean }> = ({ to, next, children }) => {\n  const [shouldHover, setShouldHover] = useState(false);\n  const history = useHistory();\n  const handleClick = () => {\n    history.push(to)\n  }\n  return next ? <StyledProjectLinkNext shouldHover={shouldHover} onClick={handleClick} onMouseEnter={() => setShouldHover(true)} onMouseLeave={() => setShouldHover(false)}>{children}</StyledProjectLinkNext> : <StyledProjectLinkPrevious shouldHover={shouldHover} onClick={handleClick} onMouseEnter={() => setShouldHover(true)} onMouseLeave={() => setShouldHover(false)}>{children}</StyledProjectLinkPrevious>\n}\n\nconst PageDivider = styled.hr`\n  margin-top: 1rem;\n  border-top: 1px solid ${SECONDARY_COLOR};\n  margin-bottom: 1rem;\n`;\n\nexport {\n  ProjectContent,\n  ProjectMainTitle,\n  ProjectDownArrow,\n  BannerTrapezium,\n  BannerDescContent,\n  BannerTitle,\n  BannerSubTitle,\n  BannerDate,\n  BannerTechStack,\n  BannerDescription,\n  BannerDescBox,\n  BannerDivider,\n  BannerButton,\n  BannerImage,\n  CardTrapezium,\n  CardContent,\n  CardImg,\n  CardBody,\n  CardTitle,\n  CardSubtitle,\n  CardDivider,\n  CardTechStack,\n  PageContent,\n  PageImage,\n  PageTitle,\n  PageSubtitle,\n  PageTechStack,\n  PageDate,\n  PageDescBox,\n  PageDescription,\n  PageShortDescription,\n  PageParagraph,\n  PageButton,\n  PageDivider,\n  ProjectLink\n}\n","import {\n    AboutMeContent,\n    AboutMeDescContent,\n    AboutMeTitle,\n    AboutMeDescription,\n    AboutMeImage,\n    ResumeTitle,\n    ResumeButton\n} from \"components/AboutMeFields\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport { personalData } from \"appData\";\nimport { Link } from \"react-router-dom\";\n\nconst AboutMe: React.FC = () => {\n    const pd = personalData\n    const img = require(`../${pd.iconurl}`).default\n    return (\n        <AboutMeContent id=\"about\">\n            <Container>\n                <Row>\n                    <Col xs={2} />\n                    <Col>\n                        <Row>\n                            <Col>\n                                <AboutMeTitle>About Me</AboutMeTitle>\n                            </Col>\n                        </Row>\n                        <Row style={{marginTop: \"1rem\"}}>\n                            <Col>\n                                <AboutMeImage src={img} fluid />\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                                <AboutMeDescContent>\n                                    <AboutMeDescription>{pd.introduction}</AboutMeDescription>\n                                </AboutMeDescContent>\n                            </Col>\n                        </Row>\n                        <Row style={{marginTop: \"1rem\"}}>\n                            <Col className=\"d-flex justify-content-center\">\n                                <Link to=\"/files/resume.pdf\" target=\"_blank\" download>\n                                    <ResumeButton>\n                                        Software Engineer Resume\n                                    </ResumeButton>\n                                </Link>\n                            </Col>\n                        </Row>\n                    </Col>\n                    <Col xs={2} />\n                </Row>\n            </Container>\n        </AboutMeContent >\n    )\n}\n\nexport default AboutMe;\n","import React from \"react\";\nimport { projectData } from \"appData\";\nimport {\n    PageContent,\n    PageTitle,\n    PageSubtitle,\n    PageTechStack,\n    PageDescription,\n    PageImage,\n    PageParagraph,\n    PageDate,\n    PageButton,\n    PageDivider,\n    PageShortDescription,\n    ProjectLink\n} from \"../components/ProjectFields\";\nimport ResponsiveEmbed from 'react-bootstrap/ResponsiveEmbed';\nimport {\n    Container,\n    Row,\n    Col\n} from \"react-bootstrap\";\nimport { useParams } from \"react-router-dom\";\nimport { useEffect } from \"react\";\n\nfunction ScrollToTopOnMount() {\n    useEffect(() => {\n        window.scrollTo(0, 0);\n    });\n\n    return null;\n}\n\n\nconst Project: React.FC = (props) => {\n    let { id } = useParams<{id: string}>();\n    const isFirstProject = Number(id) == 1;\n    const isLastProject = Number(id) == 7;\n    const { title, subtitle, longDescription, shortDescription, imgurl, date, buttons, vidurl, techstack } = projectData[Number(id)-1]\n    const img = require(`../${imgurl}`).default\n    const paragraphs = longDescription.split(\"\\n\")\n    return (\n        <PageContent>\n            <ScrollToTopOnMount />\n            <Container>\n                <Row>\n                    <Col xs={2} />\n                    <Col>\n                        <Row>\n                            <Col>\n                                <PageTitle>{title}</PageTitle>\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                                <PageSubtitle>{subtitle} </PageSubtitle>\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                                <PageTechStack>{techstack}</PageTechStack>\n                            </Col>\n                        </Row>\n                        <Row style={{marginTop: \"2rem\"}}>\n                            <Col>\n                                {\n                                    vidurl ? (\n                                        <ResponsiveEmbed aspectRatio=\"16by9\">\n                                            <iframe allowFullScreen src={vidurl}></iframe>\n                                        </ResponsiveEmbed>) :\n                                        (<PageImage src={img} fluid />)\n                                }\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                                <PageDate> {date} </PageDate>\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                                <PageShortDescription>{shortDescription}</PageShortDescription>\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                                {buttons.map((btnInfo, index) => {\n                                    if (index == 0) {\n                                    return (\n                                        <Row>\n                                            <Col className=\"d-flex\">\n                                                <a href={btnInfo.url} target=\"_blank\">\n                                                    <PageButton>{btnInfo.text}\n                                                    </PageButton>\n                                                </a>\n                                            </Col>\n                                        </Row>\n                                    )\n                                    }\n                                }\n                                )}\n                            </Col>\n                        </Row>\n                        <Row style={{ marginTop: \"3rem\" }}>\n                            <Col>\n                                <PageDivider />\n                                <PageDescription>\n                                    {paragraphs.map((p) => <PageParagraph key={p}>{p}</PageParagraph>)}\n                                </PageDescription>\n\n                            </Col>\n                        </Row>\n                        <Row style={{ marginTop: \"5rem\" }}>\n                            {(!isFirstProject) ?\n                                <Col style={{ textAlign: \"left\" }}>\n                                    <ProjectLink next={false} to={\"/project/\" + String(Number(id) - 1)}>\n                                        Previous Project\n                                    </ProjectLink>\n                                </Col> : \"\"}\n                            {(!isLastProject) ?\n                                <Col style={{ textAlign: \"right\" }}>\n                                    <ProjectLink next to={\"/project/\" + String(Number(id) + 1)}>\n                                        Next Project\n                                    </ProjectLink>\n                                </Col> : \"\"}\n                        </Row>\n                    </Col>\n                    <Col xs={2} />\n                </Row>\n            </Container>\n        </PageContent>\n    )\n};\n\nexport default Project","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","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M25.3125 0H0.9375C0.418945 0 0 0.418945 0 0.9375V19.6875C0 20.2061 0.418945 20.625 0.9375 20.625H25.3125C25.8311 20.625 26.25 20.2061 26.25 19.6875V0.9375C26.25 0.418945 25.8311 0 25.3125 0ZM22.9453 3.19043L13.7021 10.3828C13.4736 10.5615 13.1543 10.5615 12.9258 10.3828L3.67969 3.19043C3.64483 3.16353 3.61927 3.1264 3.60658 3.08424C3.59389 3.04208 3.5947 2.99701 3.60892 2.95534C3.62313 2.91367 3.65003 2.87749 3.68583 2.85188C3.72164 2.82626 3.76457 2.81249 3.80859 2.8125H22.8164C22.8604 2.81249 22.9034 2.82626 22.9392 2.85188C22.975 2.87749 23.0019 2.91367 23.0161 2.95534C23.0303 2.99701 23.0311 3.04208 23.0184 3.08424C23.0057 3.1264 22.9802 3.16353 22.9453 3.19043Z\",\n  fill: \"#84D6D1\"\n});\n\nfunction SvgMailLogo(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 27,\n    height: 21,\n    viewBox: \"0 0 27 21\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgMailLogo);\nexport default __webpack_public_path__ + \"static/media/mailLogo.b2e4bfd9.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M16.2594 17.325L18.3594 15.225C18.6422 14.9457 19.0001 14.7545 19.3895 14.6746C19.7789 14.5947 20.1831 14.6296 20.5531 14.775L23.1125 15.7969C23.4864 15.9487 23.807 16.2077 24.0339 16.5414C24.2607 16.8751 24.3838 17.2684 24.3875 17.6719V22.3594C24.3853 22.6339 24.3276 22.9051 24.2179 23.1567C24.1081 23.4083 23.9486 23.6351 23.7489 23.8234C23.5492 24.0117 23.3134 24.1577 23.0558 24.2525C22.7982 24.3473 22.5241 24.389 22.25 24.375C4.31561 23.2594 0.69686 8.07191 0.0124851 2.25941C-0.019284 1.97398 0.0097426 1.68505 0.0976553 1.41164C0.185568 1.13823 0.330374 0.886532 0.522548 0.673104C0.714722 0.459676 0.949908 0.289355 1.21263 0.173348C1.47536 0.057341 1.75967 -0.00172421 2.04686 3.83147e-05H6.57499C6.97906 0.00123436 7.37353 0.123289 7.70767 0.350503C8.04181 0.577718 8.30033 0.899701 8.44998 1.27504L9.47186 3.83441C9.6221 4.20292 9.66043 4.60752 9.58206 4.99768C9.5037 5.38783 9.31211 5.74625 9.03123 6.02817L6.93124 8.12817C6.93124 8.12817 8.14061 16.3125 16.2594 17.325Z\",\n  fill: \"#84D6D1\"\n});\n\nfunction SvgPhoneLogo(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 25,\n    height: 25,\n    viewBox: \"0 0 25 25\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPhoneLogo);\nexport default __webpack_public_path__ + \"static/media/phoneLogo.5e9e1901.svg\";\nexport { ForwardRef as ReactComponent };","import {\n    ContactContent,\n    ContactFormLabel,\n    ContactTitle,\n    ContactFormButton,\n    ContactFormField,\n    ContactInfo,\n    ContactFormGroup,\n    ContactThankYouNote\n} from \"components/ContactFields\";\nimport { Container, Row, Col, Form } from \"react-bootstrap\";\nimport { personalData } from \"appData\";\nimport { Link } from \"react-router-dom\";\nimport { ReactComponent as MailLogo } from \"assets/contact/mailLogo.svg\";\nimport { ReactComponent as PhoneLogo } from \"assets/contact/phoneLogo.svg\";\nimport React, { useState } from 'react';\nconst fetch = require('node-fetch');\n\nconst Contact: React.FC = () => {\n    const pd = personalData\n    const img = require(`../${pd.iconurl}`).default\n    // type InputType = {\n    //     firstName: string;\n    //     lastName: string;\n    //     emailAddress: string;\n    //     subject: string;\n    //     message: string; \n    // }\n    const [inputField, setInputField] = useState({firstName: '', lastName: '', emailAddress: '', subject: '', message: ''});\n    const [validated, setValidated] = useState(false)\n    const [submitted, setSubmitted] = useState(false)\n\n\n    const inputHandler = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        setInputField({...inputField, [e.currentTarget.name]: e.currentTarget.value})\n    }\n    const textAreaHandler = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setInputField({...inputField, [e.currentTarget.name]: e.currentTarget.value})\n    }\n    const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n        e.preventDefault();\n        const form = e.currentTarget;\n        if (form.checkValidity() === false) {\n            e.stopPropagation();\n        } else { // validated\n            const {firstName, lastName, emailAddress, subject, message} = inputField\n            const emailSubject = `Message from ${firstName} ${lastName} (${emailAddress}): ${subject}`\n            const qparams = {subject: emailSubject, message: message}\n            const host = process.env.REACT_APP_API_URI\n            const route = \"/contactme\" \n            var url = new URL(host+route)\n            url.search = new URLSearchParams(qparams).toString()\n            fetch(url)\n            setSubmitted(true)\n        }\n        setValidated(true);\n   }\n\n    const renderForm = () => (\n        <Form noValidate validated={validated} onSubmit={handleSubmit}>\n            <Row>\n                <Col xs={6}>\n                    <ContactFormGroup controlId=\"contactForm.FirstName\">\n                        <ContactFormLabel>First Name*</ContactFormLabel>\n                        <ContactFormField required type=\"text\" name=\"firstName\" onChange={inputHandler} />\n                    </ContactFormGroup>\n                </Col>\n                <Col xs={6}>\n                    <ContactFormGroup controlId=\"contactForm.LastName\">\n                        <ContactFormLabel>Last Name*</ContactFormLabel>\n                        <ContactFormField required type=\"text\" name=\"lastName\" onChange={inputHandler} />\n                    </ContactFormGroup>\n                </Col>\n            </Row>\n            <Row>\n                <Col>\n                    <ContactFormGroup controlId=\"contactForm.Email\">\n                        <ContactFormLabel>Email Address*</ContactFormLabel>\n                        <ContactFormField required type=\"email\" name=\"emailAddress\" onChange={inputHandler} />\n                        <Form.Control.Feedback type=\"invalid\">\n                            Please provide a valid email address.\n                        </Form.Control.Feedback>\n                    </ContactFormGroup>\n                </Col>\n            </Row>\n            <Row>\n                <Col>\n                    <ContactFormGroup controlId=\"contactForm.Subject\">\n                        <ContactFormLabel>Subject*</ContactFormLabel>\n                        <ContactFormField required type=\"text\" name=\"subject\" onChange={inputHandler} />\n                    </ContactFormGroup>\n                </Col>\n            </Row>\n            <Row>\n                <Col>\n                    <ContactFormGroup controlId=\"contactForm.Message\">\n                        <ContactFormLabel>Message*</ContactFormLabel>\n                        <ContactFormField required as=\"textarea\" rows={6}\n                            style={{ minWidth: \"100%\", borderRadius: \"5px\" }}\n                            name=\"message\" onChange={textAreaHandler}\n                        />\n                        <Form.Control.Feedback type=\"invalid\">\n                            Please provide your message.\n                        </Form.Control.Feedback>\n                    </ContactFormGroup>\n                </Col>\n            </Row>\n            <Row>\n                <Col style={{ textAlign: \"right\" }}>\n                    <ContactFormButton type=\"submit\">Submit</ContactFormButton>\n                </Col>\n            </Row>\n        </Form>\n    )\n    const renderThankYouNote = () => (\n        <Row style={{marginBottom: \"21.8rem\"}}>\n            <Col>\n                <ContactThankYouNote>Thanks for reaching out!</ContactThankYouNote>\n                <ContactThankYouNote>I'll be in touch with you shortly.</ContactThankYouNote>\n            </Col>\n        </Row>\n    )\n    return (\n        <ContactContent id=\"contact\">\n            <Container>\n                <Row>\n                    <Col xs={5}>\n                        <ContactTitle>Contact</ContactTitle>\n                        <ContactInfo><MailLogo style={{}} />&nbsp; kinchang0811@gmail.com</ContactInfo>\n                        <ContactInfo><PhoneLogo />&nbsp; (510) 458-3511</ContactInfo>\n                    </Col>\n                    <Col>\n                        {/* { renderThankYouNote() } */}\n                        {submitted ? renderThankYouNote() : renderForm()}\n                    </Col>\n                </Row>\n            </Container>\n        </ContactContent >\n    )\n}\n\nexport default Contact;\n","import styled from \"styled-components\";\nimport { PRIMARY_COLOR, SECONDARY_COLOR, BLACK_COLOR, GRAY_COLOR, WHITE_COLOR, PRIMARY_FONT, SECONDARY_FONT } from \"appconstants\";\nimport Image from \"react-bootstrap/Image\";\nimport BSButton from \"react-bootstrap/Button\";\nimport { Form } from \"react-bootstrap\";\n\nconst ContactContent = styled.section`\n  padding-top: 10rem;\n  padding-bottom: 9rem;\n`;\n\nconst ContactTitle = styled.h1`\n  font-family: ${PRIMARY_FONT};\n  font-size: 48px;\n  font-weight: bold;\n  color: ${PRIMARY_COLOR};\n`;\n\nconst ContactInfo = styled.h3`\n  white-space: pre-line;\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n  font-family: ${SECONDARY_FONT};\n  font-size: 18px;\n  color: ${WHITE_COLOR};\n`;\n\nconst ContactFormGroup = styled(Form.Group)`\n`\nconst ContactFormLabel = styled(Form.Label)`\n  font-family: ${PRIMARY_FONT};\n  font-size: 16px;\n  color: ${WHITE_COLOR};\n`;\n\nconst ContactFormField = styled(Form.Control)`\n  background: ${BLACK_COLOR};\n  border: 1px solid ${SECONDARY_COLOR} !important;\n  border-radius: 0px !important;\n  color: ${SECONDARY_COLOR};\n  &:focus {\n    background: ${BLACK_COLOR};\n    color: ${SECONDARY_COLOR};\n  }\n`;\n\nconst ContactFormButton = styled(BSButton)`\n  margin-top: 15px;\n  font-family: ${SECONDARY_FONT};\n  font-size: 18px;\n  font-weight: 700;\n  color: ${PRIMARY_COLOR};\n  text-align: center;\n  padding: 10px 28px;\n  border-radius: 0;\n  border-color: ${PRIMARY_COLOR};\n  background-color: transparent;\n  &:hover{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: ${BLACK_COLOR} !important;\n  }\n  &:focus{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: transparent !important;\n    color: ${PRIMARY_COLOR} !important;\n    box-shadow: 0 0 0 0.2rem ${GRAY_COLOR};\n  }\n  &:active{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: black !important;\n  }\n`;\n\nconst ContactThankYouNote = styled.h1`\n  font-family: ${PRIMARY_FONT};\n  font-size: 24px;\n  text-align: center;\n  color: ${WHITE_COLOR};\n`\n\nexport {\n  ContactContent,\n  ContactTitle,\n  ContactInfo,\n  ContactFormGroup,\n  ContactFormLabel,\n  ContactFormField,\n  ContactFormButton,\n  ContactThankYouNote\n}","export default __webpack_public_path__ + \"static/media/facebook.dbc0b505.svg\";","export default __webpack_public_path__ + \"static/media/github.e861751d.svg\";","export default __webpack_public_path__ + \"static/media/linkedin.a2a02367.svg\";","export default __webpack_public_path__ + \"static/media/starryBackground.1cce885a.jpeg\";","import React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport App from './App';\n\ntest('renders learn react link', () => {\n  render(<App />);\n  const linkElement = screen.getByText(/learn react/i);\n  expect(linkElement).toBeInTheDocument();\n});\n","// Colors\nexport const GRAY_COLOR = \"#393939\"\nexport const WHITE_COLOR = \"#FFFFFF\"\nexport const BLACK_COLOR = \"#1A1A1A\"\nexport const TURQUOISE_COLOR = \"#84D6D1\"\nexport const ORANGE_COLOR = \"#FFC062\"\n\nexport const HEADER_TEXT_COLOR = WHITE_COLOR\nexport const PRIMARY_FONT = \"Goldman Regular\"\nexport const SECONDARY_FONT = \"Proxima Nova Regular\"\nexport const PRIMARY_COLOR = ORANGE_COLOR\nexport const SECONDARY_COLOR = TURQUOISE_COLOR\n// export const PRIMARY_FONT = \"'Rosario', sans-serif\"\n// export const SECONDARY_FONT = \"'Open Sans', sans-serif\"","// jest-dom adds custom jest matchers for asserting on DOM nodes.\n// allows you to do things like:\n// expect(element).toHaveTextContent(/react/i)\n// learn more: https://github.com/testing-library/jest-dom\nimport '@testing-library/jest-dom';\n","const projectData = [\n    {\n        \"title\": \"eTraining\",\n        \"subtitle\": \"Workflow Facilitation and Archive\",\n        \"date\": \"Aug 2018 - present\",\n        \"imgurl\": \"assets/projects/eTraining.jpg\",\n        \"techstack\": \"Node / React / Mongodb / Mongoose / Material UI\",\n        \"shortDescription\": \"A MERN project I started to facilitate my daily workflow, while storing all essential information in the backend database for easy access and physical archiving.\",\n        \"longDescription\": \"I started this MERN project on my own while working at Sony Inc. as an Engineering Support Specialist. The vision was to facilitate my daily workflow, while storing all essential information in backend database for easy access and physical archiving.\\n Applying my React knowledge learnt from Udemmy, I was able to create a simple yet elegant frontend user interface using ReactJS and MaterialUI. I built backend RESTful API using NodeJS and ExpressJS, while utilizing data storage with MongoDB through Mongoose. \\n While this app is still in development, it already showed great promise that allowed me to adapt to a more clear and organized workflow at Sony.\\n Check out key functionalities of the app in the live website below!\",\n        \"href\": \"/project/1\",\n        \"buttons\": [\n            {\n                \"text\": \"VISIT LIVE\",\n                \"url\": \"https://etrain.kinchang.com\"\n            }\n        ]\n    },\n    {\n        \"title\": \"JamBand\",\n        \"subtitle\": \"Human-Robot Interactive Band\",\n        \"date\": \"Jan - March 2018\",\n        \"imgurl\": \"assets/projects/JamBand.jpg\",\n        \"vidurl\": \"https://www.youtube.com/embed/FkhUbZ_ER8M\",\n        \"techstack\": \"Arduino / HTML / IoT / ESP8266 / RevealJs\",\n        \"shortDescription\": \"Two instruments that play in harmony. Change the tempo or songs with your hands! We built them with ESP controllers, and incorporated sensors and actuators.\",\n        \"longDescription\": \"This is a video demo of one of the projects carried out in my final year cap-stone course. The goal was to build two instruments using ESP controllers, incorporating sensors and actuators.\\n One big challenge was getting the two controllers to sync up so that the two instruments can play in harmony. We experimented with some wireless options but ended up with a Master/Slave Serial setup. The Slave waits inside the Arduino Loop, until the Master gives commands using Serial Communication (wired). The end result is sublime as the drumstick and buzzer are in harmony at every beat / key.\\n As a side note, I was exploring Web Development at the time and came across Reveal.js, an HTML Presentation framework; and it's awesome! A step-by-step guide was thus created for this project. Check it out down below!\",\n        \"href\": \"/project/2\",\n        \"buttons\": [\n            {\n                \"text\": \"VISIT LIVE\",\n                \"url\": \"https://ckwojai.github.io/EE183_JamBand/index.html\"\n            },\n            {\n                \"text\": \"GUIDE\",\n                \"url\": \"https://ckwojai.github.io/EE183_JamBand/documentation/documentation.html#/sec-title-slide\"\n            },\n            {\n                \"text\": \"GITHUB\",\n                \"url\": \"https://github.com/ckwojai/EE183_JamBand\"\n            }\n        ]\n    },\n    {\n        \"title\": \"Quadcopter\",\n        \"subtitle\": \"Hovering Algorithm with PID Controller\",\n        \"date\": \"Sept 2017 - June 2018\",\n        \"imgurl\": \"assets/projects/Quadcopter.jpg\",\n        \"techstack\": \"Arduino / Autodesk EAGLE / PCB Design\",\n        \"shortDescription\": \"I successfully led a 4-man team to create a hovering quadcopter through wireless communication with radio modules, sensor fusion with IMU, as well as circuit and PCB design.\",\n        \"longDescription\": \"This was a year-long project with IEEE during my final year at UCLA. The ultimate goal was to build a quadcopter from scratch. Being the leader of a 4-man team, I was able to guide my team through difficult time, achieve milestones along the way, and deliver a successful product (quadcopter that hovers) as a result.\\n This experience is truly rewarding. I had hands on experience on\\n 1) Wireless communication using Radio Modules\\n 2) Sensor Fusion with IMU (Gyro and Accel)\\n 3) Circuit and PCB Design with Eagle\\n 4) Implementing Hovering Algorithm with PID controller.\\n This project taught me to become a better team player that follows, leads, and motivates: how to carry an Engineering project from start to finish.\\n All code is hosted on Github.\",\n        \"href\": \"/project/3\",\n        \"buttons\": [\n            {\n                \"text\": \"GITHUB\",\n                \"url\": \"https://github.com/ckwojai/IEEE-Advanced-Project\"\n            },\n            {\n                \"text\": \"UCLA IEEE\",\n                \"url\": \"http://ieeebruins.com/projects\"\n            }\n        ]\n    },\n    {\n        \"title\": \"2WheelCar\",\n        \"subtitle\": \"State Estimation and Motion Planning\",\n        \"date\": \"Jan - March 2018\",\n        \"imgurl\": \"assets/projects/2WheelCar.jpg\",\n        \"vidurl\": \"https://www.youtube.com/embed/30bCeLLuHEQ\",\n        \"techstack\": \"Arduino / MatLab / IoT / ESP8266\",\n        \"shortDescription\": \"By deriving the state-to-mesasurement functions and state estimation using Kalman Filter, we built a two-wheel car that can parallel park.\",\n        \"longDescription\": \"Last project in my final year cap-stone course. Appling the knowledge of State Estimation and Motion Planning from lectures, we built a two-wheel car able to parallel park.\\n One challenge is deriving the state-to-measurement function and state estimation. By attending office hours and learning from MIT lectures, we derived the eqauation for 8 cases, linearize it at each state evolution, and applied Kalmen filter for accurae state estimation.\\n Another challenge is to find a way to show accuracy of our State Estimation and Motion Planning algorithm. For thiis, a wireless communication between Matlab and the car was developed. State Estimation was handled by Matlab in our PC, which is connected to the car's local WIFI network. An HTTP get request is sent from the PC to the car as control input. After the car moves, new sensor measurment is sent back in Json to Matlab for the next Kalmen update. The cycle then continues.\\n As a result, Matlab plotted our state estimation in a live, continuous manner as the actual car moves; clearly demonstrating the accuracy of our system.\",\n        \"href\": \"/project/4\",\n        \"buttons\": [\n            {\n                \"text\": \"GITHUB\",\n                \"url\": \"https://github.com/ckwojai/2wheelcar\"\n            },\n            {\n                \"text\": \"DOCUMENTATION\",\n                \"url\": \"https://github.com/ckwojai/2wheelcar/blob/master/Documentation/2wheelcar.pdf\"\n            }\n        ]\n    },\n    {\n        \"title\": \"Masscopter\",\n        \"subtitle\": \"Robotics System Design\",\n        \"date\": \"March - June 2018\",\n        \"imgurl\": \"assets/projects/Masscopter.jpg\",\n        \"techstack\": \"Arduino / MatLab / Quadcopter Dynamics / Control Theory\",\n        \"shortDescription\": \"Quadcopter with a twist, literally, using our underactuated spinning controller\",\n        \"longDescription\": \"This is the final research project in my capstone course. We aimed to design an off-center spinning mass underactuated controller to steer flying objects. A quadcopter with a rotating arm attached is used to demonstrate the principle of such a controller. To approach this control problem, we first derived the Mathematical Model, followed by simulation and motor control, and finally execute the actual implementation in Crazyflie by Bitcraze.\\n Our Paper, Presentation and Code are all hosted on Github below.\",\n        \"href\": \"/project/5\",\n        \"buttons\": [\n            {\n                \"text\": \"PRESENTATION\",\n                \"url\": \"https://github.com/Amir-Omidfar/183DB-/blob/master/final_presentation.pdf\"\n            },\n            {\n                \"text\": \"GITHUB\",\n                \"url\": \"https://github.com/Amir-Omidfar/183DB-\"\n            },\n            {\n                \"text\": \"PAPER\",\n                \"url\": \"https://github.com/Amir-Omidfar/183DB-/blob/master/final_paper.pdf\"\n            }\n        ]\n    },\n    {\n        \"title\": \"Boardkey\",\n        \"subtitle\": \"CS M117 Computer Network\",\n        \"date\": \"March - June 2018\",\n        \"imgurl\": \"assets/projects/Boardkey.jpg\",\n        \"techstack\": \"Swift / Bluetooth\",\n        \"shortDescription\": \"Broken Keyboard? Don't worry Boardkey is here to help. Just pull out your phone and use it as keyboard.\",\n        \"longDescription\": \"This is a project-based course focusing on wireless technology. We created an IOS application that allows an iPhone to be used as a wireless Bluetooth keyboard for Mac Computers. To make this possible, we familiarized ourselves with Swift and utilized two Apple frameworks: Core Bluetooth and Core Graphics.\\n Our Report, Presentation and Code are all hosted on Github below.\",\n        \"href\": \"/project/6\",\n        \"buttons\": [\n            {\n                \"text\": \"GITHUB\",\n                \"url\": \"https://github.com/ckwojai/BoardKey\"\n            },\n            {\n                \"text\": \"PRESENTATION\",\n                \"url\": \"https://github.com/ckwojai/BoardKey/blob/master/Documents/final_presentation.pdf\"\n            },\n            {\n                \"text\": \"REPORT\",\n                \"url\": \"https://github.com/ckwojai/BoardKey/blob/master/Documents/final_report.pdf\"\n            }\n        ]\n    },\n    {\n        \"title\": \"YelpCamp\",\n        \"subtitle\": \"Udemy Web Bootcamp by Colt Steele\",\n        \"date\": \"July - Sept., 2017\",\n        \"imgurl\": \"assets/projects/Yelpcamp.jpg\",\n        \"techstack\": \"Node / Mongodb / ExpressJS / BootstrapJS / PassportJS\",\n        \"shortDescription\": \"First Project in Udemmy. Display campgrounds with user authorization and authentication\",\n        \"longDescription\": \"This is the last project in an Udemmy course called the Web Developer Bootcamp, by Colt Steele.\\n To build this site, various technologies in Web Development are utilized, including Frontend: Templating using EJS, Layout using Bootstrap and Jquery; Backend: RESTful routing with Express, Database management with Mongodb and Mongoose, and User Authentication with Passport\\n Try it out yourself below!\",\n        \"href\": \"/project/7\",\n        \"buttons\": [\n            {\n                \"text\": \"VISIT LIVE\",\n                \"url\": \"https://yelpcamp.kinchang.com/\"\n            }\n        ]\n    }\n]\n\nconst personalData = {\n    \"introduction\": \"I am  a new graduate from UCLA (Class of 2018) with a Bachelor Degree in Electrical Engineering. My undergraduate studies have exposed me to extensive experience in Machine Learning, Robotic System, and C Programming. I am pursuing a career in Machine Learning with EV / Software Development. For more information, view my resumes below.\",\n    \"iconurl\": \"assets/personalIcon.jpg\"\n}\n\nexport {\n    projectData,\n    personalData\n}","import styled from \"styled-components\";\nimport { PRIMARY_COLOR, SECONDARY_COLOR, BLACK_COLOR, WHITE_COLOR, PRIMARY_FONT, SECONDARY_FONT } from \"appconstants\";\nimport Image from \"react-bootstrap/Image\";\nimport BSButton from \"react-bootstrap/Button\";\n\nconst AboutMeContent = styled.section`\n  padding-top: 10rem;\n  padding-bottom: 9rem;\n`;\n\nconst AboutMeDescContent = styled.section`\n  padding-left: 0rem;\n  padding-right: 0rem;\n`;\n\nconst AboutMeTitle = styled.h1`\n  font-family: ${PRIMARY_FONT};\n  font-size: 48px;\n  font-weight: bold;\n  color: ${PRIMARY_COLOR};\n`;\n\nconst AboutMeDescription = styled.h3`\n  margin-top: 25px;\n  font-family: ${SECONDARY_FONT};\n  font-size: 18px;\n  color: ${SECONDARY_COLOR};\n  line-height: 2;\n`;\n\nconst AboutMeImage = styled(Image)`\n`;\n\nconst ResumeTitle = styled.h1`\n  text-align: center;\n  font-family: ${PRIMARY_FONT};\n  font-size: 36px;\n  font-weight: bold;\n  color: ${WHITE_COLOR};\n  margin-bottom: 2rem;\n`;\nconst ResumeButton = styled(BSButton)`\n  margin-top: 15px;\n  font-family: ${SECONDARY_FONT};\n  font-size: 18px;\n  font-weight: 700;\n  color: ${PRIMARY_COLOR};\n  text-align: center;\n  padding: 10px 28px;\n  border-radius: 0;\n  border-color: ${PRIMARY_COLOR};\n  background-color: transparent;\n  &:hover{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: ${BLACK_COLOR} !important;\n  }\n  &:focus{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: transparent !important;\n    color: ${PRIMARY_COLOR} !important;\n  }\n  &:active{\n    border-color: ${PRIMARY_COLOR} !important;\n    background-color: ${PRIMARY_COLOR} !important;\n    color: black !important;\n  }\n`;\n\nexport {\n    AboutMeContent,\n    AboutMeDescContent,\n    AboutMeTitle,\n    AboutMeDescription,\n    AboutMeImage,\n    ResumeTitle,\n    ResumeButton\n}","import styled from \"styled-components\";\nimport { WHITE_COLOR, PRIMARY_FONT, SECONDARY_FONT } from \"appconstants\";\nimport React from \"react\";\n\nconst MainContent = React.memo(styled.section`\n  padding-top: 16rem;\n  padding-bottom: 14rem;\n`);\n\nconst MainTitle = React.memo(styled.h1`\n  text-align: center;\n  font-family: ${PRIMARY_FONT};\n  font-size: 96px;\n  color: ${WHITE_COLOR};\n`);\n\nconst MainSubTitle = React.memo(styled.h2`\n  text-align: center;\n  margin-top: 15px;\n  font-family: ${SECONDARY_FONT};\n  font-size: 36px;\n  color: ${WHITE_COLOR};\n`);\n\nconst MainDescription = React.memo(styled.h3`\n  text-align: center;\n  margin-top: 15px;\n  font-family: ${SECONDARY_FONT};\n  font-size: 24px;\n  color: ${WHITE_COLOR};\n`);\n\nconst MainDivider = React.memo(styled.hr`\n  border-top: 1px solid ${WHITE_COLOR};\n`);\n\nexport {\n    MainContent,\n    MainTitle,\n    MainSubTitle,\n    MainDescription,\n    MainDivider\n}\n","export default __webpack_public_path__ + \"static/media/assets.743fedaa.zip\";","export default __webpack_public_path__ + \"static/media/WaveyFingerprint.b3f83e47.svg\";","export default __webpack_public_path__ + \"static/media/mailLogo.b2e4bfd9.svg\";","export default __webpack_public_path__ + \"static/media/phoneLogo.5e9e1901.svg\";","export default __webpack_public_path__ + \"static/media/personalIcon.6d56288d.jpg\";","export default __webpack_public_path__ + \"static/media/2wheelcar.4e996c21.png\";","export default __webpack_public_path__ + \"static/media/Boardkey.7db9f15a.png\";","export default __webpack_public_path__ + \"static/media/PCB.fd57fca1.png\";","export default __webpack_public_path__ + \"static/media/Yelpcamp.1f42c90d.png\";","export default __webpack_public_path__ + \"static/media/downArrow.918a6a48.svg\";","export default __webpack_public_path__ + \"static/media/eTrain.f02802d0.png\";","export default __webpack_public_path__ + \"static/media/jamband.ada57c3f.png\";","export default __webpack_public_path__ + \"static/media/masscopter.ae9e339e.png\";","export default __webpack_public_path__ + \"static/media/2WheelCar.0bd83bc5.jpg\";","export default __webpack_public_path__ + \"static/media/Boardkey.3b0d214f.jpg\";","export default __webpack_public_path__ + \"static/media/JamBand.72130eed.jpg\";","export default __webpack_public_path__ + \"static/media/Masscopter.93856568.jpg\";","export default __webpack_public_path__ + \"static/media/Quadcopter.5b09aaa5.jpg\";","export default __webpack_public_path__ + \"static/media/Yelpcamp.65d2e971.jpg\";","export default __webpack_public_path__ + \"static/media/downArrow.918a6a48.svg\";","export default __webpack_public_path__ + \"static/media/eTraining.fda1b1fb.jpg\";","export default __webpack_public_path__ + \"static/media/Goldman-Bold.7433bf92.ttf\";","export default __webpack_public_path__ + \"static/media/Goldman-Regular.f7a316a5.ttf\";","export default __webpack_public_path__ + \"static/media/ProximaNova-Regular.ea03f826.otf\";","export default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";","import './App.css';\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route,\n} from \"react-router-dom\";\n\nimport Home from \"./pages/Home\";\nimport Project from \"./pages/Project\";\nimport AboutMe from \"./pages/AboutMe\";\nimport Contact from \"./pages/Contact\";\nimport DefaultLayout from \"./layout/DefaultLayout\";\n\nfunction App() {\n  return (\n    <Router>\n      {/* A <Switch> looks through its children <Route>s and\n            renders the first one that matches the current URL. */}\n      <DefaultLayout>\n        <Switch>\n          <Route path=\"/project/:id\" component={Project} />\n          <Route path=\"/about\">\n            <AboutMe />\n          </Route>\n          <Route path=\"/contact\">\n            <Contact />\n          </Route>\n          <Route path=\"/users\">\n            <Home />\n          </Route>\n          <Route path=\"/\">\n            <Home />\n          </Route>\n        </Switch>\n      </DefaultLayout>\n    </Router>\n  );\n}\n\nexport default App;\n","import { useHistory } from \"react-router-dom\";\nimport {\n    CardContent,\n    CardImg,\n    CardBody,\n    CardTitle,\n    CardDivider,\n    CardTechStack\n} from \"components/ProjectFields\";\nimport { projectData } from \"appData\";\n\ninterface CardProps {\n    data: typeof projectData[0]\n    voffset: string;\n}\n\n\nconst ProjectCard: React.FC<CardProps> = (\n    props\n) => {\n    let history = useHistory();\n    const { voffset, data } = props\n    const { title, techstack, imgurl, href } = data\n    const img = require(`../${imgurl}`).default\n    const handleBtnClicked = () => {\n        history.push({ \"pathname\": href })\n    }\n    return (\n        <CardContent voffset={voffset} onClick={handleBtnClicked} >\n            <CardImg variant=\"top\" src={img} />\n            <CardBody>\n                <CardTitle>{title}</CardTitle>\n                <CardDivider />\n                <CardTechStack> {techstack} </CardTechStack>\n            </CardBody>\n        </CardContent >\n    )\n}\n\nexport default ProjectCard","var map = {\n\t\"./\": 83,\n\t\"./App\": 64,\n\t\"./App.css\": 169,\n\t\"./App.test\": 170,\n\t\"./App.test.tsx\": 170,\n\t\"./App.tsx\": 64,\n\t\"./appData\": 33,\n\t\"./appData.ts\": 33,\n\t\"./appconstants\": 2,\n\t\"./appconstants.ts\": 2,\n\t\"./assets.zip\": 553,\n\t\"./assets/WaveyFingerprint.svg\": 554,\n\t\"./assets/contact/mailLogo.svg\": 555,\n\t\"./assets/contact/phoneLogo.svg\": 556,\n\t\"./assets/footer/facebook.svg\": 155,\n\t\"./assets/footer/github.svg\": 156,\n\t\"./assets/footer/linkedin.svg\": 157,\n\t\"./assets/personalIcon.jpg\": 557,\n\t\"./assets/projects backup/2wheelcar.png\": 558,\n\t\"./assets/projects backup/Boardkey.png\": 559,\n\t\"./assets/projects backup/PCB.png\": 560,\n\t\"./assets/projects backup/Yelpcamp.png\": 561,\n\t\"./assets/projects backup/downArrow.svg\": 562,\n\t\"./assets/projects backup/eTrain.png\": 563,\n\t\"./assets/projects backup/jamband.png\": 564,\n\t\"./assets/projects backup/masscopter.png\": 565,\n\t\"./assets/projects/2WheelCar.jpg\": 566,\n\t\"./assets/projects/Boardkey.jpg\": 567,\n\t\"./assets/projects/JamBand.jpg\": 568,\n\t\"./assets/projects/Masscopter.jpg\": 569,\n\t\"./assets/projects/Quadcopter.jpg\": 570,\n\t\"./assets/projects/Yelpcamp.jpg\": 571,\n\t\"./assets/projects/downArrow.svg\": 572,\n\t\"./assets/projects/eTraining.jpg\": 573,\n\t\"./assets/starryBackground.jpeg\": 158,\n\t\"./components/AboutMeFields\": 41,\n\t\"./components/AboutMeFields.tsx\": 41,\n\t\"./components/ContactFields\": 13,\n\t\"./components/ContactFields.tsx\": 13,\n\t\"./components/Footer\": 107,\n\t\"./components/Footer.tsx\": 107,\n\t\"./components/Header\": 108,\n\t\"./components/Header.tsx\": 108,\n\t\"./components/HomeFields\": 49,\n\t\"./components/HomeFields.tsx\": 49,\n\t\"./components/ProjectBanner\": 106,\n\t\"./components/ProjectBanner.tsx\": 106,\n\t\"./components/ProjectCard\": 65,\n\t\"./components/ProjectCard.tsx\": 65,\n\t\"./components/ProjectFields\": 11,\n\t\"./components/ProjectFields.tsx\": 11,\n\t\"./fonts/Goldman/Goldman-Bold.ttf\": 582,\n\t\"./fonts/Goldman/Goldman-Regular.ttf\": 583,\n\t\"./fonts/Proxima Nova/ProximaNova-Regular.otf\": 584,\n\t\"./index\": 83,\n\t\"./index.css\": 168,\n\t\"./index.tsx\": 83,\n\t\"./layout/DefaultLayout\": 109,\n\t\"./layout/DefaultLayout.tsx\": 109,\n\t\"./logo.svg\": 585,\n\t\"./pages/AboutMe\": 110,\n\t\"./pages/AboutMe.tsx\": 110,\n\t\"./pages/Contact\": 113,\n\t\"./pages/Contact.tsx\": 113,\n\t\"./pages/Home\": 76,\n\t\"./pages/Home.tsx\": 76,\n\t\"./pages/Project\": 111,\n\t\"./pages/Project.tsx\": 111,\n\t\"./react-app-env.d\": 225,\n\t\"./react-app-env.d.ts\": 225,\n\t\"./reportWebVitals\": 112,\n\t\"./reportWebVitals.ts\": 112,\n\t\"./setupTests\": 226,\n\t\"./setupTests.ts\": 226\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 67;","import React from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\n\nimport { projectData } from \"appData\";\nimport ProjectBanner from \"components/ProjectBanner\";\nimport ProjectCard from \"components/ProjectCard\";\nimport { MainTitle, MainContent, MainSubTitle, MainDescription, MainDivider } from \"../components/HomeFields\";\nimport { ProjectDownArrow, ProjectContent, ProjectMainTitle, CardTrapezium } from \"components/ProjectFields\";\n\nconst projectDataToBanners = (data: typeof projectData) => {\n    let boolInvert = true;\n    return (\n        data.map((data) => {\n            boolInvert = !boolInvert\n            return (\n                <ProjectBanner key={data.title} data={data} invert={boolInvert} />\n            )\n        }\n        )\n    )\n}\n\nconst projectDataToCards = (cardData: typeof projectData) => {\n    return (\n            <CardTrapezium>\n                <Container>\n                    <Row>\n                        <Col>\n                            <ProjectCard voffset={\"0rem\"} data={cardData[0]} />\n                        </Col>\n                        <Col>\n                            <ProjectCard voffset={\"2.5rem\"} data={cardData[1]} />\n                        </Col>\n                        <Col>\n                            <ProjectCard voffset={\"5rem\"} data={cardData[2]} />\n                        </Col>\n                    </Row>\n                </Container>\n            </CardTrapezium>\n    )\n}\n\nconst Home: React.FC = () =>\n(\n    <React.Fragment>\n        <MainContent id=\"home\">\n            <Container>\n                <Row>\n                    <Col xs={1}></Col>\n                    <Col><MainTitle>Hi, I'm Kin Chang.</MainTitle></Col>\n                    <Col xs={1}></Col>\n                </Row>\n                <Row>\n                    <Col xs={1}></Col>\n                    <Col><MainSubTitle>I'm a Machine Learning and Software Engineer.</MainSubTitle></Col>\n                    <Col xs={1}></Col>\n                </Row>\n                <Row>\n                    <Col xs={1}></Col>\n                    <Col><MainDivider /></Col>\n                    <Col xs={1}></Col>\n                </Row>\n                <Row>\n                    <Col xs={2}></Col>\n                    <Col><MainDescription>Modern development in AI has inspired me to become a member of the revolution. I like to learn about new technology and solve problems with Engineering solutions.</MainDescription></Col>\n                    <Col xs={2}></Col>\n                </Row>\n            </Container>\n        </MainContent>\n        <ProjectContent id=\"projects\">\n            {/* <Row>\n                <Col className=\"text-center\"><ProjectMainTitle>Projects</ProjectMainTitle></Col>\n            </Row> */}\n            {/* <Row>\n                <Col className=\"text-center\" style={{marginTop: \"1rem\"}}><ProjectDownArrow /></Col>\n            </Row> */}\n            {projectDataToBanners(projectData.slice(0, -3))}\n            {projectDataToCards(projectData.slice(-3))}\n        </ProjectContent>\n\n    </React.Fragment>\n);\n\nexport default Home","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"],"sourceRoot":""}