{"version":3,"sources":["images/cvicon.png","documents/ZavalaKennethResume2022pdfWeb.pdf","Components/NavBar.js","images/userPhoto.jpg","Components/About.js","Components/Home.js","Components/Footer.js","images/kennethsPortfolio.png","images/adminPortal.png","images/phoneInsuranceCalc.png","Components/Portfolio.js","Components/Contact.js","Components/ScrollUpButton.js","App.js","index.js"],"names":["navLinkStyle","fontSize","hamburgerLinkStyle","width","navBarCustomCol","backgroundImage","phoneLinkStyle","transition","display","justifyContent","padding","iconStyle","marginRight","phoneIconStyle","marginLeft","NavBar","PageSize","useContext","ViewSize","location","useLocation","motion","div","initial","animate","variants","visible","opacity","hidden","ease","duration","Navbar","collapseOnSelect","expand","fluid","style","variant","Container","margin","Nav","className","whileHover","scale","Brand","href","title","Toggle","aria-controls","Collapse","id","activeKey","pathname","Link","borderColor","borderWidth","borderStyle","icon","iconColor","backgroundColor","iconSize","roundness","url","size","Pdf","src","cvicon","borderRadius","alt","height","eventKey","onClick","window","open","About","roleStyle","color","Row","borderBottom","marginTop","Col","alignContent","userPhoto","fontFamily","flexDirection","textAlign","paddingTop","paddingBottom","map","skill","Tab","defaultActiveKey","fontWeight","flexWrap","sm","Item","Content","Pane","Home","li","alignItems","options","strings","autoStart","loop","delay","deleteSpeed","pauseFor","to","Footer","Portfolio","marginBottom","kennethsPortfolio","border","adminPortal","phoneInsurance","Contact","ScrollUpButton","useState","showScroll","setShowScroll","checkScrollTop","pageYOffset","useEffect","addEventListener","removeEventListener","scrollTo","top","behavior","React","createContext","App","undefined","windowSize","setWindowSize","handleResize","innerWidth","innerHeight","useWindowSize","AnimatePresence","exitBeforeEnter","Provider","value","exact","path","component","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.e0947873.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"5f744a0fc31beae95373575b75ba8aa3.png\";","export default __webpack_public_path__ + \"static/media/ZavalaKennethResume2022pdfWeb.b272624a.pdf\";","import axios from 'axios';\r\nimport { Link, useLocation} from 'react-router-dom';\r\nimport { React, useState, useEffect, useContext} from \"react\";\r\nimport {SocialMediaIconsReact} from 'social-media-icons-react';\r\nimport { Navbar, Nav, Container, Row, Col} from 'react-bootstrap';\r\nimport cvicon from \"../images/cvicon.png\";\r\nimport Pdf from \"../documents/ZavalaKennethResume2022pdfWeb.pdf\";\r\nimport {ViewSize} from \"../App.js\";\r\nimport {motion} from \"framer-motion\";\r\nimport { FaFileExcel } from 'react-icons/fa';\r\n\r\nvar navLinkStyle ={\r\n    fontSize: '20px',\r\n}\r\nvar hamburgerLinkStyle ={\r\n    width: '15%'\r\n}\r\nvar navBarCustomCol = {\r\n    backgroundImage: \"linear-gradient(to right,#000000, #202020)\"\r\n}\r\nvar linkStyle ={\r\n    display: 'flex',\r\n    padding: '5px',\r\n    justifyContent: 'center'\r\n}\r\nvar phoneLinkStyle={  \r\n    transition: '0.2s all ease-out',\r\n    display: 'flex',\r\n    fontSize: '18px',\r\n    justifyContent: 'center',\r\n    padding: '10px',\r\n}\r\nvar iconStyle ={\r\n    marginRight: \"0px\"\r\n}\r\nvar phoneIconStyle={\r\n    marginLeft: \"1rem\",\r\n    marginRight: \"1rem\",\r\n    padding: \"5px\",\r\n    justifyContent: 'center',\r\n    display: 'flex'\r\n}\r\nvar logoStyle = {\r\n    height: '55px',\r\n    width: '70px'\r\n}\r\nvar phoneLogoStyle = {\r\n    height: '30px',\r\n    width: '45px'\r\n}\r\n\r\n\r\n\r\nfunction NavBar() {\r\n       const PageSize = useContext(ViewSize);\r\n       const location = useLocation();\r\n         const variants = {\r\n            visible: {opacity:1},\r\n            hidden:{opacity: 0},\r\n        }\r\n\r\nfunction onEmailClick(){\r\nwindow.open('mailto:kennethz180@yahoo.com');\r\n}\r\n\r\nvar tagString = \"<Kenneth's World>\";\r\n\r\n\treturn (\r\n        <motion.div \r\ninitial=\"hidden\" \r\nanimate=\"visible\"\r\nvariants={variants}\r\ntransition={{ease: \"easeInOut\", duration: 1}}\r\n>\r\n        <div>\r\n            <Navbar collapseOnSelect expand=\"lg\" fluid style={navBarCustomCol} variant=\"dark\">\r\n            <Container style = {{margin: \"0\", padding: \"0\"}} fluid>\r\n\r\n                <Nav className='ms-auto'>\r\n                <motion.div whileHover={{scale: 1.1}}>\r\n                    <Navbar.Brand href=\"/\" title =\"Home\"><p style ={{fontSize: PageSize.width >350 ? \"20px\" : \"15px\"}}className =\"tagStyling\">{tagString}</p></Navbar.Brand>\r\n                </motion.div>   \r\n                </Nav>\r\n\r\n            <Navbar.Toggle aria-controls=\"responsive-navbar-nav\" />\r\n            <Navbar.Collapse id=\"responsive-navbar-nav\">   \r\n\r\n                <Nav className=\"m-auto\" style = {PageSize.width >= 991 ?  navLinkStyle : hamburgerLinkStyle} activeKey ={location.pathname}>                  \r\n                    <Nav.Link href=\"/About\" className= {PageSize.width >=991 ? navLinkStyle : phoneLinkStyle} style = {{marginRight: PageSize.width >= 991 ? \"6rem\" : \"0\"}}>About</Nav.Link>\r\n                    <Nav.Link href=\"/Portfolio\" className= {PageSize.width >=991 ? navLinkStyle : phoneLinkStyle} style = {{marginRight: PageSize.width >= 991 ? \"6rem\" : \"0\"}}>Portfolio</Nav.Link>\r\n                    <Nav.Link href=\"/Contact\" className= {PageSize.width >=991 ? navLinkStyle : phoneLinkStyle}>Contact</Nav.Link>                  \r\n                </Nav>\r\n                \r\n                <Nav className={PageSize.width >= 991 ? \"m1-auto\" : \"flex-row justify-content-center\"}>     \r\n                    <motion.div whileHover={{scale: 1.1}}><Nav.Link href=\"https://www.linkedin.com/in/kennethzavala/\" style={PageSize.width >= 991 ? iconStyle : phoneIconStyle} title=\"LinkedIn\"><SocialMediaIconsReact  borderColor=\"#FFFFFF\" borderWidth=\"3\" borderStyle=\"solid\" icon=\"linkedin\" iconColor=\"#000000\" backgroundColor=\"#FFFFFF\" iconSize=\"3\" roundness=\"50%\" url=\"https://www.linkedin.com/in/kennethzavala/\" size={PageSize.width >= 991 ? \"50\": \"30\"} /></Nav.Link></motion.div>\r\n                    <motion.div whileHover={{scale: 1.1}}><Nav.Link href =\"https://github.com/vivazavala\" style= {PageSize.width >= 991 ? iconStyle : phoneIconStyle} title=\"github\"><SocialMediaIconsReact borderColor=\"#000000\" borderWidth=\"0\" borderStyle=\"solid\" icon=\"github\" iconColor=\"#000000\" backgroundColor=\"#FFFFFF\" iconSize=\"8\" roundness=\"50%\" url=\"https://github.com/vivazavala\" size={PageSize.width >= 991 ? \"50\": \"30\"} /></Nav.Link></motion.div>\r\n                    <motion.div whileHover={{scale: 1.1}}><Nav.Link href={Pdf} style={PageSize.width >= 991 ? iconStyle : phoneIconStyle} title=\"View Resume\">\r\n                    <img src={cvicon} style={{borderRadius: \"50%\"}} alt=\"Resume\" width={PageSize.width >= 991 ? \"50\": \"30\"} height ={PageSize.width >= 991 ? \"50\": \"30\"} size=\"50\"/>\r\n                   </Nav.Link></motion.div>\r\n                   <motion.div whileHover={{scale: 1.1}}><Nav.Link eventKey={2} href =\"/Contact\" onClick ={onEmailClick} style= {PageSize.width >= 991 ? iconStyle : phoneIconStyle} title=\"Email Me\"><SocialMediaIconsReact borderColor=\"#000000\" borderWidth=\"0\" borderStyle=\"solid\" icon=\"mail\" iconColor=\"#000000\" backgroundColor=\"#FFFFFF\" iconSize=\"6\" roundness=\"50%\" size={PageSize.width >= 991 ? \"50\": \"30\"} /></Nav.Link></motion.div>\r\n                </Nav>\r\n\r\n                </Navbar.Collapse>\r\n            </Container>\r\n            </Navbar>\r\n\t\t</div>\r\n        </motion.div>\r\n\t\t);\r\n}\r\n\r\nexport default NavBar\r\n","export default __webpack_public_path__ + \"fbf25186f14fec9e0e19f076dce39bbd.jpg\";","import { React, useState, useEffect, useContext} from \"react\";\r\nimport { Link } from 'react-router-dom';\r\nimport { Row, Col, Container, Tab, Nav} from 'react-bootstrap';\r\nimport {ViewSize} from \"../App.js\";\r\nimport {motion} from \"framer-motion\";\r\nimport userPhoto from \"../images/userPhoto.jpg\";\r\n\r\nfunction About() {\r\n    \r\n    const PageSize = useContext(ViewSize);\r\n\r\n    const variants = {\r\n        visible: {opacity:1},\r\n        hidden:{opacity: 0},\r\n    }\r\n    const skills =[\"Java\", \"React\", \"JavaScript\", \"HTML\", \"CSS\", \"Node.js\", \"Postgres\"\r\n    , \"MongoDB\", \"SQL\", \"AWS\", \"Full Stack Development\", \"Object Oriented Programming\",\r\n    \"Git\", \"GitHub\", \"Jenkins Pipelines\"\r\n];\r\n\r\nconst introRowStyle={\r\n    backgroundColor: \"transparent\", \r\n    borderBottom: \"solid 2px #0DF1BA\", \r\n    marginTop: \"1rem\",\r\n    display: \"flex\",\r\n}\r\nconst skillsRowStyle={\r\n    backgroundColor: \"transparent\", \r\n    justifyContent: \"center\",\r\n     display:\"flex\",\r\n      flexDirection: \"column\", \r\n      textAlign:\"center\",\r\n       paddingTop:\"2rem\",\r\n        paddingBottom:\"2rem\",\r\n        borderBottom: \"solid 2px #0DF1BA\", \r\n}\r\nconst careerRowStyle ={\r\n    backgroundColor: \"transparent\", \r\n     display:\"flex\",\r\n      flexDirection: \"column\", \r\n      textAlign:\"center\",\r\n       paddingTop:\"2rem\",\r\n        paddingBottom:\"2rem\"\r\n}\r\nconst tabStyling={\r\n      fontSize: \"17px\",\r\n      fontWeight: \"800\",\r\n      display: \"flex\",\r\n      flexDirection: \"column\",\r\n      flexWrap: \"wrap\",\r\n      justifyContent: \"space-evenly\"\r\n}\r\nconst roleStyle={\r\n    color: \"white\",\r\n    padding: \"5px\",\r\n    margin: \"10px\"\r\n}\r\n\r\n    return(\r\n<Container fluid>\r\n<Row style ={introRowStyle}>\r\n    <Col style ={{padding: \"0px\", justifyContent: \"center\", alignContent: \"center\"}}>\r\n    <motion.div className=\"intro\"\r\n    initial=\"hidden\" \r\n    animate=\"visible\"\r\n    variants={variants}\r\n    transition={{ease: \"easeInOut\", duration: 1.5}}>  \r\n\r\n    <img src={userPhoto} className = \"userPh\" style={{width: PageSize.width > 605 ? \"fit-content\" : PageSize.width -15,\r\nheight: PageSize.width > 600 ? \"550px\" : PageSize.width -25}}/>\r\n    </motion.div>\r\n    </Col>\r\n    <Col style ={{padding: \"0px\", display:\"flex\", justifyContent: \"center\"}}>\r\n    <motion.div className=\"aboutMe\"\r\n    initial=\"hidden\" \r\n    animate=\"visible\"\r\n    variants={variants}\r\n    transition={{ease: \"easeInOut\", duration: 1.5}}\r\n    >\r\n        <h1 style ={{fontFamily: \"'Monoton', cursive\", fontSize: PageSize.width >= 500 ? \"5rem\":\"2rem\", color: \"#0DF1BA\"}}>About</h1>\r\n        <b style ={{marginTop:\"1rem\"}}>I am a Software Engineer based out of Houston, TX.</b>\r\n        <p style ={{marginTop:\"2rem\", fontSize: PageSize.width >450 ? \"17px\": \"12px\"}}>I graduated from the University of Houston in 2020 with a Bachelor's Degree in Computer Science and have since began a development role in Houston.\r\nI love to spend my spare time developing full stack applications and traveling! Software Development has given me the creative freedom I've \r\nalways searched for while keeping me consistenly learning which is something I love to do. Lets connect!</p>\r\n\r\n    </motion.div>\r\n           \r\n    </Col>       \r\n</Row> \r\n<Row style={skillsRowStyle}>\r\n    <h1 style ={{fontFamily: \"'Monoton', cursive\", fontSize: PageSize.width >= 500 ? \"5rem\":\"2rem\", color: \"#0DF1BA\", margin: \"1rem\"}}>Skills</h1>\r\n           <div style ={{display:\"flex\", justifyContent: \"center\"}}>\r\n            <motion.div className=\"skillsContainer\">\r\n              {skills.map((skill) => <motion.div whileHover ={{scale: 1.1}} className =\"skill\" key ={skill}>{skill}</motion.div>\r\n              )}\r\n            </motion.div></div>\r\n</Row>\r\n<Row style ={careerRowStyle}>\r\n<h1 style ={{fontFamily: \"'Monoton', cursive\", fontSize: PageSize.width >= 500 ? \"5rem\":\"2rem\", color: \"#0DF1BA\", margin: \"1rem\"}}>Career</h1>\r\n<div style ={{display: \"flex\", justifyContent:\"center\"}}>\r\n<motion.div className =\"careerBox\">\r\n<h7 className=\"careerBoxHeader\">Where Kenneth Has Worked ?</h7>\r\n<Tab.Container  defaultActiveKey=\"first\">\r\n  <Row style={{width: \"100%\", height: \"fit-content\"}}>\r\n    <Col style ={tabStyling}sm={3}>\r\n    <Nav variant=\"pills\">\r\n        <Nav.Item>\r\n            <Nav.Link style={roleStyle} eventKey=\"first\"><b style={{color: \"#0DF1BA\"}}>1.</b>&nbsp;&nbsp; AIG</Nav.Link>\r\n        </Nav.Item>\r\n    </Nav>\r\n    <Nav variant=\"pills\">\r\n        <Nav.Item>\r\n            <Nav.Link style={roleStyle}eventKey=\"second\"><b style={{color: \"#0DF1BA\"}}>2.</b>&nbsp;&nbsp; AIG</Nav.Link>\r\n        </Nav.Item>\r\n    </Nav>\r\n    <Nav variant=\"pills\">\r\n        <Nav.Item>\r\n            <Nav.Link style={roleStyle}eventKey=\"third\"><b style={{color: \"#0DF1BA\"}}>3.</b>&nbsp;&nbsp;H-E-B</Nav.Link>\r\n        </Nav.Item>\r\n    </Nav>\r\n    </Col>\r\n    <Col className =\"roleDesc\"sm={9}>\r\n      <Tab.Content>\r\n        <Tab.Pane eventKey=\"first\">\r\n            <div className=\"roleDiv\">\r\n                <h4>Infrastructure Software Developer <b style={{color: \"#0DF1BA\"}}>@ AIG</b></h4>\r\n                <p>April 2022 - Present</p>\r\n                <ul>\r\n                    <li>Developing, Designing, and implementation of company applications</li>   \r\n                    <li>Software Development using React, Node.js, Postgres, Express, and Java</li>   \r\n                    <li>CI/CD pipelines using Jenkins</li>   \r\n                    <li>Server reporting and maintenance</li>   \r\n                </ul> \r\n            </div>\r\n        </Tab.Pane>\r\n        <Tab.Pane eventKey=\"second\">\r\n        <div className=\"roleDiv\">\r\n                <h4>DevOps Engineer <b style={{color: \"#0DF1BA\"}}>@ AIG</b></h4>\r\n                <p>July 2021 - April 2022</p>\r\n                <ul>\r\n                    <li>Worked with Senior DevOps Engineers to develop CI/CD pipelines using Jenkins</li>   \r\n                    <li>Build infrastructure using AWS and Terraform</li>   \r\n                    <li>Scrum meetings to ensure project success and resolve project blockers</li>   \r\n                    <li>Used GitHub repositories to automate pipeline responsibilities</li>   \r\n                </ul> \r\n            </div>\r\n        </Tab.Pane>\r\n        <Tab.Pane eventKey=\"third\">\r\n        <div className=\"roleDiv\">\r\n                <h4>Digital and Information Solutions Intern <b style={{color: \"#0DF1BA\"}}>@ H-E-B</b></h4>\r\n                <p>June 2020 - August 2020</p>\r\n                <ul>\r\n                    <li>Collaborated with a team of System Engineers to mitigate and ensure successful acquisitions for H-E-B</li>   \r\n                    <li>Daily standup meetings to touch base with managers</li>   \r\n                    <li>Worked with the H-E-B design team to find an alternative solution to demoing in store changes using VR technology</li>   \r\n                </ul> \r\n            </div>\r\n        </Tab.Pane>\r\n      </Tab.Content>\r\n        </Col>\r\n        </Row>\r\n    </Tab.Container>\r\n    </motion.div>\r\n    </div>\r\n</Row>\r\n</Container>\r\n    );\r\n}\r\n\r\nexport default About","import {React, useContext} from 'react';\r\nimport {Row, Container, Col} from \"react-bootstrap\";\r\nimport {motion, useSpring} from \"framer-motion\";\r\nimport './Home.css';\r\nimport TypeWriter from 'typewriter-effect';\r\nimport {ViewSize} from \"../App.js\";\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\n\r\n\r\nfunction Home() {\r\n  const PageSize = useContext(ViewSize);\r\n  const variants = {\r\n    visible: {opacity:1},\r\n    hidden:{opacity: 0},\r\n}\r\n  return (\r\n    \r\n    <motion.div fluid \r\n    initial=\"hidden\" \r\n    animate=\"visible\"\r\n    variants={variants}\r\n    transition={{ease: \"easeInOut\", duration: 2}}\r\n    >\r\n    <Container style={{padding: \"0px\", margin: \"0px\"}} fluid>\r\n      <ul style ={{padding: \"10px\", paddingBottom: \"0px\"}}>\r\n      <motion.li className={PageSize.width >= 500 ? \"li\" : \"phoneli\"}>\r\n      <motion.div style ={{textAlign: \"center\", alignItems:\"center\", fontWeight: \"500\"}}whileHover={{scale: 1.1}}>Hi, I'm <b style ={{color: \"#0DF1BA\", fontFamily: \"'Montserrat', sans-serif\"}}>Kenneth.</b> </motion.div> \r\n      </motion.li>\r\n      <motion.li className =\"typeWriterText\" whileHover={{color:'#0DF1BA'}}>\r\n         <TypeWriter options={{\r\n          strings: ['Software Engineer', 'Full-Stack Engineer'],\r\n          autoStart: true,\r\n          loop: true,\r\n          delay: 65, deleteSpeed: 60, pauseFor: 1000\r\n           }} />\r\n      </motion.li>\r\n      <div style ={{textAlign: \"center\"}}>\r\n        <Link to=\"/Contact\" className= \"button\">Contact Me!</Link>\r\n        <Link to=\"/Portfolio\" className= \"button\">View My Work!</Link>\r\n      </div>\r\n      </ul>\r\n    </Container>\r\n    </motion.div>\r\n  );\r\n}\r\n\r\nexport default Home","import {React, useContext} from 'react'\r\nimport {Navbar, Container, Nav} from 'react-bootstrap'\r\nimport {ViewSize} from '../App.js'\r\n\r\nfunction Footer() {\r\n\r\n    var closeString = \"</Kenneth's World>\";\r\n\r\n  return (\r\n    <div className='footerCustom'>\r\n        <div className='footerCustomDiv1'>\r\n        <p className='footerCustomP'>&#169; 2022 Kenneth Zavala</p>\r\n        </div>\r\n        <div className=\"footerCustomDiv2\">\r\n        <h4><p style={{margin: \"0\"}}>{closeString}</p></h4>\r\n        </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Footer","export default __webpack_public_path__ + \"d87151d1cf1a51fb98df55fc5c6bfe4f.png\";","export default __webpack_public_path__ + \"130bf87f7812c1734bdf3f7963d52e4f.png\";","export default __webpack_public_path__ + \"7a12c5ee84f73ca28f6a3eebdc84198c.png\";","import {React, useContext} from 'react';\r\nimport {motion} from 'framer-motion';\r\nimport kennethsPortfolio from '../images/kennethsPortfolio.png';\r\nimport adminPortal from '../images/adminPortal.png';\r\nimport phoneInsurance from '../images/phoneInsuranceCalc.png';\r\nimport {ViewSize} from \"../App.js\";\r\nimport {Link} from 'react-router-dom';\r\nfunction Portfolio() {\r\n  \r\n  const variants = {\r\n    visible: {opacity:1},\r\n    hidden:{opacity: 0},\r\n}\r\n  const PageSize = useContext(ViewSize);\r\n  \r\n  return (\r\n    <motion.div style ={{display: \"flex\", justifyContent:\"center\", width: \"100%\", margin: \"0\", padding: \"0\", flexDirection: \"column\", textAlign: \"center\"}}\r\n    initial=\"hidden\" \r\n    animate=\"visible\"\r\n    variants={variants}\r\n    transition={{ease: \"easeInOut\", duration: 1.5}}\r\n    >\r\n      <h1 style ={{fontFamily: \"'Monoton', cursive\", fontSize: PageSize.width >= 500 ? \"4rem\":\"2rem\", color: \"#0DF1BA\", marginTop: PageSize.width >450 ? \"4rem\": \"2rem\"}}>Welcome to my portfolio!</h1>\r\n      <p style ={{color: \"white\", fontWeight: \"800\", marginBottom: \".5rem\" }}>This section is continously being updated. Please be on the lookout for more.</p>\r\n      <p style ={{color: \"white\", fontWeight: \"500\"}}>Click any card to view the source code or hosted site!</p>\r\n      <div className='cardBox'>\r\n          <a href =\"https://github.com/vivazavala/KennethPortfolio\">\r\n          <div className='card'>\r\n              <img src={kennethsPortfolio} style ={{width: \"16rem\", height: '10rem', border: \"#0DF1BA solid 2px\"}} />\r\n              <b className='cardHeader' style ={{marginTop: \"1rem\"}}>Kenneth's Portfolio Website</b>\r\n              <p className='cardHeader' style={{marginBottom: \".5rem\", fontWeight: \"500\"}}>Side Project</p>\r\n          </div>\r\n        </a>\r\n        <a href='https://github.com/vivazavala/ReactNodeJSproject'>\r\n          <div className='card'>\r\n              <img src={adminPortal} style ={{width: \"16rem\", height: '10rem', border: \"#0DF1BA solid 2px\"}} />\r\n              <b className='cardHeader' style ={{marginTop: \"1rem\"}}>Admin Portal</b>\r\n              <p className='cardHeader' style={{marginBottom: \".5rem\", fontWeight: \"500\"}}>Side Project</p>\r\n          </div>\r\n        </a>\r\n        <a href='https://github.com/vivazavala/InsuranceApp'>\r\n          <div className='card'>\r\n              <img src={phoneInsurance} style ={{width: \"16rem\", height: '10rem', border: \"#0DF1BA solid 2px\"}} />\r\n              <b className='cardHeader' style ={{marginTop: \"1rem\"}}>Phone Insurance Calculator</b>\r\n              <p className='cardHeader' style={{marginBottom: \".5rem\", fontWeight: \"500\"}}>Side Project</p>\r\n          </div>\r\n        </a>\r\n    </div>\r\n    </motion.div>\r\n  )\r\n}\r\n\r\nexport default Portfolio","import {React, useContext} from 'react';\r\nimport {Form} from 'react-bootstrap';\r\nimport {motion} from 'framer-motion';\r\nimport {ViewSize} from \"../App.js\";\r\nimport {Link} from 'react-router-dom';\r\nimport {FaGithub, FaLinkedin, FaInstagram} from 'react-icons/fa'\r\n\r\nfunction Contact() {\r\n\r\n  const variants = {\r\n    visible: {opacity:1},\r\n    hidden:{opacity: 0},\r\n}\r\n  const PageSize = useContext(ViewSize);\r\n  \r\n  function onEmailClick(){\r\n    window.open('mailto:kennethz180@yahoo.com');\r\n    }\r\n\r\n  return (\r\n    <motion.div style ={{display: \"flex\", justifyContent:\"center\", width: \"100%\", margin: \"0\", padding: \"0\"}}\r\n    initial=\"hidden\" \r\n    animate=\"visible\"\r\n    variants={variants}\r\n    transition={{ease: \"easeInOut\", duration: 1.5}}\r\n    >\r\n    <motion.div className='connectDiv'>\r\n        <h1 style ={{fontFamily: \"'Monoton', cursive\", fontWeight: \"800\",fontSize: PageSize.width >= 400 ? \"3rem\":\"2rem\",color: \"#0DF1BA\"}}>Let's Connect?</h1>\r\n        <p className='textDiv'>Thank you for visiting my webpage! What's the next step? I am always open to a conversation. \r\n        Please shoot me an email to continue our journey :)\r\n        </p>\r\n        <div>\r\n        <Link className=\"button\" style ={{margin: PageSize.width >400 ? \"2rem 1rem\" :\"1rem .5rem\", padding: PageSize.width > 400? \"15px 10px\":\"10px 5px\", fontSize:\"20px\"}}onClick={onEmailClick}>Connect</Link>\r\n        </div>\r\n        <div style={{marginTop: PageSize.width >390 ? \"3rem\": \"0rem\"}}>\r\n         <a href = 'https://github.com/vivazavala'><FaGithub className =\"connectIcons\" size={\"3rem\"} /></a>\r\n          <a href ='https://www.linkedin.com/in/kennethzavala/'><FaLinkedin className=\"connectIcons\"size={\"3rem\"}/></a>\r\n          <a href ='https://www.instagram.com/kenneth.zavala/' ><FaInstagram className=\"connectIcons\" size={\"3rem\"}/></a>\r\n        </div>\r\n</motion.div>\r\n</motion.div>\r\n  )\r\n}\r\n\r\nexport default Contact","import {React, useState, useEffect} from 'react'\r\nimport {FaArrowCircleUp} from 'react-icons/fa';\r\n\r\n\r\nfunction ScrollUpButton() {\r\n    const [showScroll, setShowScroll] = useState(false)\r\n  \r\n  \r\n    const checkScrollTop = () => {    \r\n      if (!showScroll && window.pageYOffset > 300){\r\n        setShowScroll(true)    \r\n      } else if (showScroll && window.pageYOffset <= 300){\r\n        setShowScroll(false)    \r\n      }   \r\n    };\r\n    \r\n    const scrollToTop = () => {\r\n      window.scrollTo({\r\n        top: 0,\r\n        behavior: 'smooth' // for smoothly scrolling\r\n      });\r\n    };\r\n\r\n      useEffect( () =>{\r\n      window.addEventListener('scroll', checkScrollTop)\r\n  \r\n    return () => window.removeEventListener(\"scroll\", checkScrollTop);\r\n    },);\r\n\r\n  return (\r\n    <FaArrowCircleUp size =\"xl\" className=\"scrollArrow\" style={{height: 40, display: showScroll ? 'flex' : 'none'}} onClick={scrollToTop}/>\r\n  );\r\n}\r\n\r\nexport default ScrollUpButton","import React from 'react';\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport { BrowserRouter as Router, Route, Switch, useLocation} from \"react-router-dom\"\nimport NavBar from \"./Components/NavBar\";\nimport About from \"./Components/About\";\nimport Home from \"./Components/Home\";\nimport Footer from \"./Components/Footer\";\nimport Portfolio from \"./Components/Portfolio\";\nimport Contact from \"./Components/Contact\";\nimport ScrollUpButton from './Components/ScrollUpButton';\nimport { useState, useEffect, useContext} from \"react\";\nimport Axios from 'axios';\nimport {Container} from 'react-bootstrap'; \nimport {AnimatePresence, motion} from \"framer-motion\";\nimport \"./Components/Home.css\"\nimport \"./App.css\";\n\n\nexport const ViewSize = React.createContext();\n\nfunction App() {\n  const size = useWindowSize();\n  const location = useLocation();\n \n  \n  var closeString = \"</Kenneth's World>\";\n  var closeTag ={\n      justifyContent: \"end\", \n      marginTop: \"3rem\",\n      marginBottom: \"0\",\n      position: \"absolute\",\n      bottom: \"10px\",\n      right: \"10px\"\n  }\n  var smallCloseTag ={\n    justifyContent: \"end\",\n    marginTop: \"3rem\",\n    marginBottom: \"0\",  \n  \n  }\n\n  return (\n    <AnimatePresence exitBeforeEnter>\n    <ViewSize.Provider value={size}>\n        \n          <div className=\"backgroundImg\">\n              <NavBar/>         \n              <Switch location={location} key={location.pathname}>  \n              <Route exact path=\"/\"component={Home}/>      \n              <Route path=\"/About\" component={About}/>\n              <Route path=\"/Portfolio\" component={Portfolio}/>   \n              <Route path=\"/Contact\" component={Contact}/>   \n              </Switch>\n            <ScrollUpButton/>\n            <Footer/>\n            {/* <p style ={size.height > 600 ? closeTag : smallCloseTag}className='tagStyling'>{closeString}</p> */}\n          </div> \n    \n    </ViewSize.Provider>\n    </AnimatePresence>\n);\n}\n\n///function for dynamic width /height\nfunction useWindowSize() {\n  // Initialize state with undefined width/height\n  const [windowSize, setWindowSize] = useState({\n    width: undefined,\n    height: undefined,\n  });\n  useEffect(() => {\n    \n    function handleResize() {\n      //Set window width/height\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    }\n    window.addEventListener(\"resize\", handleResize);\n    handleResize();\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n  return windowSize;\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport {BrowserRouter as Router} from 'react-router-dom';\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <Router>\n    <App/>\n    </Router>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n"],"sourceRoot":""}