{"version":3,"sources":["components/Home.js","components/Portfolio.js","components/Header.js","components/Footer.js","App.js","index.js"],"names":["Home","className","src","alt","href","target","rel","Portfolio","Header","to","exact","Footer","currentYear","Date","getFullYear","App","path","component","ReactDOM","render","document","getElementById"],"mappings":"+MAqEeA,MAnEf,WACE,OACE,sBAAKC,UAAU,YAAf,UACE,yBAASA,UAAU,OAAnB,SACE,qBAAIA,UAAU,WAAd,uBACY,0CADZ,gIAMF,0BAASA,UAAU,QAAnB,UACE,qBACEC,IAAI,6BACJC,IAAI,mBACJF,UAAU,WAEZ,sBAAKA,UAAU,MAAf,UACE,oMAKA,4MAKA,kJAIA,qEACuC,IACrC,mBAAGG,KAAK,gCAAgCH,UAAU,QAAlD,mBAEK,IAJP,SAOA,8CACA,qBAAIA,UAAU,cAAd,UACE,6BACE,mBACEG,KAAK,yCACLC,OAAO,SACPC,IAAI,aACJL,UAAU,QAJZ,wBASF,6BACE,mBACEG,KAAK,gCACLC,OAAO,SACPC,IAAI,aACJL,UAAU,QAJZ,mCCqECM,MAxHf,WACE,OACE,sBAAKN,UAAU,YAAf,UACE,oBAAIA,UAAU,UAAd,uBACA,sBAAKA,UAAU,UAAf,UACE,sBAAKA,UAAU,YAAf,UACE,qBACEC,IAAI,qCACJC,IAAI,+BAEN,sBAAKF,UAAU,eAAf,UACE,iDACA,iDACA,uGAIA,4BACE,iFAEF,qBAAIA,UAAU,kBAAd,UACE,6BACE,mBACEG,KAAK,wCACLH,UAAU,WACVI,OAAO,SACPC,IAAI,aAJN,qBASF,6BACE,mBACEF,KAAK,iDACLH,UAAU,kBACVI,OAAO,SACPC,IAAI,aAJN,oCAaR,sBAAKL,UAAU,YAAf,UACE,qBACEC,IAAI,qCACJC,IAAI,gCAEN,sBAAKF,UAAU,eAAf,UACE,wDACA,iDACA,sGAIA,qBAAIA,UAAU,kBAAd,UACE,6BACE,mBACEG,KAAK,wCACLH,UAAU,WACVI,OAAO,SACPC,IAAI,aAJN,qBASF,6BACE,mBACEF,KAAK,0CACLH,UAAU,kBACVI,OAAO,SACPC,IAAI,aAJN,oCAaR,sBAAKL,UAAU,YAAf,UACE,qBACEC,IAAI,oCACJC,IAAI,2BAEN,sBAAKF,UAAU,eAAf,UACE,iDACA,iDACA,kFACA,qBAAIA,UAAU,kBAAd,UACE,6BACE,mBACEG,KAAK,iCACLH,UAAU,WACVI,OAAO,SACPC,IAAI,aAJN,qBASF,6BACE,mBACEF,KAAK,uCACLH,UAAU,kBACVI,OAAO,SACPC,IAAI,aAJN,2C,MCjFDE,MApBf,WACE,OACE,iCACE,sBAAKP,UAAU,WAAf,UACE,oBAAIA,UAAU,YAAd,gBACA,qBAAIA,UAAU,WAAd,UACE,oBAAIA,UAAU,WAAd,SACE,cAAC,IAAD,CAASQ,GAAG,IAAIC,OAAK,EAArB,oBAIF,oBAAIT,UAAU,WAAd,SACE,cAAC,IAAD,CAASQ,GAAG,aAAZ,kCCLGE,MATf,WACE,IAAMC,GAAc,IAAIC,MAAOC,cAC/B,OACE,iCACE,oBAAGb,UAAU,QAAb,6CAAwDW,EAAxD,UCkBSG,MAjBf,WACE,OACE,mCACE,sBAAKd,UAAU,MAAf,UACE,eAAC,IAAD,WACE,cAAC,EAAD,IACA,eAAC,IAAD,WACE,cAAC,IAAD,CAAOe,KAAK,IAAIN,OAAK,EAACO,UAAWjB,IACjC,cAAC,IAAD,CAAOgB,KAAK,aAAaC,UAAWV,UAGxC,cAAC,EAAD,UCdRW,IAASC,OAAO,cAAC,EAAD,IAASC,SAASC,eAAe,W","file":"static/js/main.59206c0a.chunk.js","sourcesContent":["import React from \"react\";\n\nfunction Home() {\n  return (\n    <div className=\"container\">\n      <section className=\"hero\">\n        <h2 className=\"main-hdr\">\n          Hey, I am <span>Marina</span>. A passionate front end web developer\n          that enjoys building cool interactive websites using the latest web\n          technologies.\n        </h2>\n      </section>\n      <section className=\"about\">\n        <img\n          src=\"./images/marina_avatar.jpg\"\n          alt=\"avatar of marina\"\n          className=\"avatar\"\n        />\n        <div className=\"bio\">\n          <p>\n            Working with both ad agencies and start-ups, I have experience\n            working alongside talented people to create web apps and products\n            for both businesses and consumers.\n          </p>\n          <p>\n            My main expertise is front end web development. Especially working\n            with HTML, CSS and JS. I build digital products that are responsive,\n            simple and intuitive for end users.\n          </p>\n          <p>\n            When I am not building stuff, you can find me reading, cooking,\n            gaming, hanging out with my dog, and working out.\n          </p>\n          <p>\n            If you want to work together you can{\" \"}\n            <a href=\"mailto:msmarinaspas@gmail.com\" className=\"links\">\n              email\n            </a>{\" \"}\n            me.\n          </p>\n          <p>Come find me:</p>\n          <ul className=\"social-list\">\n            <li>\n              <a\n                href=\"https://www.linkedin.com/in/marinaspas\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"links\"\n              >\n                LinkedIn\n              </a>\n            </li>\n            <li>\n              <a\n                href=\"https://github.com/marinaspas\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"links\"\n              >\n                GitHub\n              </a>\n            </li>\n          </ul>\n        </div>\n      </section>\n    </div>\n  );\n}\n\nexport default Home;\n","import React from \"react\";\n\nfunction Portfolio() {\n  return (\n    <div className=\"container\">\n      <h2 className=\"heading\">Portfolio</h2>\n      <div className=\"wrapper\">\n        <div className=\"portfolio\">\n          <img\n            src=\"./images/weatherapp-screenshot.jpg\"\n            alt=\"The Weather App Screenshot\"\n          />\n          <div className=\"project-info\">\n            <h3>The Weather App</h3>\n            <p>Personal Project</p>\n            <p>\n              Technologies used: React JS, HTML, CSS3, JS and the OpenWeatherMap\n              API\n            </p>\n            <p>\n              <em> * the API has a limit of 10 requests per day</em>\n            </p>\n            <ul className=\"proj-links-list\">\n              <li>\n                <a\n                  href=\"https://wowza-weatherapp.netlify.app/\"\n                  className=\"link-btn\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  visit\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"https://github.com/marinaspas/react-weatherapp\"\n                  className=\"link-btn source\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  view source\n                </a>\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div className=\"portfolio\">\n          <img\n            src=\"./images/cocktail-db-portfolio.jpg\"\n            alt=\"The Cocktails DB Screenshot\"\n          />\n          <div className=\"project-info\">\n            <h3>The Cocktails Database</h3>\n            <p>Personal Project</p>\n            <p>\n              Technologies used: React JS, HTML, CSS3, JS and the TheCocktailDB\n              API\n            </p>\n            <ul className=\"proj-links-list\">\n              <li>\n                <a\n                  href=\"https://the-cocktails-db.netlify.app/\"\n                  className=\"link-btn\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  visit\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"https://github.com/marinaspas/cocktails\"\n                  className=\"link-btn source\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  view source\n                </a>\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div className=\"portfolio\">\n          <img\n            src=\"./images/travl-blog-portfolio.jpg\"\n            alt=\"Travel Blog Screenshot\"\n          />\n          <div className=\"project-info\">\n            <h3>The Travel Blog</h3>\n            <p>Personal Project</p>\n            <p>Technologies used: React JS, HTML, CSS3 and Hooks</p>\n            <ul className=\"proj-links-list\">\n              <li>\n                <a\n                  href=\"https://trvl-blog.netlify.app/\"\n                  className=\"link-btn\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  visit\n                </a>\n              </li>\n              <li>\n                <a\n                  href=\"https://github.com/marinaspas/Travel\"\n                  className=\"link-btn source\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  view source\n                </a>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Portfolio;\n","import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport \"./header.css\";\n\nfunction Header() {\n  return (\n    <header>\n      <nav className=\"main-nav\">\n        <h1 className=\"logo-name\">MS</h1>\n        <ul className=\"nav-list\">\n          <li className=\"nav-link\">\n            <NavLink to=\"/\" exact>\n              Home\n            </NavLink>\n          </li>\n          <li className=\"nav-link\">\n            <NavLink to=\"/portfolio\">Portfolio</NavLink>\n          </li>\n        </ul>\n      </nav>\n    </header>\n  );\n}\n\nexport default Header;\n","import React from \"react\";\n\nfunction Footer() {\n  const currentYear = new Date().getFullYear();\n  return (\n    <footer>\n      <p className=\"legal\">Copyright &copy; Marina Spasovska {currentYear} </p>\n    </footer>\n  );\n}\n\nexport default Footer;\n","import { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport \"./App.css\";\nimport Home from \"./components/Home\";\nimport Portfolio from \"./components/Portfolio\";\nimport Header from \"./components/Header\";\nimport Footer from \"./components/Footer\";\n\nfunction App() {\n  return (\n    <>\n      <div className=\"App\">\n        <Router>\n          <Header />\n          <Switch>\n            <Route path=\"/\" exact component={Home}></Route>\n            <Route path=\"/portfolio\" component={Portfolio}></Route>\n          </Switch>\n        </Router>\n        <Footer />\n      </div>\n    </>\n  );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\n"],"sourceRoot":""}