{"version":3,"sources":["components/Main.js","components/Navbar.js","components/Projects.js","components/About.js","components/Contact.js","components/Menu.js","App.js","reportWebVitals.js","index.js"],"names":["Main","greet","hour","Date","getHours","className","id","src","href","Navbar","open","setOpen","onClick","Project","controls","autoPlay","muted","loop","About","Contact","createTheme","palette","primary","main","useState","action","method","encType","type","placeholder","required","fontSize","style","color","Menu","App","hamburgerOpen","setHamburgerOpen","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.e0979f0f.chunk.js","sourcesContent":["import React from 'react'\nimport \"./main.scss\"\n\nexport default function Main() {\n    const date = new Date()\n    const hour = date.getHours()\n\n    let greet;\n\n    if(hour < 12)\n        greet = \"Good Morning!\";\n    else if(hour >= 12 && hour <= 17)\n        greet = \"Good Afternoon!\";\n    else if(hour >= 17 && hour <= 24)\n        greet = \"Good Evening!\" \n\n\n    return (\n        <div className=\"main-container\" id=\"main\">\n            <div className=\"image\">\n                <img src=\"images/image1.svg\"/>\n            </div>\n            <div className=\"left\">\n                <div className=\"wrapper\">\n                    <h1>{greet}</h1>\n                    <h1>I'm <span className=\"name\">Brad</span></h1>\n                    <div>\n                        <button className=\"contact\">\n                            <a href=\"#contact\">Contact Me</a>\n                        </button>\n                        <button className=\"projects\">\n                            <a href=\"#projects\">Projects</a>\n                        </button>\n                    </div>\n                </div> \n            </div>\n            \n        </div>\n    )\n}\n","\nimport React from 'react'\nimport \"./navbar.scss\"\n\nexport default function Navbar({open, setOpen}) {\n    return (\n        <div className={\"nav-container \" + (open && \"active\")}>\n            <div className=\"wrapper\">\n                <div className=\"left\">\n                    <a href=\"#main\" className=\"home\">Home</a> \n                </div>\n                <div className=\"right\">\n                    <div className=\"hamburger\" onClick={() => setOpen(!open)}>\n                        <span className=\"line1\"></span>\n                        <span className=\"line2\"></span>\n                        <span className=\"line3\"></span>\n                    </div>\n                </div>\n            </div>\n            \n        </div>\n    )\n}\n","\nimport \"./projects.scss\"\n\n\nexport default function Project() {\n\n\n    return (\n        <div className=\"projects-container\" id=\"projects\">\n            <div className=\"container\">\n                <div className=\"card\">\n                    <div className=\"hero\">\n                        <div className=\"rectangle\"></div>\n                        <video src=\"images/video.mov\" controls autoPlay muted loop />\n                    </div>\n                    <div className=\"info\">\n                        <h2 className=\"title\">Bounty Hunter</h2>\n                        <p>This app is FullStack with MongoDB as the database it showcases the use of CRUD operations to implement storage applications. In the app you can create, read, update, and delete a bounty from the database and have it reflected immediately to the user.</p>\n                        <h3 className=\"tech-stack\">Built with:</h3>\n                        <p>React, CSS, Express, MongoDB, Node.js, Mongoose</p>\n                        <button className=\"github\">\n                        <a href=\"https://github.com/BradleySH/bountyhunter\">Check it out</a>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div className=\"container\">\n                <div className=\"card\">\n                    <div className=\"hero\">\n                        <div className=\"rectangle\"></div>\n                        <iframe src=\"https://npm-registry.vercel.app/\"></iframe>\n                    </div>\n                    <div className=\"info\">\n                        <h2 className=\"title\">NPM Lookup</h2>\n                        <p>This was my first time using Redux for state managament with React and TypeScript.  Its a simple API request to get all of the npm registries to see if an npm package exists.</p>\n                        <h3 className=\"tech-stack\">Built with:</h3>\n                        <p>React, TypeScript, Redux, CSS</p>\n                        <button className=\"github\">\n                        <a href=\"https://github.com/BradleySH/npm-registry\">Check it out</a>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div className=\"container\">\n                <div className=\"card\">\n                    <div className=\"hero\">\n                        <div className=\"rectangle\"></div>\n                        <img src=\"images/notebook.png\" />\n                    </div>\n                    <div className=\"info\">\n                        <h2 className=\"title\">Coding Notebook</h2>\n                        <p>This App was built using TypeScript and React.  I used Redux for state management and ES Build as my transpiler.  I used ESBuild as it works in browser and builds smaller files than webpack.  Uses axios to be able to download any npm files that are needed to code in the notebook. You can uses this app to learn or create notes of code you want to text before implementing it into projects.</p>\n                        <h3 className=\"tech-stack\">Built with:</h3>\n                        <p>TypeScript, React, ESBuild, Redux, CSS</p>\n                        <button className=\"github\">\n                        <a href=\"https://github.com/BradleySH/TS-Project\">Check it out</a>\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n","import React from 'react'\nimport \"./about.scss\"\n\nexport default function About() {\n    return (\n        <div className=\"about-container\" id=\"about\">\n            <div className=\"left\">\n                <h3>My Tool Bag</h3>\n                <ul>\n                    <li>React / JavaScript / TypeScript</li>\n                    <li>CSS / Sass /HTML /HTTP / AJAX</li>\n                    <li>Node.js /Express.js/ Mongoose/ MongoDB</li>\n                    <li>NoSQL / API's/ Git</li>\n                    <li>AdobeXD / Figma / Blender</li>\n                    <li>Three.js(taking courses)</li>\n                </ul>\n            </div>\n            <div className=\"right\">\n                <h3>About Me</h3>\n                <p>Hi! Welcome to my website.   My name is Brad Horlander, and I am a Software Developer based in New York City.  I was in VSchool where I learned to build frontend and backend web development.</p>\n                <p>I have worked for Optum/UnitedHealth Group as a medical coding supervisor for the past 4 years and currently working on a Pro Bono web development job through them with Hope Solutions.  I really have a passion for being creative and learning new things and love to collaborate on ideas. </p>\n                <p>I am currently looking for a new role as a software developer. <span>Hire me?</span></p>\n            </div>\n            \n        </div>\n    )\n}\n","import React, {useState} from 'react'\nimport \"./contact.scss\"\nimport \"@material-ui/icons/\"\nimport GitHubIcon from '@material-ui/icons/GitHub';\nimport LinkedInIcon from '@material-ui/icons/LinkedIn';\nimport {createTheme, ThemeProvider} from \"@material-ui/core\"\n\nexport default function Contact() {\n\n    const theme = createTheme({\n        palette: {\n            primary:{\n                main: \"#F0D370\"\n            }\n        }\n    })\n\n    const handleSubmit= (e) => {\n        e.preventDefault()\n        setMessage(true)\n    }\n    const [message, setMessage] = useState(false)\n\n\n    return (\n        <div className=\"contact-container\" id=\"contact\">\n            <div className=\"top\">\n                <h2>Contact Me</h2>\n                <form action=\"mailto:bradley.s.horlander@gmail.com\" method=\"post\" encType=\"text/plain\">\n                    <input type=\"text\" placeholder=\"Name\" required/>\n                    <input type=\"email\" placeholder=\"E-mail\" required />\n                    <textarea placeholder=\"Message\" required></textarea>\n                    <button type=\"submit\">Send</button>\n                    {/* {message && <span>Thank you! I'll reach out soon!</span>} */}\n                </form>\n            </div>\n            {/* <div className=\"bottom\">\n                <img src=\"images/image2.svg\" />\n            </div> */}\n            <div className=\"icon-container\">\n                <div className=\"github\">\n                    <a href=\"https://github.com/BradleySH\"><GitHubIcon fontSize=\"large\" style={{ color: \"#F0D370\"}} /></a>\n                </div>\n                <div className=\"linedin\">\n                    <a href=\"https://www.linkedin.com/in/bhorlander/\" ><LinkedInIcon fontSize=\"large\" style={{ color: \"#F0D370\"}} /></a>\n                </div>\n            </div>\n        </div>\n    )\n}\n","\n\nimport React from 'react'\nimport \"./menu.scss\"\n\nexport default function Menu({open, setOpen}) {\n    return (\n        <div className={\"menu \" + (open && \"active\")}>\n            <ul>\n                <li onClick={() => setOpen(false)}>\n                    <a href=\"#main\">Home</a>\n                </li>\n                <li onClick={() => setOpen(false)}>\n                    <a href=\"#projects\">Projects</a>\n                </li>\n                <li onClick={() => setOpen(false)}>\n                    <a href=\"#about\">About</a>\n                </li>\n                <li onClick={() => setOpen(false)}>\n                    <a href=\"#contact\">Contact</a>\n                </li>\n            </ul>\n            \n        </div>\n    )\n}\n","import React, {useState} from \"react\"\nimport \"./app.scss\"\nimport Main from \"./components/Main\"\nimport Navbar from \"./components/Navbar\"\nimport Project from \"./components/Projects\"\nimport About from \"./components/About\"\nimport Contact from \"./components/Contact\"\nimport Menu from \"./components/Menu\"\n\n\nfunction App() {\n\n  const [hamburgerOpen, setHamburgerOpen] = useState(false)\n  return (\n    <div className=\"App\">\n      <Navbar open={hamburgerOpen} setOpen={setHamburgerOpen}/>\n      <Menu open={hamburgerOpen} setOpen={setHamburgerOpen}/>\n      <div className=\"sections\">\n        <Main />\n        <Project />\n        <About />\n        <Contact />\n      </div>\n    </div>\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 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":""}