{"version":3,"sources":["components/Navbar.js","components/About.js","components/Skills.js","components/Experience.js","assets/freshGoods.PNG","assets/budgetTracker.PNG","assets/colorGame.PNG","assets/shortly.png","components/Projects.js","assets/resume.pdf","components/Footer.js","App.js","reportWebVitals.js","index.js"],"names":["Navbar","className","href","onClick","document","querySelector","classList","toggle","About","id","Skills","Experience","Job","company","title","time","description","props","Projects","Project","url","alt","src","budgetTracker","Shortly","ColorGame","freshGoods","target","Footer","Pdf","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.78d6948a.chunk.js","sourcesContent":["export default function Navbar() {\n  return (\n    <nav className=\"p-3 sticky-top\">\n      <div className=\"container\">\n        <div className=\"nav\">\n          <a href=\"#about\" className=\"logo h4 w-50 text-dark\">\n            Sean Lightfoot\n          </a>\n          <div className=\"w-50 links\">\n            <a className=\"text-dark nav-links h5\" href=\"#about\">\n              About\n            </a>\n            <a className=\"text-dark nav-links h5\" href=\"#skills\">\n              Skills\n            </a>\n            <a className=\"text-dark nav-links h5\" href=\"#experience\">\n              Experience\n            </a>\n            <a className=\"text-dark nav-links h5\" href=\"#projects\">\n              Projects\n            </a>\n          </div>\n          <span\n            className=\"toggle-button\"\n            onClick={() => {\n              const links = document.querySelector(\".links\");\n              links.classList.toggle(\"active\");\n            }}\n          >\n            <span className=\"bar text-dark mb-1\"></span>\n            <span className=\"bar text-dark mb-1\"></span>\n            <span className=\"bar text-dark\"></span>\n          </span>\n        </div>\n      </div>\n    </nav>\n  );\n}\n","export default function About() {\n  return (\n    <div className=\"container\" id=\"about\">\n      <div className=\"row align-items-center\">\n        <div className=\"col-md-6\">\n          <div className=\"pic\"></div>\n        </div>\n        <div className=\"col-md-6\">\n          <h1 className=\"display-5\">\n            Hi, I'm Sean. I’m a software developer based in Chicago.\n          </h1>\n          <h3 className=\"h3\">\n            I specialize in front-end development and have full-stack and mobile\n            development experience.\n          </h3>\n        </div>\n      </div>\n    </div>\n  );\n}\n","export default function Skills() {\n  return (\n    <section className=\"p-5\" id=\"skills\">\n      <div className=\"container\">\n        <h1 className=\"display-4 pb-3\">Skills</h1>\n        <div className=\"row\">\n          <div className=\"col-md-4\">\n            <h3 className=\"h2\">Languages</h3>\n            <div className=\"skill-list p-3\">\n              <p>Javascript</p>\n              <p>CSS3/SCSS</p>\n              <p>HTML5</p>\n              <p>SQL</p>\n              <p>Python</p>\n              <p>C#</p>\n            </div>\n          </div>\n          <div className=\"col-md-4\">\n            <h3 className=\"h2 pt-3\">Libraries</h3>\n            <div className=\"skill-list p-3\">\n              <p>React.js</p>\n              <p>React Native</p>\n              <p>Vue.js</p>\n              <p>Angular</p>\n              <p>Express.js</p>\n              <p>Bootstrap</p>\n              <p>TailwindCSS</p>\n              <p>Jest</p>\n              <p>Storybook</p>\n              <p>Webpack</p>\n              <p>GraphQL</p>\n              <p>Redux</p>\n              <p>Gatsby.js</p>\n              <p>Next.js</p>\n              <p>.NET</p>\n            </div>\n          </div>\n          <div className=\"col-md-4\">\n            <h3 className=\"h2 pt-3\">Tools</h3>\n            <div className=\"skill-list p-3\">\n              <p>Node.js</p>\n              <p>Git</p>\n              <p>PostgreSQL</p>\n              <p>MongoDB</p>\n              <p>Jira</p>\n              <p>Circleci</p>\n              <p>Jenkins</p>\n              <p>Photoshop</p>\n              <p>Figma</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n","export default function Experience() {\n  return (\n    <section className=\"p-5 text-dark\" id=\"experience\">\n      <div className=\"container\">\n        <h1 className=\"display-4 pb-3\">Experience</h1>\n        <div className=\"d-flex flex-column job-list p-2\">\n          <Job\n            company=\"GoDaddy\"\n            title=\"SDE Intern\"\n            time=\"May 2020 - Aug 2020\"\n            description=\"Developed and maintained various components and applications across the GoDaddy codebase.\nFrontend and backend work in React, HTML, CSS, Javascript, Express.js, and other tools when needed.\nUnit testing with jest, testing React components with storybook, and publishing packages.\"\n          />\n          <Job\n            company=\"Forbes\"\n            title=\"Front-end Developer Intern\"\n            time=\"Jan 2019 - May 2019\"\n            description=\"Developed on Forbes new CMS using Angular, Javascript, SASS, and Quill.js.\nUnit testing using Jasmine on Angular components and services.\nDeveloped an internal application using Gatsby, React, Node.js, HTML, and CSS.\"\n          />\n          <Job\n            company=\"RIT\"\n            title=\"SG Web Developer\"\n            time=\"Jan 2020 - Dec 2020\"\n            description=\"Work on various web applications maintained by the student government, using Vue.js, Python, and PostgreSQL.\"\n          />\n          <Job\n            company=\"RIT\"\n            title=\"Web Development Teaching Assistant\"\n            time=\"Aug 2018 - Jan 2020\"\n            description=\"Helped students learn web development foundational skills(HTML, CSS, JS, PHP, APIs, etc).\"\n          />\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction Job(props) {\n  return (\n    <div className=\"p-2\">\n      <h3 className=\"display-5\">{props.company}</h3>\n      <h4 className=\"h3\">{props.title}</h4>\n      <h4 className=\"h4\">{props.time}</h4>\n      <p className=\"h5\">{props.description}</p>\n    </div>\n  );\n}\n","export default __webpack_public_path__ + \"static/media/freshGoods.eef4796b.PNG\";","export default __webpack_public_path__ + \"static/media/budgetTracker.6dc94a96.PNG\";","export default __webpack_public_path__ + \"static/media/colorGame.b52332d3.PNG\";","export default __webpack_public_path__ + \"static/media/shortly.88b588eb.png\";","import freshGoods from \"../assets/freshGoods.PNG\";\nimport budgetTracker from \"../assets/budgetTracker.PNG\";\nimport ColorGame from \"../assets/colorGame.PNG\";\nimport Shortly from \"../assets/shortly.png\";\n\nexport default function Projects() {\n  return (\n    <section className=\"p-5 text-dark\" id=\"projects\">\n      <div className=\"container\">\n        <h1 className=\"display-4 pb-3\">Projects</h1>\n        <div className=\"row project-list\">\n          <Project\n            url=\"https://sharp-kirch-daa82b.netlify.app/\"\n            alt=\"budgetTracker\"\n            src={budgetTracker}\n            title=\"Budget Tracker\"\n          />\n          <Project\n            url=\"https://focused-colden-fdb038.netlify.app/\"\n            alt=\"Shortly\"\n            src={Shortly}\n            title=\"Shortly\"\n          />\n          <Project\n            url=\"https://modest-pare-937545.netlify.com/\"\n            alt=\"Color Game\"\n            src={ColorGame}\n            title=\"Color Game\"\n          />\n          <Project\n            url=\"https://60e534162107e85f487fda57--thirsty-feynman-eb5fa4.netlify.app/\"\n            alt=\"freshGoods\"\n            src={freshGoods}\n            title=\"FreshGoods\"\n          />\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction Project(props) {\n  return (\n    <div className=\"col-md-6 p-5\">\n      <a href={props.url} className=\"display-4 text-dark\" target=\"_blank\">\n        <img src={props.src} alt={props.alt} className=\"img-fluid\" />\n        {props.title}\n      </a>\n    </div>\n  );\n}\n","export default __webpack_public_path__ + \"static/media/resume.db7f3f24.pdf\";","import Pdf from \"../assets/resume.pdf\";\n\nexport default function Footer() {\n  return (\n    <section className=\"p-3\">\n      <div className=\"foot-links d-flex justify-content-center align-items-center\">\n        <a href=\"https://github.com/blackinferno1000\" target=\"_blank\">\n          <i className=\"bi bi-github p-2\"></i>\n        </a>\n        <a href=\"https://www.linkedin.com/in/seanlightfoot/\" target=\"_blank\">\n          <i className=\"bi bi-linkedin p-2\"></i>\n        </a>\n        <a href={Pdf} className=\"resume p-2\" target=\"_blank\">\n          Resume\n        </a>\n      </div>\n      {/* <p className=\"text-light p-2 mt-3 d-flex justify-content-center align-items-center\">\n        Sean Lightfoot &copy; 2021\n      </p> */}\n    </section>\n  );\n}\n","import Navbar from \"./components/Navbar.js\";\nimport About from \"./components/About.js\";\nimport Skills from \"./components/Skills.js\";\nimport Experience from \"./components/Experience.js\";\nimport Projects from \"./components/Projects.js\";\nimport Footer from \"./components/Footer.js\";\n\nfunction App() {\n  return (\n    <main className=\"app min-vh-100\">\n      <Navbar />\n      <About />\n      <Skills />\n      <Experience />\n      <Projects />\n      <Footer />\n    </main>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\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","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport \"./styles.scss\";\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":""}