{"version":3,"sources":["components/Navigation.jsx","pages/Home.jsx","components/ProjectCard.jsx","pages/Projects.jsx","App.jsx","index.js"],"names":["Navigation","Navbar","collapseOnSelect","fixed","expand","bg","variant","Container","Toggle","Collapse","id","Nav","Link","href","className","NavItem","target","rel","Home","document","body","src","alt","ProjectCard","props","proImg","proTitle","proLinkName","proDesc","Projects","App","exact","path","element","ReactDOM","render","getElementById"],"mappings":"yOA8BeA,EAxBI,WACf,OACI,mCACA,cAACC,EAAA,EAAD,CAAQC,kBAAgB,EAACC,MAAM,MAAMC,OAAO,KAAKC,GAAG,YAAYC,QAAQ,QAAxE,SACI,eAACC,EAAA,EAAD,WACI,cAACN,EAAA,EAAOO,OAAR,CAAe,gBAAc,0BAC7B,eAACP,EAAA,EAAOQ,SAAR,CAAiBC,GAAG,wBAApB,UACI,eAACC,EAAA,EAAD,WACI,cAACA,EAAA,EAAIC,KAAL,CAAUC,KAAK,IAAIC,UAAU,aAA7B,kBACA,cAACH,EAAA,EAAIC,KAAL,CAAUC,KAAK,YAAYC,UAAU,aAArC,yBAEJ,cAACC,EAAA,EAAD,CAASD,UAAU,MAAnB,SACI,oBAAGD,KAAK,uDAAuDC,UAAU,kCAAkCE,OAAO,SAASC,IAAI,aAA/H,UAA4I,cAAC,IAAD,IAA5I,iBAEJ,cAACF,EAAA,EAAD,CAASD,UAAU,MAAnB,SACI,oBAAGD,KAAK,iCAAiCC,UAAU,kCAAkCE,OAAO,SAASC,IAAI,aAAzG,UAAsH,cAAC,IAAD,IAAtH,0BC6CTC,EA7DF,WAKT,OAHAC,SAASC,KAAKN,UAAY,UAItB,uBAAMA,UAAU,sBAAhB,UACI,oBAAIA,UAAU,2FAAd,4BAEA,oBAAIA,UAAU,qEAAd,4DAEA,sBAAKA,UAAU,oDAAf,UACI,qBAAKA,UAAU,yCAGf,sBAAKA,UAAU,iFAAf,UACI,oBAAIA,UAAU,wCAAd,iBACA,mBAAGA,UAAU,yBAAb,oaAMJ,sBAAKA,UAAU,qDAAf,UAEI,qBAAKA,UAAU,+DAAf,SACI,sBAAKA,UAAU,wBAAf,UACI,oBAAIA,UAAU,4BAAd,wBACA,qBAAIA,UAAU,4BAAd,UACI,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,YACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,eACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,gBACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,YACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,UACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,iBACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,iBACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,aACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,cACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,2BACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,8BACA,qBAAIA,UAAU,4CAAd,UAA0D,cAAC,IAAD,IAA1D,iDAKZ,qBAAKA,UAAU,oDAAf,SACI,sBAAKA,UAAU,yBAAf,UACI,qBAAKA,UAAU,gBAAgBO,IAAI,0BAA0BC,IAAI,mBACjE,mBAAGR,UAAU,oCAAb,gSCrCbS,EAdK,SAAAC,GAChB,OACI,sBAAKV,UAAU,wCAAf,UACI,qBAAKA,UAAU,eAAeO,IAAKG,EAAMC,OAAQH,IAAKE,EAAME,WAC5D,sBAAKZ,UAAU,oDAAf,UACI,8BACI,mBAAGD,KAAMW,EAAMG,YAAaX,OAAO,SAASC,IAAI,sBAAsBH,UAAU,wDAAhF,SAAyIU,EAAME,aAEnJ,mBAAGZ,UAAU,wBAAb,SAAsCU,EAAMI,iBCsC7CC,EA7CE,WAIb,OAFAV,SAASC,KAAKN,UAAY,cAGtB,sBAAMA,UAAU,sBAAhB,SACI,sBAAKA,UAAU,0CAAf,UACI,sBAAKA,UAAU,qBAAf,UACI,oBAAIA,UAAU,+EAAd,sBAEA,oBAAIA,UAAU,4BAAd,uFAEJ,sBAAKA,UAAU,0CAAf,UACI,cAAC,EAAD,CACIW,OAAO,iGACPE,YAAY,6CACZD,SAAS,cACTE,QAAQ,qEAEZ,cAAC,EAAD,CACIH,OAAO,iGACPE,YAAY,8CACZD,SAAS,eACTE,QAAQ,wIAEZ,cAAC,EAAD,CACIH,OAAO,iGACPE,YAAY,+CACZD,SAAS,gBACTE,QAAQ,4HAEZ,cAAC,EAAD,CACIH,OAAO,iGACPE,YAAY,iDACZD,SAAS,uBACTE,QAAQ,yHCdjBE,G,MAhBH,WACR,OACI,eAAC,IAAD,WACI,cAAC,EAAD,IACI,+BACI,eAAC,IAAD,WACI,cAAC,IAAD,CAAOC,OAAK,EAACC,KAAK,IAAIC,QAAS,cAAC,EAAD,MAE/B,cAAC,IAAD,CAAOF,OAAK,EAACC,KAAK,YAAYC,QAAS,cAAC,EAAD,gBCZ/DC,IAASC,OACT,cAAC,EAAD,IACChB,SAASiB,eAAe,W","file":"static/js/main.51b0ae94.chunk.js","sourcesContent":["import * as React from 'react';\nimport { Navbar, Nav, Container, NavItem } from 'react-bootstrap';\nimport { BsLinkedin, BsGithub } from 'react-icons/bs';\n\n\n\nconst Navigation = () => {\n    return (\n        <>\n        <Navbar collapseOnSelect fixed=\"top\" expand=\"sm\" bg=\"dustyrose\" variant=\"light\">\n            <Container>\n                <Navbar.Toggle aria-controls=\"responsive-navbar-nav\" />\n                <Navbar.Collapse id=\"responsive-navbar-nav\">\n                    <Nav>\n                        <Nav.Link href=\"/\" className=\"text-light\">Home</Nav.Link>\n                        <Nav.Link href=\"/Projects\" className=\"text-light\">Projects</Nav.Link>\n                    </Nav>\n                    <NavItem className=\"m-2\">\n                        <a href=\"https://www.linkedin.com/in/elliott-parker-56b23b139\" className=\"text-light text-decoration-none\" target=\"_blank\" rel=\"noreferrer\"><BsLinkedin /> LinkedIn</a>\n                    </NavItem>\n                    <NavItem className=\"m-2\">\n                        <a href=\"https://github.com/kparker1848\" className=\"text-light text-decoration-none\" target=\"_blank\" rel=\"noreferrer\"><BsGithub /> GitHub</a>\n                    </NavItem>\n                </Navbar.Collapse>\n            </Container>\n        </Navbar>\n        </>\n    );\n};\n\nexport default Navigation;","import React from 'react';\nimport { BsChevronDoubleRight } from 'react-icons/bs';\n\n\n\nconst Home = () => {\n\n    document.body.className = \"home-bg\";\n\n\n    return (\n        <main className=\"container mt-4 pt-4\">\n            <h1 className=\"text-center m-3 display-font text-light text-decoration-underline tracking-in-expand-fwd\">\n                Elliott Parker</h1>\n            <h3 className=\"text-center m-3 secondary-font text-light tracking-in-expand-fwd-2\">\n                Innovate Birmingham Graduate | Web Development</h3>\n            <div className=\"container d-flex flex-wrap justify-content-center\">\n                <div className=\"col-12 d-flex justify-content-center\">\n                   \n                </div>\n                <div className=\"col-sm-6 m-4 p-3 d-flex flex-wrap justify-content-center bg-darkpine trans-box\">\n                    <h1 className=\"text-center secondary-font text-light\">Bio</h1>\n                    <p className=\"text-center text-light\">\n                        Passionate creative visionary ready to provide quality work experience to a software\n                        team. Comes from an artistic background with a recent excellent, fast-paced study in web development. A flexible\n                        individual and team contributor that utilizes creative and analytical problem solving methods. An efficient learner\n                        and critical thinker; has skills that will prove to be great assets to any organization. </p>\n                </div>\n                <div className=\"col-12 d-flex flex-wrap m-3 justify-content-evenly\">\n\n                    <div className=\"card shadow p-3 mb-5 rounded col-sm-4 bg-dustyrose trans-box\">\n                        <div className=\"card-body bg-darkpine\">\n                            <h4 className=\"secondary-font text-light\">My Skills:</h4>\n                            <ul className=\"secondary-font list-group\">\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> HTML5</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> SCSS/CSS</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> Bootstrap</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> React</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> SQL</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> JavaScript</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> TypeScript</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> jQuery</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> Node.js</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> Independent Research</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> Basic Design Principles</li>\n                                <li className=\"list-group-item bg-transparent text-light\"><BsChevronDoubleRight /> Information Analysis and Synthesis</li>\n                            </ul>\n                        </div>\n                    </div>\n\n                    <div className=\"card shadow p-3 mb-5 rounded col-sm-4 bg-darkpine\">\n                        <div className=\"card-body bg-dustyrose\">\n                            <img className=\"mb-2 card-img\" src=\"/assets/images/self.jpg\" alt=\"Elliott Parker\" />\n                            <p className=\"text-center fw-bold text-darkpine\">After graduating from Auburn University with a BA in History and a passion for art, \n                                I realized that I wanted to go down a different path. Tech has been an exciting challenge for me and I hope to grow \n                                professionally as a developer, and personally as an artist.\n                            </p>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n        </main>\n    );\n};\n\nexport default Home;","import * as React from 'react';\n\nconst ProjectCard = props => {\n    return (\n        <div className=\"card pro-card-dimension-outer m-2 p-1\">\n            <img className=\"card-img-top\" src={props.proImg} alt={props.proTitle}></img>\n            <div className=\"card-body d-flex flex-wrap justify-content-center\">\n                <div>\n                    <a href={props.proLinkName} target=\"_blank\" rel=\"noopener noreferrer\" className=\"btn btn-dustyrose text-light pro-title-font mt-1 mb-2\">{props.proTitle}</a>\n                </div>\n                <p className=\"card-text text-center\">{props.proDesc}</p>\n            </div>\n        </div>\n    );\n};\n\nexport default ProjectCard;","import React from 'react';\nimport ProjectCard from '../components/ProjectCard';\n\nconst Projects = () => {\n\n    document.body.className = \"projects-bg\";\n\n    return (\n        <main className=\"container mt-4 pt-4\">\n            <div className=\"d-flex flex-wrap justify-content-center\">\n                <div className=\"text-center col-12\">\n                    <h1 className=\"m-3 display-font text-light text-decoration-underline tracking-in-expand-fwd\">\n                        Projects</h1>\n                    <h3 className=\"secondary-font text-light\">Check it out! Here are links to some of my favorite finished projects!</h3>\n                </div>\n                <div className=\"d-flex flex-wrap justify-content-center\">\n                    <ProjectCard\n                        proImg=\"https://repository-images.githubusercontent.com/402867848/54716385-5b81-4653-85bf-648fc050b871\"\n                        proLinkName=\"https://kparker1848.github.io/Tic-Tac-Toe/\"\n                        proTitle=\"Tic Tac Toe\"\n                        proDesc=\"A 2-person Tic Tac Toe game made with JavaScript, HTML, and CSS!\"\n                    />\n                    <ProjectCard\n                        proImg=\"https://repository-images.githubusercontent.com/411025943/d5f2b1cd-5e2a-480c-95c0-6f476a6cd131\"\n                        proLinkName=\"https://kparker1848.github.io/Just-My-Type/\"\n                        proTitle=\"Just My Type\"\n                        proDesc=\"A typing game! This project was created with jQuery and customized with CSS when given basic HTML and Bootstrap keyboard framework.\"\n                    />\n                    <ProjectCard\n                        proImg=\"https://repository-images.githubusercontent.com/412172395/f46b5b40-a026-4df8-8dd0-bb816461872a\"\n                        proLinkName=\"https://kparker1848.github.io/context-clues/\"\n                        proTitle=\"Context Clues\"\n                        proDesc=\"A project using jQuery to manipulate DOM elements, providing functionally generated accusations in a Clue-like setting.\"\n                    />\n                    <ProjectCard\n                        proImg=\"https://repository-images.githubusercontent.com/419491843/ecced979-566a-4933-ab78-befab3db8d25\"\n                        proLinkName=\"https://kparker1848.github.io/Reacting-to-API/\"\n                        proTitle=\"Using React and APIs\"\n                        proDesc=\"This project utilizes React and a third party API to showcase Studio Ghibli film and character information!\"\n                    />\n\n                </div>\n\n            </div>\n        </main>\n    );\n};\n\nexport default Projects;","import React from 'react';\nimport { BrowserRouter, Routes, Route } from 'react-router-dom';\nimport Navigation from './components/Navigation';\nimport Home from './pages/Home';\nimport Projects from './pages/Projects';\nimport './App.scss';\n\n\nconst App = () => {\n    return (\n        <BrowserRouter>\n            <Navigation  />\n                <main>\n                    <Routes>\n                        <Route exact path=\"/\" element={<Home />}>\n                        </Route>\n                        <Route exact path=\"/Projects\" element={<Projects />}>\n                        </Route>\n                    </Routes>\n                </main>\n        </BrowserRouter>\n    );\n};\n\nexport default App;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n<App />,\n document.getElementById('root')\n );"],"sourceRoot":""}