{"version":3,"sources":["components/AboutMe.js","components/Header.js","components/Navi.js","components/App.js","serviceWorker.js","index.js"],"names":["AboutMe","react_default","a","createElement","className","src","alt","role","aria-label","Component","Header","Navi","_this","Object","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","state","message","duration","e","setState","el","document","value","setAttribute","style","position","left","body","appendChild","select","execCommand","removeChild","react_router_dom","to","esm","delay","hideOnClick","content","arrow","onClick","copied","bind","target","rel","href","RouteContainer","posed","div","enter","opacity","beforeChildren","exit","App","components_Navi","react_router","render","_ref","location","react_pose_es","key","pathname","exact","path","component","Boolean","window","hostname","match","ReactDOM","components_App","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.f0b6dfdf.chunk.js","sourcesContent":["import React, { Component } from 'react';\n\nclass AboutMe extends Component {\n  render() {\n    return (\n        <div>\n          <section className=\"about section\"> \n            <h2 className=\"text-left\">Benito Maza</h2> \n              <img className=\"circular-picture float-left\" src=\"/img/yo.jpg\" alt=\"Ben\"/> \n              <p>I'm a Full-Stack Engineer residing in Guatemala City, Central America. I have a BS in Computer Science and Information Technology Engineering. I've worked in a wide variety of industries and always enjoy trying and challenging myself with new projects.</p>\n              <p>Besides coding, I enjoy going for a jog <span role=\"img\"aria-label=\"emoji\">🏃</span> , traveling and learning about different countries <span role=\"img\"aria-label=\"emoji\">✈️</span> , have a taste of amazing food and desserts <span role=\"img\"aria-label=\"emoji\">🥞</span> , and savor a great cup of coffee <span role=\"img\"aria-label=\"emoji\">☕</span>. </p> \n              <p>You can contact me through LinkedIn or by email.</p>\n            </section>\n          <section className=\"tech section\"> \n            <h2 className=\"text-right\">Tech Stack</h2> \n              <div className=\"container\">\n                \n                  <div className=\"col-1 row-1\"><p>Currently using</p></div>\n                  <div className=\"col-2 row-1\"><p>\n                    Back-end: PHP(Laravel), NodeJS, Go;<br/> Front-end: Vue.js;<br/> Scripting: Go, Python; <br/>Mobile: Kotlin\n                    <br/>Databases: MySQL, MongoDB, Redis, DynamoDB\n                    <br/>DevOps: AWS, Kubernetes, Docker, Jenkins, Webpack\n                  </p></div>\n                  <div className='col-3 row-1'>\n                    <p><i className=\"fas fa-layer-group\"></i></p>\n                  </div>\n                  <div className=\"col-1 row-2\"><p>Have used in the past year</p></div>\n                  <div className=\"col-2 row-2\"><p>\n                    Back-end: Python(Django, Flask), Java, Ruby on Rails; <br/>Front-end: ReactJS\n                    <br/>Databases: PostgreSQL\n                   <br/> DevOps: Gulp, GitLab\n                  </p></div>\n                  <div className=\"col-1 row-3\"><p>Currently learning</p></div>\n                  <div className=\"col-2 row-3\"><p>\n                    GraphQL, TypeScript, Elixir\n                  </p></div>\n                \n              </div>\n\n            </section>\n        </div>\n    );\n  }\n}\n\nexport default AboutMe;","import React, { Component } from 'react';\n\nclass Header extends Component {\n  render() {\n    return (\n      <div className=\"header\">\n            <h1>Benito Maza</h1>\n            <h2>\n              Software Engineer | Traveler | Geek | Foodie\n            </h2>\n            </div>\n    );\n  }\n}\n\nexport default Header;\n","import { NavLink } from 'react-router-dom';\nimport React, { Component } from 'react';\nimport Tippy from '@tippy.js/react'\nclass Navi extends Component {\n  constructor() {\n    super();\n    this.state = {\n      message: \"Click to copy email address\",\n      duration: 500\n    }\n  }\n  copied(e){\n    this.setState({ message: \"Copied!\"})\n    const el = document.createElement('textarea');\n    el.value = \"benito.mazar@gmail.com\";\n    el.setAttribute('readonly', '');\n    el.style.position = 'absolute';\n    el.style.left = '-9999px';\n    document.body.appendChild(el);\n    el.select();\n    document.execCommand('copy');\n    document.body.removeChild(el);\n    \n  }\n  render() {\n    \n    return (\n    \t<div className=\"wrapper\">\n          <NavLink  className=\"link\" to={'/about'}>Who?</NavLink>\t\n            <Tippy  delay={[0, this.state.duration]} hideOnClick='false' content={this.state.message} arrow='true'>\n    <button onClick={this.copied.bind(this)}><i className=\"fas fa-envelope\"></i></button>\n  </Tippy>\n          <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/BenMz\"><i className=\"fab fa-github\"></i></a>\n          <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.linkedin.com/in/benito-maza\"><i className=\"fab fa-linkedin\"></i></a>\n      </div>\n    );\n  }\n}\n\nexport default Navi;\n","import React, { Component } from 'react';\nimport AboutMe from './AboutMe';\nimport Header from './Header';\nimport Navi from './Navi';\nimport {BrowserRouter, Route, Switch} from 'react-router-dom'\nimport posed, { PoseGroup } from 'react-pose';\nimport '../css/App.css';\n\nconst RouteContainer = posed.div({\n  enter: { opacity: 1, delay: 300, beforeChildren: true },\n  exit: { opacity: 0 }\n});\n\nclass App extends Component {\n  render() {\n    return (\n      <BrowserRouter>\n      <div className=\"App\">\n        <div className=\"blacky\">\n          <nav className=\"App-nav\">\n            \n              <Navi/>\n            \n          </nav>\n          <Route render={({ location }) => (\n            <div className=\"App-main\">\n            <PoseGroup>\n              <RouteContainer key={location.pathname}>\n                <Switch location={location}>\n                  <Route exact path=\"/\" component={Header} key=\"home\" />\n                  <Route  path=\"/about\" component={AboutMe} key=\"about\"/>\n                </Switch>\n              </RouteContainer>\n            </PoseGroup>\n            </div>\n          )}\n          />\n\n            \n        </div>\n      </div>\n      </BrowserRouter>\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 './css/index.css';\nimport App from './components/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":""}