{"version":3,"sources":["containers/HeaderBanner/HeaderBanner.jsx","containers/Projects/Projects.jsx","containers/AboutMe/AboutMe.jsx","containers/ContactMe/ContactMe.jsx","containers/Experiences/Experiences.jsx","App.js","serviceWorker.js","index.js"],"names":["HeaderBanner","className","Component","Projects","href","target","AboutMe","ContactMe","Experiences","App","Boolean","window","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"8NAaeA,E,uKATX,OACE,yBAAKC,UAAU,iBACb,wBAAIA,UAAU,0BAAd,SACA,wBAAIA,UAAU,uBAAd,OAAwC,0BAAMA,UAAU,uBAAhB,mB,GALrBC,aCuCZC,E,uKArCX,OACE,yBAAKF,UAAU,YACb,yBAAKA,UAAU,cAAf,YACA,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,iBAAf,mBACA,uBAAGG,KAAK,qBAAqBH,UAAU,eAAeI,OAAO,UAA7D,sBACA,yBAAKJ,UAAU,iBACf,yBAAKA,UAAU,iBAAf,oBAAgD,8CAAhD,YAAmF,8CAAnF,UAGF,yBAAKA,UAAU,WACb,yBAAKA,UAAU,iBAAf,uBACA,uBAAGG,KAAK,kBAAkBH,UAAU,eAAeI,OAAO,UAA1D,mBACA,yBAAKJ,UAAU,iBACf,yBAAKA,UAAU,iBAAf,WAAuC,8CAAvC,YAA0E,8CAA1E,4EAGF,yBAAKA,UAAU,WACb,yBAAKA,UAAU,iBAAf,iBACA,uBAAGG,KAAK,GAAGH,UAAU,eAAeI,OAAO,WAC3C,yBAAKJ,UAAU,iBACf,yBAAKA,UAAU,iBAAf,OAAmC,8CAAnC,aAAuE,8CAAvE,YAA0G,8CAA1G,4EAGF,yBAAKA,UAAU,WACb,yBAAKA,UAAU,iBAAf,sBACA,uBAAGG,KAAK,GAAGH,UAAU,eAAeI,OAAO,WAC3C,yBAAKJ,UAAU,iBACf,yBAAKA,UAAU,iBAAf,WAAuC,8CAAvC,yD,GA/BWC,aCgBRI,E,uKAdX,OACE,yBAAKL,UAAU,YACb,yBAAKA,UAAU,cAAf,aACA,yBAAKA,UAAU,YACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,kBAAf,iEACA,yBAAKA,UAAU,cAAf,mE,GARUC,aCqBPK,E,uKAnBX,OACE,yBAAKN,UAAU,cACb,yBAAKA,UAAU,cAAf,cACA,wBAAIA,UAAU,WACZ,wBAAIA,UAAU,UACZ,uBAAGA,UAAU,cAAcG,KAAK,mCAAhC,WAEF,wBAAIH,UAAU,UACZ,uBAAGA,UAAU,cAAcG,KAAK,yCAAhC,aAEF,wBAAIH,UAAU,UACZ,uBAAGA,UAAU,cAAcG,KAAK,6CAAhC,mB,GAbYF,aCgCTM,E,uKA9BX,OACE,yBAAKP,UAAU,eACb,yBAAKA,UAAU,cAAf,eACA,yBAAKA,UAAU,YACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,gBAAf,wBACA,yBAAKA,UAAU,mBACf,yBAAKA,UAAU,eAAc,uBAAGG,KAAK,oBAAoBC,OAAO,UAAnC,WAA7B,mBAEF,yBAAKJ,UAAU,OACb,yBAAKA,UAAU,gBAAf,4BACA,yBAAKA,UAAU,kBAAf,gCACA,yBAAKA,UAAU,eAAf,oBAEF,yBAAKA,UAAU,OACb,yBAAKA,UAAU,gBAAf,6BACA,yBAAKA,UAAU,kBAAf,kBACA,yBAAKA,UAAU,eAAf,iBAEF,yBAAKA,UAAU,OACb,yBAAKA,UAAU,gBAAf,4CACA,yBAAKA,UAAU,kBAAf,mDACA,yBAAKA,UAAU,eAAf,sB,GAxBcC,aCsBXO,G,mLAZX,OACE,yBAAKR,UAAU,OACb,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,W,GARUC,cCEEQ,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OAAO,kBAAC,EAAD,MAASC,SAASC,eAAe,SD2H3C,kBAAmBC,WACrBA,UAAUC,cAAcC,MAAMC,MAAK,SAAAC,GACjCA,EAAaC,iB","file":"static/js/main.e4bd143e.chunk.js","sourcesContent":["import React, { Component } from 'react';\n\nclass HeaderBanner extends Component {\n  render() {\n    return (\n      <div className=\"header-banner\">\n        <h2 className=\"header-banner-greeting\">Hello</h2>\n        <h1 className=\"header-banner-title\">I'm <span className=\"header-banner-point\">Vic Huang</span></h1>\n      </div>\n    );\n  }\n}\n\nexport default HeaderBanner;\n","import React, { Component } from 'react';\n\nclass Projects extends Component {\n  render() {\n    return (\n      <div className=\"projects\">\n        <div className=\"page-title\">PROJECTS</div>\n        <div className=\"project-list\">\n          <div className=\"project\">\n            <div className=\"project-title\">Vv Love Me Blog</div>\n            <a href=\"https://vvlove.me/\" className=\"project-link\" target=\"_blank\">https://vvlove.me/</a>\n            <div className=\"project-desc\"></div>\n            <div className=\"project-techs\">Wordpress, Nginx <small>(Version 2)</small>, Apache <small>(Version 1)</small>, AWS</div>\n          </div>\n\n          <div className=\"project\">\n            <div className=\"project-title\">Shorten Link System</div>\n            <a href=\"https://vvi.me/\" className=\"project-link\" target=\"_blank\">https://vvi.me/</a>\n            <div className=\"project-desc\"></div>\n            <div className=\"project-techs\">Node.js <small>(Version 1)</small>, GoLang <small>(Version 2)</small>, React, Bootstrap, MySQL, Redis, Docker, Traefik, CentOS, Gitlab CI/CD</div>\n          </div>\n\n          <div className=\"project\">\n            <div className=\"project-title\">Blog Gift App</div>\n            <a href=\"\" className=\"project-link\" target=\"_blank\"></a>\n            <div className=\"project-desc\"></div>\n            <div className=\"project-techs\">PHP <small>(Version 1)</small>, Node.js <small>(Version 2)</small>, GoLang <small>(Version 3)</small>, React, MySQL, Wordpress Plugin, Docker, Traefik, CentOS, Gitlab CI/CD</div>\n          </div>\n\n          <div className=\"project\">\n            <div className=\"project-title\">Community Line Bot</div>\n            <a href=\"\" className=\"project-link\" target=\"_blank\"></a>\n            <div className=\"project-desc\"></div>\n            <div className=\"project-techs\">Node.js <small>(Version 1)</small>, React, MySQL, Redis, Docker, Traefik, CentOS</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Projects;\n","import React, { Component } from 'react';\n\nclass AboutMe extends Component {\n  render() {\n    return (\n      <div className=\"about-me\">\n        <div className=\"page-title\">Education</div>\n        <div className=\"edu-list\">\n          <div className=\"edu\">\n            <div className=\"edu-department\">Dept. of Electrical Engineering (Computer Engineering Course)</div>\n            <div className=\"edu-school\">National Taipei University, Taipei, Taiwan - M.S. Degree</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AboutMe;\n","import React, { Component } from 'react';\n\nclass ContactMe extends Component {\n  render() {\n    return (\n      <div className=\"contact-me\">\n        <div className=\"page-title\">Contact Me</div>\n        <ul className=\"socials\">\n          <li className=\"social\">\n            <a className=\"social-link\" href=\"https://github.com/encounternow\">GitHub</a>\n          </li>\n          <li className=\"social\">\n            <a className=\"social-link\" href=\"https://www.facebook.com/EncounterNOW\">Facebook</a>\n          </li>\n          <li className=\"social\">\n            <a className=\"social-link\" href=\"https://www.linkedin.com/in/encounternow/\">LinkedIn</a>\n          </li>\n        </ul>\n      </div>\n    );\n  }\n}\n\nexport default ContactMe;\n","import React, { Component } from 'react';\n\nclass Experiences extends Component {\n  render() {\n    return (\n      <div className=\"experiences\">\n        <div className=\"page-title\">Experiences</div>\n        <div className=\"job-list\">\n          <div className=\"job\">\n            <div className=\"job-position\">Frontend Team Leader</div>\n            <div className=\"job-department\"></div>\n            <div className=\"job-company\"><a href=\"https://style.me/\" target=\"_blank\">StyleMe</a>, Nogle Taipei</div>\n          </div>\n          <div className=\"job\">\n            <div className=\"job-position\">Senior Software Engineer</div>\n            <div className=\"job-department\">Cloud Dept. SW Design Center</div>\n            <div className=\"job-company\">Foxconn, Taipei</div>\n          </div>\n          <div className=\"job\">\n            <div className=\"job-position\">Project Software Engineer</div>\n            <div className=\"job-department\">PC Software BU</div>\n            <div className=\"job-company\">Acer, Taipei</div>\n          </div>\n          <div className=\"job\">\n            <div className=\"job-position\">System Architecture Internship Assistant</div>\n            <div className=\"job-department\">TSTL - Taiwan Systems and Technology Laboratory</div>\n            <div className=\"job-company\">IBM, Taipei</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Experiences;\n","import React, { Component } from \"react\";\nimport HeaderBanner from \"./containers/HeaderBanner/HeaderBanner\";\nimport Projects from \"./containers/Projects/Projects\";\nimport AboutMe from \"./containers/AboutMe/AboutMe\";\nimport ContactMe from \"./containers/ContactMe/ContactMe\";\nimport Experiences from \"./containers/Experiences/Experiences\"\n\nimport 'normalize.css';\nimport './App.scss';\n\nclass App extends Component {\n  render() {\n    return (\n      <div className=\"App\">\n        <HeaderBanner/>\n        <Projects/>\n        <Experiences/>\n        <AboutMe/>\n        <ContactMe/>\n      </div>\n    );\n  }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<App />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}