{"version":3,"sources":["components/Project/Project.js","components/Projects/Projects.js","components/Footer/Footer.js","components/Home/Home.js","components/App/App.js","serviceWorker.js","index.js"],"names":["Project","alt","img","title","live","github","description","className","src","id","href","target","rel","projectSlides","map","project","Projects","infiniteLoop","useKeyboardArrows","autoPlay","interval","showThumbs","Footer","Component","Home","App","path","component","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"0gHAsBeA,G,MApBC,SAAC,GAAD,IAAEC,EAAF,EAAEA,IAAKC,EAAP,EAAOA,IAAKC,EAAZ,EAAYA,MAAOC,EAAnB,EAAmBA,KAAMC,EAAzB,EAAyBA,OAAQC,EAAjC,EAAiCA,YAAjC,OACd,yBAAKC,UAAU,mBAEb,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,cAAcN,IAAKA,EAAKO,IAAKN,KAG9C,yBAAKK,UAAU,cACb,yBAAKE,GAAG,gBACN,wBAAIF,UAAU,eAAeJ,GAC7B,yBAAKM,GAAG,iBACLL,GAAQ,uBAAGM,KAAMN,EAAMO,OAAO,SAASC,IAAI,uBAAnC,aACT,uBAAGF,KAAML,EAAQM,OAAO,SAASC,IAAI,uBAArC,YAGJ,2BAAIN,OCXJO,E,MAA4BC,KAAI,SAAAC,GAAO,OAC3C,kBAAC,EAAYA,MAWAC,EARE,kBACf,6BACE,kBAAC,WAAD,CAAUC,cAAY,EAACC,mBAAiB,EAACC,UAAQ,EAACC,SAAS,OAAOC,YAAY,GAC3ER,KCXcS,E,uKAEjB,OACE,yBAAKb,GAAG,UACN,8CAAmB,uBAAGC,KAAK,2CAA2CP,MAAM,WAAzD,WAAnB,SAAuG,uBAAGO,KAAK,4BAAgCP,MAAM,YAA9C,0B,GAJ3EoB,aCEfC,E,uKAEjB,OACE,oCACE,yBAAKjB,UAAU,WACb,yBAAKA,UAAU,SACb,uBAAGG,KAAK,gBAAgBC,OAAO,SAASC,IAAI,sBAAsBH,GAAG,UACnE,yBAAKR,IAAI,cAAcO,IAAI,gBAAgBD,UAAU,UAEvD,uBAAGG,KAAK,oCAAoCC,OAAO,SAASC,IAAI,sBAAsBH,GAAG,SACvF,yBAAKF,UAAU,OAAOC,IAAI,eAAeP,IAAI,gBAE/C,uBAAGS,KAAK,gCAAgCC,OAAO,SAASC,IAAI,sBAAsBH,GAAG,UACnF,yBAAKF,UAAU,OAAOC,IAAI,gBAAgBP,IAAI,iBAEhD,uBAAGS,KAAK,gDAAgDC,OAAO,SAASC,IAAI,sBAAsBH,GAAG,YACnG,yBAAKF,UAAU,OAAOC,IAAI,kBAAkBP,IAAI,qBAKtD,yBAAKM,UAAU,QACb,0BAAMA,UAAU,QAAhB,oBACA,wBAAIA,UAAU,SAAd,iCAGF,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,UAAUE,GAAG,SAC1B,yBAAKF,UAAU,mBAGjB,yBAAKA,UAAU,UAAUE,GAAG,SAC1B,yBAAKF,UAAU,mBAGjB,yBAAKA,UAAU,UAAUE,GAAG,SAC1B,yBAAKF,UAAU,mBAGjB,yBAAKA,UAAU,UAAUE,GAAG,SAC1B,yBAAKF,UAAU,iBACb,yBAAKA,UAAU,mBAAf,sJAIJ,yBAAKA,UAAU,UAAUE,GAAG,SAC1B,yBAAKF,UAAU,oBAQnB,wBAAIE,GAAG,aAAP,sBACA,kBAAC,EAAD,MACA,kBAAC,EAAD,W,GAxD0Bc,aCIbE,E,uKAEjB,OACE,yBAAKlB,UAAU,YACb,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAOmB,KAAK,IAAIC,UAAWH,W,GANND,aCIbK,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OACP,kBAAC,IAAMC,WAAP,KACE,kBAAC,EAAD,OAEFC,SAASC,eAAe,SDyHpB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrBC,MAAK,SAAAC,GACJA,EAAaC,gBAEdC,OAAM,SAAAC,GACLC,QAAQD,MAAMA,EAAME,c","file":"static/js/main.1201faf3.chunk.js","sourcesContent":["import React from 'react';\n\nconst Project = ({alt, img, title, live, github, description}) => (\n  <div className=\"slide-container\">\n    \n    <div className=\"slide-image-container\" >\n      <img className=\"slide-image\" alt={alt} src={img} />\n    </div>\n\n    <div className=\"slide-text\">\n      <div id=\"slide-header\">\n        <h2 className=\"slide-title\">{title}</h2>\n        <div id=\"project-links\">\n          {live && <a href={live} target=\"_blank\" rel=\"noopener noreferrer\">Live Site</a>}\n          <a href={github} target=\"_blank\" rel=\"noopener noreferrer\">GitHub</a>\n        </div>\n      </div>\n      <p>{description}</p>\n    </div>\n  </div>\n);\n\nexport default Project;\n","import React from 'react';\nimport { Carousel } from 'react-responsive-carousel';\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\nimport Project from '../Project/Project';\nimport projectData from './projectsData.json';\n\nconst projectSlides = projectData.map(project => (\n  <Project {...project} />\n))\n\nconst Projects = () => (\n  <div>\n    <Carousel infiniteLoop useKeyboardArrows autoPlay interval=\"7000\" showThumbs={false}>\n      {projectSlides}\n    </Carousel>\n  </div>\n);\n\nexport default Projects;","import React, { Component } from 'react'\n\nexport default class Footer extends Component {\n  render() {\n    return (\n      <div id=\"footer\">\n        <div>Icons made by <a href=\"https://www.flaticon.com/authors/freepik\" title=\"Freepik\">Freepik</a> from <a href=\"https://www.flaticon.com/\"     title=\"Flaticon\">www.flaticon.com</a></div>\n      </div>\n    )\n  }\n}\n","import React, { Component } from 'react'\nimport Projects from '../Projects/Projects'\nimport Footer from '../Footer/Footer'\n\nexport default class Home extends Component {\n  render() {\n    return (\n      <>\n        <div className=\"toptube\">\n          <div className=\"links\">\n            <a href=\"CNSresume.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" id=\"resume\">\n              <img alt=\"resume icon\" src=\"resumeRed.png\" className=\"icon\"/>\n            </a>\n            <a href=\"mailto:chelseanspangler@gmail.com\" target=\"_blank\" rel=\"noopener noreferrer\" id=\"email\">\n              <img className=\"icon\" src=\"emailRed.png\" alt=\"email icon\" />\n            </a>\n            <a href=\"https://github.com/cnspangler\" target=\"_blank\" rel=\"noopener noreferrer\" id=\"github\">\n              <img className=\"icon\" src=\"githubRed.png\" alt=\"GitHub icon\" />\n            </a>\n            <a href=\"https://www.linkedin.com/in/chelseanspangler/\" target=\"_blank\" rel=\"noopener noreferrer\" id=\"linkedin\">\n              <img className=\"icon\" src=\"linkedinRed.png\" alt=\"LinkedIn icon\" />\n            </a>\n          </div>\n        </div>\n\n        <div className=\"main\">\n          <span className=\"name\">Chelsea Spangler</span>\n          <h1 className=\"title\">Full Stack Software Engineer</h1>\n        </div>\n\n        <div className=\"chevron-container\">\n          <div className=\"chevron\" id=\"chev1\">\n            <div className=\"chevron-inner\"></div>\n          </div>\n\n          <div className=\"chevron\" id=\"chev2\">\n            <div className=\"chevron-inner\"></div>\n          </div>\n\n          <div className=\"chevron\" id=\"chev3\">\n            <div className=\"chevron-inner\"></div>\n          </div>\n\n          <div className=\"chevron\" id=\"chev4\">\n            <div className=\"chevron-inner\">\n              <div className=\"chevron-content\">Hi, I'm Chelsea (she/her). I build useful apps that solve real-world problems. I am currently looking for work in/near Portland OR, or remotely.</div>\n            </div>\n          </div>\n\n          <div className=\"chevron\" id=\"chev6\">\n            <div className=\"chevron-inner\"></div>\n          </div>\n        </div>\n\n        {/* <div id=\"about\" >\n          <p className=\"info\">Hi, I'm Chelsea (she/her). I build useful apps that solve real-world problems. I am currently looking for work in/near Portland OR, or remotely.<br /><br />I love to ride bikes, make people laugh, invent creative cocktails, and read sci-fi.</p>\n        </div> */}\n\n        <h1 id=\"portfolio\">Selected Projects:</h1>        \n        <Projects />\n        <Footer />\n      </>\n    )\n  }\n}\n","import React, { Component } from 'react'\nimport { \n  Route, \n  Switch, \n  BrowserRouter as Router, } from 'react-router-dom';\nimport './App.css';\nimport Home from '../Home/Home';\n\nexport default class App extends Component {\n  render() {\n    return (\n      <div className=\"app-main\">\n        <Router>\n          <Switch>\n            <Route path=\"/\" component={Home}/>\n          </Switch>\n        </Router>\n      </div>\n    )\n  }\n}\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.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 './components/App/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\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":""}