{"version":3,"sources":["App.js","serviceWorker.js","index.js"],"names":["App","className","id","src","href","data-tip","class","aria-hidden","Card","CardActionArea","CardMedia","image","title","CardContent","Typography","gutterBottom","variant","component","color","Boolean","window","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"kSAuHeA,MA9Gf,WAEE,OACE,yBAAKC,UAAU,QAEb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,YACb,yBAAKC,GAAG,WAAWC,IAAI,qCAEzB,yBAAKF,UAAU,WACb,yBAAKC,GAAG,WACN,yBAAKA,GAAG,QAAR,sBACA,yBAAKA,GAAG,YAAR,+BAIN,yBAAKD,UAAU,kBACb,mDACoB,6BADpB,0CAKF,yBAAKA,UAAU,eACb,yBAAKA,UAAU,WACb,uBAAGG,KAAK,4DAA4DC,WAAS,YAC3E,uBAAGC,MAAM,qBAGX,uBAAGF,KAAK,iCAAiCC,WAAS,UAChD,uBAAGC,MAAM,0BAEX,uBAAGF,KAAK,uCAAuCC,WAAS,YACtD,uBAAGC,MAAM,4BAEX,uBAAGF,KAAK,2CAA2CC,WAAS,WAC5D,uBAAGC,MAAM,uBAAuBC,cAAY,UAE5C,uBAAGH,KAAK,+BAA+BC,WAAS,SAChD,uBAAGC,MAAM,wBAAwBC,cAAY,UAE7C,uBAAGH,KAAK,mGAAmGC,WAAS,UACpH,uBAAGC,MAAM,kBAAkBC,cAAY,YAI3C,yBAAKN,UAAU,eACb,wCACA,yBAAKA,UAAU,eACb,kBAACO,EAAA,EAAD,CAAMP,UAAU,YACd,kBAACQ,EAAA,EAAD,KACE,uBAAGL,KAAK,mCACN,kBAACM,EAAA,EAAD,CACET,UAAU,YACVU,MAAM,kCACNC,MAAM,4BAIZ,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAYC,cAAY,EAACC,QAAQ,KAAKC,UAAU,MAAhD,SAGA,kBAACH,EAAA,EAAD,CAAYE,QAAQ,QAAQE,MAAM,gBAAgBD,UAAU,KAA5D,6LAIJ,kBAACT,EAAA,EAAD,CAAMP,UAAU,YACd,kBAACQ,EAAA,EAAD,KACE,uBAAGL,KAAK,0FACN,kBAACM,EAAA,EAAD,CACET,UAAU,YACVU,MAAM,kCACNC,MAAM,4BAIZ,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAYC,cAAY,EAACC,QAAQ,KAAKC,UAAU,MAAhD,gBAGA,kBAACH,EAAA,EAAD,CAAYE,QAAQ,QAAQE,MAAM,gBAAgBD,UAAU,KAA5D,qKAEE,kBAAC,IAAD,QAGN,kBAACT,EAAA,EAAD,CAAMP,UAAU,YACd,kBAACQ,EAAA,EAAD,KACE,uBAAGL,KAAK,6FACN,kBAACM,EAAA,EAAD,CACET,UAAU,YACVU,MAAM,kCACNC,MAAM,4BAIZ,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAYC,cAAY,EAACC,QAAQ,KAAKC,UAAU,MAAhD,6BAGA,kBAACH,EAAA,EAAD,CAAYE,QAAQ,QAAQE,MAAM,gBAAgBD,UAAU,KAA5D,wNAEE,kBAAC,IAAD,YClGIE,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OACL,kBAAC,EAAD,MACJC,SAASC,eAAe,SD2HlB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrBC,MAAK,SAAAC,GACJA,EAAaC,gBAEdC,OAAM,SAAAC,GACLC,QAAQD,MAAMA,EAAME,c","file":"static/js/main.8e2b3b39.chunk.js","sourcesContent":["import React from 'react';\nimport './App.css';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Typography from '@material-ui/core/Typography';\nimport ReactTooltip from \"react-tooltip\";\n\nfunction App() {\n\n  return (\n    <div className=\"root\">\n\n      <div className=\"navRoot\">\n        <div className=\"navPhoto\">\n          <img id=\"navPhoto\" src='https://i.imgur.com/Ip1yyyN.jpg'></img>\n        </div>\n        <div className=\"navBody\">\n          <div id=\"navName\">\n            <div id=\"name\">John Obertubbesing</div>\n            <div id=\"descript\">Full Stack Web Developer</div>\n          </div>\n        </div>\n      </div>\n      <div className='mobileDescript'>\n        <h3>\n        Junior Web Developer<br />\n        Javascript - React - NodeJS - Express</h3>\n      \n      </div>\n      <div className='linkBoxRoot'>\n        <div className=\"linkbox\">\n          <a href=\"https://www.linkedin.com/in/john-obertubbesing-775b33185/\" data-tip='LinkedIn' >\n            <i class=\"fab fa-linkedin\"></i>\n          </a>\n\n          <a href=\"https://github.com/oberthewhat\" data-tip=\"GitHub\">\n            <i class=\"fab fa-github-square\"></i>\n          </a>\n          <a href=\"https://www.facebook.com/oberthewhat\" data-tip=\"Facebook\">\n            <i class=\"fab fa-facebook-square\"></i>\n          </a>\n          <a href=\"https://www.youtube.com/user/oberthewhat\" data-tip='Youtube'>\n          <i class=\"fa fa-youtube-square\" aria-hidden=\"true\"></i>\n          </a>\n          <a href=\"mailto:oberthewhat@gmail.com\" data-tip='Email'>\n          <i class=\"fa fa-envelope-square\" aria-hidden=\"true\"></i>\n          </a>\n          <a href=\"https://docs.google.com/document/d/1wiEzRXl8pWGTAZ7GbMo8QCr6RjuDyFZF36vgdBx4zf0/edit?usp=sharing\" data-tip='Resume'>\n          <i class=\"fa fa-file-text\" aria-hidden=\"true\"></i>\n          </a>\n        </div>\n      </div>\n      <div className='projectRoot'>\n        <h2>Projects</h2>\n        <div className='projectCard'>\n          <Card className='cardRoot'>\n            <CardActionArea>\n              <a href='https://www.restaurantlistr.com'>\n                <CardMedia\n                  className='cardMedia'\n                  image=\"https://i.imgur.com/GeDZS6u.png\"\n                  title=\"Contemplative Reptile\"\n                /></a>\n\n            </CardActionArea>\n            <CardContent>\n              <Typography gutterBottom variant=\"h5\" component=\"h2\">\n                Listr\n          </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n                This Page was made as my capstone project for school. This was a full stack program made with react, nodeJS, mySQL, Express, and lots of custom CSS, along with some use of material UI</Typography>\n            </CardContent>\n          </Card>\n          <Card className='cardRoot'>\n            <CardActionArea>\n              <a href='https://oberthewhat.github.io/ACA_web101_John_obertubbesing/src/pineshockey/index.html'>\n                <CardMedia\n                  className='cardMedia'\n                  image=\"https://i.imgur.com/yz9TjJ3.png\"\n                  title=\"Contemplative Reptile\"\n                /></a>\n\n            </CardActionArea>\n            <CardContent>\n              <Typography gutterBottom variant=\"h5\" component=\"h2\">\n                Pinus Hockey\n          </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n                Using CSS and HTML i put togethere this page as a fun project for my beer leauge hockey team. There is also a small Javascript click game in the events section. </Typography>\n                <ReactTooltip />\n            </CardContent>\n          </Card>\n          <Card className='cardRoot'>\n            <CardActionArea>\n              <a href='https://oberthewhat.github.io/ACA_web101_John_obertubbesing/src/online-resume/resume.html'>\n                <CardMedia\n                  className='cardMedia'\n                  image=\"https://i.imgur.com/moZfQJK.png\"\n                  title=\"Contemplative Reptile\"\n                /></a>\n\n            </CardActionArea>\n            <CardContent>\n              <Typography gutterBottom variant=\"h5\" component=\"h2\">\n                John Obertubbesing Resume\n          </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\" component=\"p\">\n                This was an early project of mine building an online resume for myself. I have kept it updated as best I can and is a good source for information on me. I used CSS gride and flex as well as other custom styling. </Typography>\n                <ReactTooltip />\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default App;\n\n\n\n// link to online resume \n// https://oberthewhat.github.io/ACA_web101_John_obertubbesing/src/online-resume/resume.html","// 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.0/8 are 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    headers: { 'Service-Worker': 'script' },\n  })\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\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\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(\n    <App />,\ndocument.getElementById('root')\n);\n\nserviceWorker.unregister();\n"],"sourceRoot":""}