{"version":3,"sources":["images/laptopcartoon.png","components/About.js","components/Contact.js","components/Navbar.js","data.js","components/Projects.js","components/Skills.js","App.js","reportWebVitals.js","index.js"],"names":["About","id","className","src","Cartoon","width","alt","Contact","href","Navbar","onClick","menu","document","querySelector","style","display","projects","title","subtitle","description","image","link","Projects","map","project","Skills","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.9bf312c3.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/laptopcartoon.8c2646ea.png\";","import React from 'react'\nimport Cartoon from '../images/laptopcartoon.png'\n\nconst About = () => {\n    return (\n        <section id=\"about\">\n          <div className=\"container\">\n            <div className=\"left\">\n            <h1 className=\"about-title\">Hi! I'm Rasheeda <br/> - a Front End Developer.</h1>\n            <p className=\"about-body\">\n            My main focus is to offer insightful ways to build a digital presence.\n            And I enjoy leveraging my love of learning to help people show their value.\n            <br/>\n            Helping others help themselves brings me fulfillment.\n            </p>\n            </div>\n            <div className=\"right\">\n            <img className=\"cartoon\" src={Cartoon} width=\"400\" alt=\"headshot\" />\n            {/* <img src=\"{process.env.PUBLIC_URL} '/images/laptopcartoon.png'\" alt=\"headshot\"/> */}\n            </div>\n          </div>\n        </section>\n      );\n}\n\nexport default About\n","import React from 'react'\n\nconst Contact = () => {\n    return (\n        <footer>\n        <div id=\"contact\">\n            \n            <a href=\"https://github.com/RasheedaAlexander\"><button className=\"button\"><i className=\"fa fa-github\" aria-hidden=\"true\"></i> Github</button></a>\n            <br/>\n            <a href=\"https://www.linkedin.com/in/rasheedaalexander/\"><button className=\"button\"><i className=\"fa fa-linkedin\" aria-hidden=\"true\"></i> LinkedIn</button></a>\n            \n            </div>\n    </footer>\n    )\n}\n\nexport default Contact\n","import React from 'react'\n\nconst Navbar = () => {\n    \n    function menuDisplay() {\n\n        const menu = document.querySelector('.nav-menu');\n\n        if (menu.style.display === \"block\") {\n            menu.style.display = \"none\";\n          } else {\n            menu.style.display = \"block\";\n          }\n    }\n\n    return (\n        <header>\n            <nav className=\"navbar\">\n                <h1><a className=\"logo\" href=\"#about\">Rasheeda A</a></h1>\n                         \n                <a href=\"/#\" id=\"home\" onClick={menuDisplay}>\n                 <i className=\"fa fa-bars fa-lg\"></i>\n                 </a>\n                         \n                         <ul className=\"nav-menu\">\n                             <li className=\"nav-item\"><a href=\"#about\">About</a></li>\n                             <li className=\"nav-item\"><a href=\"#projects\">Projects</a></li>\n                             <li className=\"nav-item\"><a href=\"#contact\">Contact</a></li>\n                             \n\n                             <a href=\"https://github.com/RasheedaAlexander\"><button className=\"button\"><i className=\"fa fa-github\" aria-hidden=\"true\"></i> Github</button></a>\n                             \n                             <a href=\"https://www.linkedin.com/in/rasheedaalexander/\"><button className=\"button\"><i className=\"fa fa-linkedin\" aria-hidden=\"true\"></i> LinkedIn</button></a>\n                             \n                             \n                             </ul>\n\n             \n\n\n            </nav>   \n        </header>\n    )\n}\n\nexport default Navbar;","export const projects = [\n    {\n      title: \"Simon Says\",\n      subtitle: \"MERN Stack\",\n      description:\n        \"Play Me!\",\n      image: \"https://i.gyazo.com/2153f59c83780cf1dc402d2c63ec7d62.gif\",\n      link: \"https://github.com/RasheedaAlexander/Simon\",\n    },\n    {\n      title: \"Jam\",\n      subtitle: \"Angular and TypeScript\",\n      description:\n        \"Access the world of music via Spotify with a simple search!\",\n      image: \"https://i.gyazo.com/67e6dfa1b524416a6287ba505ef3fc95.gif\",\n      link: \"https://github.com/RasheedaAlexander/jam\",\n    },\n    {\n      title: \"Hidd'n Gems\",\n      subtitle: \"Angular\",\n      description:\n        \"Experience the Distict of Columbia like a local.\",\n      image: \"https://i.gyazo.com/2c9cfe68a2c49bd96e5a931ba45f98af.gif\",\n      link: \"https://github.com/RasheedaAlexander/hiddngems_angular\",\n    },\n    {\n      title: \"SoundScale\",\n      subtitle: \"JavaScript and CSS\",\n      description:\n        \"Track recording artists' social media progress\",\n      image: \"https://i.gyazo.com/6f6d7d6d2baba929cf4157aef623f1e5.gif\",\n      link: \"https://github.com/lesragsdale/soundscale\",\n    },\n  ];","import React from 'react';\nimport { projects } from \"../data\";\n\nconst Projects = () => {\n    return (\n        <section id=\"projects\">\n            <div id=\"projects-container\" className=\"container\">\n            <i className=\"fa-solid fa-laptop fa-3x fa-flip\"></i> \n                <h1>Apps Built</h1>\n            </div>\n            <div className=\"apps\">\n                {projects.map((project) => (\n                    <a \n                    href={project.link} \n                    key={project.image}\n                    className=\"projects-link\">\n                        <div className=\"gallery\">\n                            <img \n                            alt=\"gallery\" \n                            src={project.image}\n                            className=\"gallery-img\"/>\n                            <div className=\"project-about\">\n                  <h2 className=\"subtitle\">\n                    {project.subtitle}\n                  </h2>\n                  <h1 className=\"project-title\">\n                    {project.title}\n                  </h1>\n                  <p className=\"decription leading-relaxed\">{project.description}</p>\n                </div>\n                        </div>\n                    </a>\n                ))}\n            </div>\n        </section>\n    )\n}\n\nexport default Projects\n","import React from 'react'\n\nconst Skills = () => {\n    return (\n        <div>\n            \n        </div>\n    )\n}\n\nexport default Skills\n","import React from 'react'\nimport \"./App.css\";\nimport About from \"./components/About\";\nimport Contact from \"./components/Contact\";\nimport Navbar from \"./components/Navbar\";\nimport Projects from \"./components/Projects\";\nimport Skills from \"./components/Skills\";\n\nconst App = () => {\n    return (\n        <main>\n            <Navbar />\n            <About />\n            <Projects />\n            <Skills />\n            <Contact />\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 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":""}