-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path.eslintcache
1 lines (1 loc) · 32.7 KB
/
.eslintcache
1
[{"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\index.js":"1","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\App.js":"2","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\reportWebVitals.js":"3","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\pages\\LandingPage.js":"4","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\ProjectDetail.js":"5","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Footer\\index.js":"6","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\index.js":"7","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Hero\\HeroElements.js":"8","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\ProjectDetailElements.js":"9","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Navbar\\Navbar.js":"10","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\data\\projects_data.js":"11","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Hero\\index.js":"12","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Footer\\FooterElements.js":"13","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Contact\\index.js":"14","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Information\\index.js":"15","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\ProjectsElements.js":"16","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Information\\InformationComponents.js":"17","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Navbar\\NavbarElements.js":"18","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Contact\\ContactElements.js":"19"},{"size":500,"mtime":499162500000,"results":"20","hashOfConfig":"21"},{"size":621,"mtime":1646983250559,"results":"22","hashOfConfig":"21"},{"size":362,"mtime":499162500000,"results":"23","hashOfConfig":"21"},{"size":2226,"mtime":1648276188675,"results":"24","hashOfConfig":"21"},{"size":2093,"mtime":1643212634741,"results":"25","hashOfConfig":"21"},{"size":1412,"mtime":1617042902904,"results":"26","hashOfConfig":"21"},{"size":2912,"mtime":1643138409533,"results":"27","hashOfConfig":"21"},{"size":3095,"mtime":1648442232145,"results":"28","hashOfConfig":"21"},{"size":2971,"mtime":1643214758311,"results":"29","hashOfConfig":"21"},{"size":2651,"mtime":1648441770648,"results":"30","hashOfConfig":"21"},{"size":6699,"mtime":1643915676250,"results":"31","hashOfConfig":"21"},{"size":1426,"mtime":1647389902063,"results":"32","hashOfConfig":"21"},{"size":1246,"mtime":1642115353761,"results":"33","hashOfConfig":"21"},{"size":1003,"mtime":1636490115506,"results":"34","hashOfConfig":"21"},{"size":3965,"mtime":1643127996537,"results":"35","hashOfConfig":"21"},{"size":4787,"mtime":1646725071085,"results":"36","hashOfConfig":"21"},{"size":3227,"mtime":1647390289764,"results":"37","hashOfConfig":"21"},{"size":2973,"mtime":1648442539301,"results":"38","hashOfConfig":"21"},{"size":1291,"mtime":1642115739328,"results":"39","hashOfConfig":"21"},{"filePath":"40","messages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},"1hyu01z",{"filePath":"43","messages":"44","errorCount":0,"fatalErrorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"45","usedDeprecatedRules":"42"},{"filePath":"46","messages":"47","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"48","messages":"49","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"50","messages":"51","errorCount":0,"fatalErrorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"52","usedDeprecatedRules":"42"},{"filePath":"53","messages":"54","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"55","usedDeprecatedRules":"42"},{"filePath":"56","messages":"57","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"58","usedDeprecatedRules":"42"},{"filePath":"59","messages":"60","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"61","messages":"62","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"63","messages":"64","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"65","messages":"66","errorCount":0,"fatalErrorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"67","usedDeprecatedRules":"42"},{"filePath":"68","messages":"69","errorCount":0,"fatalErrorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":"70","usedDeprecatedRules":"42"},{"filePath":"71","messages":"72","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"73","messages":"74","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"75","messages":"76","errorCount":0,"fatalErrorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"77","usedDeprecatedRules":"42"},{"filePath":"78","messages":"79","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"80","messages":"81","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"82","messages":"83","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"84","messages":"85","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\index.js",[],["86","87"],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\App.js",["88","89"],"import React from \"react\";\nimport LandingPage from \"./pages/LandingPage\";\nimport Footer from \"./components/Footer\";\nimport ProjectDetail from './components/Projects/ProjectDetail'\nimport {\n BrowserRouter as Router,\n Route,\n Redirect,\n Switch,\n} from \"react-router-dom\";\n\n\nfunction App() {\n return (\n\n // v1.0\n <>\n <Router>\n {/* <Navbar /> */}\n <Switch>\n <Route exact path=\"/\">\n <LandingPage />\n </Route>\n <Route exact path=\"/projects/:id\">\n <ProjectDetail />\n </Route>\n </Switch>\n </Router>\n \n </>\n );\n}\n\nexport default App;\n","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\reportWebVitals.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\pages\\LandingPage.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\ProjectDetail.js",["90","91"],"import React , {useEffect, useState} from 'react'\r\nimport {useParams, useHistory} from 'react-router-dom'\r\nimport {projects} from '../../data/projects_data'\r\nimport {PDBack, PDContainer, PDImage, PDTitle, PDSubtitle, PDHeadings, PDLinks, PDDesc, PDTech, PDIaMap} from './ProjectDetailElements'\r\n\r\n\r\nconst ProjectDetail = () => {\r\n const [page , setPage] = useState({})\r\n const {id} = useParams()\r\n\r\n const data = projects.filter(e => e.id === id)\r\n \r\n useEffect(()=>{\r\n window.scrollTo(0, 0)\r\n },[])\r\n \r\n let history = useHistory()\r\n\r\n return (\r\n <PDContainer>\r\n \r\n <PDBack onClick={()=>history.goBack()}>x</PDBack>\r\n <PDTitle>\r\n {data[0].title}\r\n </PDTitle>\r\n <PDImage src={data[0].images} />\r\n <PDSubtitle>\r\n {data[0].headline}\r\n </PDSubtitle>\r\n\r\n \r\n <a href={data[0].github}>\r\n <PDLinks>\r\n SOURCE CODE\r\n </PDLinks>\r\n </a>\r\n\r\n <a href={data[0].deployed_url}>\r\n <PDLinks>\r\n LAUNCH\r\n </PDLinks>\r\n </a>\r\n \r\n <PDHeadings>\r\n ABOUT THE PROJECT\r\n </PDHeadings>\r\n <PDDesc>\r\n {data[0].desc}\r\n </PDDesc>\r\n\r\n <PDHeadings>\r\n BUILT WITH\r\n </PDHeadings>\r\n <PDTech>\r\n {data[0].tech.join(', ')}\r\n </PDTech>\r\n\r\n <PDIaMap src={data[0].ia_map} />\r\n\r\n \r\n {data[0].user_task ? (\r\n \r\n data[0].user_task.map((e, i) => (\r\n <PDIaMap key={e.id} src={e.img} />\r\n ) )\r\n \r\n ) : (\r\n <>\r\n </>\r\n )}\r\n \r\n\r\n {/* <PDHeadings>\r\n SYSTEM DESIGN\r\n </PDHeadings> */}\r\n\r\n\r\n\r\n\r\n\r\n <PDBack onClick={()=>history.goBack()}>x</PDBack>\r\n </PDContainer>\r\n )\r\n}\r\n\r\nexport default ProjectDetail\r\n","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Footer\\index.js",["92"],"import React from \"react\";\r\nimport github from \"../../assets/icons/github.svg\";\r\nimport {\r\n FaGithub,\r\n FaLinkedin,\r\n FaInstagram,\r\n FaRegEnvelope,\r\n} from \"react-icons/fa\";\r\nimport {\r\n FooterContainer,\r\n FooterInfo,\r\n FooterIcons,\r\n FooterIcon,\r\n} from \"./FooterElements\";\r\n\r\nconst index = () => {\r\n const handleEmailMe = () => {\r\n window.open(\"mailto:w.benarto@gmail.com\");\r\n };\r\n return (\r\n <FooterContainer>\r\n <FooterInfo>\r\n GET IN TOUCH <br /> w.benarto@gmail.com{\" \"}\r\n </FooterInfo>\r\n <FooterInfo>\r\n BASED IN <br /> San Francisco, CA\r\n </FooterInfo>\r\n <FooterIcons>\r\n <FooterIcon\r\n href=\"https://www.linkedin.com/in/william-benarto/\"\r\n target=\"_blank\"\r\n aria-label=\"Linked In\"\r\n >\r\n <FaLinkedin />\r\n </FooterIcon>\r\n <FooterIcon\r\n href=\"https://github.com/wbenarto\"\r\n target=\"_blank\"\r\n aria-label=\"Github\"\r\n >\r\n <FaGithub />\r\n </FooterIcon>\r\n <FooterIcon\r\n href=\"https://www.instagram.com/webeclinkz/\"\r\n target=\"_blank\"\r\n aria-label=\"Instagram\"\r\n >\r\n <FaInstagram />\r\n </FooterIcon>\r\n\r\n <FooterIcon onClick={handleEmailMe}>\r\n <FaRegEnvelope></FaRegEnvelope>\r\n </FooterIcon>\r\n </FooterIcons>\r\n </FooterContainer>\r\n );\r\n};\r\n\r\nexport default index;\r\n","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\index.js",["93","94","95","96"],"import React, { useRef, useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n ProjectContainer,\r\n ProjectsContainer,\r\n ProjectsImage,\r\n ProjectsInfo,\r\n ProjectsTitle,\r\n ProjectsHeadline,\r\n ProjectsDetail,\r\n ProjectsButton,\r\n ProjectsTechs,\r\n ProjectTech,\r\n ProjectSite,\r\n} from \"./ProjectsElements\";\r\nimport { InfoDetail, InfoHeading } from \"../Information/InformationComponents\";\r\nimport { FaEye, FaGasPump } from \"react-icons/fa\";\r\nimport { projects } from \"../../data/projects_data\";\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\nconst Projects = (props) => {\r\n let t1 = gsap.timeline();\r\n const infoRef = useRef();\r\n const imgRef = useRef();\r\n const revealRefs = useRef([]);\r\n revealRefs.current = [];\r\n\r\n useEffect(() => {\r\n console.log(\"useEffect here gsap\");\r\n\r\n revealRefs.current.forEach((e, i) => {\r\n gsap.from(e, {\r\n duration: 1,\r\n opacity: 0,\r\n y: 60,\r\n\r\n ease: \"ease-in\",\r\n\r\n scrollTrigger: {\r\n id: `section-${i + 1}`,\r\n trigger: e,\r\n start: \"top 60%\",\r\n end: \"bottom 40% \",\r\n toggleActions: \"play none none reverse\",\r\n // markers: true,\r\n },\r\n });\r\n\r\n });\r\n\r\n }, []);\r\n\r\n const addToRefs = (e) => {\r\n console.log(e);\r\n if (e !== null && e && !revealRefs.current.includes(e)) {\r\n console.log(\"PUSHING\" + e);\r\n revealRefs.current.push(e);\r\n }\r\n console.log(revealRefs.current);\r\n };\r\n\r\n return (\r\n <ProjectsContainer className=\"content\" id=\"work\">\r\n <InfoHeading ref={imgRef}>02. Work</InfoHeading>\r\n <InfoDetail>Here is some of the Projects I have done so far!</InfoDetail>\r\n\r\n {projects.map((e, i) => (\r\n <ProjectContainer key={e} className=\"content-main\" ref={addToRefs}>\r\n <ProjectsImage ref={imgRef} src={e.images}></ProjectsImage>\r\n <ProjectsInfo ref={infoRef}>\r\n <a href={e.deployed_url}>\r\n {\" \"}\r\n <ProjectsTitle>\r\n {e.title} <FaEye />\r\n </ProjectsTitle>\r\n </a>\r\n <ProjectsHeadline>{e.headline}</ProjectsHeadline>\r\n {/* <ProjectsDetail>- {e.desc}</ProjectsDetail> */}\r\n {/* <ProjectSite src={web} /> */}\r\n <ProjectsTechs>\r\n {e.tech.map((i) => (\r\n <ProjectTech>{i}</ProjectTech>\r\n ))}\r\n </ProjectsTechs>\r\n \r\n <Link to={`projects/${e.id}`}>\r\n <ProjectsButton>Show Project Page ></ProjectsButton>\r\n </Link>\r\n <a href={e.github}>\r\n <ProjectsButton>Show Github Repo ></ProjectsButton>\r\n </a>\r\n\r\n \r\n </ProjectsInfo>\r\n </ProjectContainer>\r\n ))}\r\n </ProjectsContainer>\r\n );\r\n};\r\n\r\nexport default Projects;\r\n","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Hero\\HeroElements.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\ProjectDetailElements.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Navbar\\Navbar.js",["97","98","99","100"],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\data\\projects_data.js",["101","102","103"],"import webesushi from \"../assets/projects/webesushimockup4.jpg\";\r\nimport webesushiiamap from '../assets/projects/iamap.png'\r\nimport covid from \"../assets/projects/covid.jpg\";\r\nimport jin from \"../assets/projects/jin.png\";\r\nimport liri from \"../assets/projects/liri.png\";\r\nimport bamazon from \"../assets/projects/bamazon.png\";\r\nimport spotify from \"../assets/projects/spotify.png\";\r\nimport clicky from \"../assets/projects/clicky.jpg\";\r\nimport giphy from \"../assets/projects/giphy.png\";\r\nimport crystal from \"../assets/projects/crystalcollector.png\";\r\nimport homemakase from '../assets/projects/homemakase.jpg';\r\nimport ingredients from '../assets/projects/ingredientspage.jpg'\r\nimport travelly from '../assets/projects/travelly.jpg'\r\n\r\nexport const projects = [\r\n {\r\n id: 'webesushi',\r\n title: \"Webesushi.io\",\r\n headline: \"One stop for all sushi enthusiasts\",\r\n desc: \"A web-app created using React with the mobile-first design approach and Redux for state management through the app. Firebase is being utilized to store information about users, products liked, and user authentication.\",\r\n tech: [\r\n \"HTML\",\r\n \"CSS\",\r\n \"Javascript\",\r\n \"React\",\r\n \"Redux\",\r\n \"Express\",\r\n \"Firebase\",\r\n \"Styled-Components\",\r\n ],\r\n images: webesushi,\r\n github: \"https://github.com/wbenarto/WB_Landing/tree/master/landing\",\r\n deployed_url: \"https://www.webesushi.io\",\r\n ia_map: webesushiiamap,\r\n user_task: [{id:1 , title:'Recipes', img: homemakase}, {id: 2, title: 'Ingridients', img: ingredients}]\r\n },\r\n {\r\n id: 'jinchoi',\r\n title: \"JinChoiVisuals\",\r\n headline: \"Photography Portfolio\",\r\n desc: \"Single Page Application using Next.js framework incorporating SASS as CSS preprocessor. Using Framer Motion to create animation effects on page load.\",\r\n tech: [\"HTML\", \"SCSS\", \"Typescript\", \"React\", \"Next.js\", \"Framer Motion\"],\r\n images: jin,\r\n github: \"https://github.com/wbenarto/jin\",\r\n deployed_url: \"https://jin-six.vercel.app/\",\r\n },\r\n {\r\n id: 'travelly',\r\n title: \"TRAVELLY APP\",\r\n headline: \"Travel App at Your Fingertips\",\r\n desc: \"React Application built on top of Next.js framework utilizing Google Maps API and Travel Advisory API. Using Grid components from Material UI to build responsive layout with minimal codes. Google Maps Location asynchronously fetch Travel API to find restaurants, hotels, and attractions bounded by edges of Google Maps in the App.\",\r\n tech: [\"HTML\", \"CSS\", \"Javascript\", \"React\", \"Next.js\", \"Material UI\", \"Google Maps API\", \"Travel Advisory API\"],\r\n images: travelly,\r\n github: \"https://github.com/wbenarto/travel_buddy\",\r\n deployed_url: \"https://travel-buddy-pi.vercel.app/\",\r\n },\r\n {\r\n id: 'spotifyclone',\r\n title: \"Spotify Clone\",\r\n headline:\r\n \"Fetch Spotify Playlists + Control Music playback with the Spotify API\",\r\n desc: \"Spotify clone built in Next.js that allows user to fetch playlists and control media playback using Spotify API. NextAuth to persist user's logged in state and refresh oAuth JWT tokens. Tailwind CSS is utilized to build reusable components that are fully responsive. Next.js 12 Middleware used to handle authenticated user access. Recoil library is used for state management in the spotify clone app. User able to filter places based on review ratings in Travel Advisory.\",\r\n tech: [\r\n \"HTML\",\r\n \"CSS\",\r\n \"Javascript\",\r\n \"React\",\r\n \"Next.js\",\r\n \"NextAuth\",\r\n \"Next.js Middleware\",\r\n \"Tailwind CSS\",\r\n \"Recoil\",\r\n ],\r\n images: spotify,\r\n github: \"https://github.com/wbenarto/sp-clone\",\r\n deployed_url: \"https://sp-clone.vercel.app/\",\r\n },\r\n {\r\n id: 'covid19',\r\n title: \"Covid19 Tracker\",\r\n headline: \"Live tracking of Covid19 Data\",\r\n desc: \"Utilizing covid.mathdro.id/api to display daily data of covid infection around the world. This app was built using React and is going to fetch the live data from API using Async/Await syntax.\",\r\n tech: [\"HTML\", \"CSS\", \"Javascript\", \"React\", \"API\", \"Chartjs\"],\r\n images: covid,\r\n github: \"https://github.com/wbenarto/COVID19_Tracker\",\r\n deployed_url: \"https://wbenarto.github.io/COVID19_Tracker/\",\r\n },\r\n {\r\n id:'liri',\r\n title: \"LIRI-Node-App\",\r\n headline: \"Any song, movie or concerts\",\r\n desc: \"LIRI-node-app allows users to pull up information about a song, a movie, or a concert using Spotify, BandsInTown APIs and OMDb APIs via the appropriate NPM modules. LIRI uses API calls and returned JSON objects, outputting the information into log.txt using node file system.\",\r\n tech: [\r\n \"Node.js\",\r\n \"Axios\",\r\n \"Spotify API\",\r\n \"OMDb API\",\r\n \"Bandstown API\",\r\n \"Chartjs\",\r\n ],\r\n images: liri,\r\n github: \"https://github.com/wbenarto/LIRI-node-app\",\r\n deployed_url: \"https://youtu.be/jqz086k84K8\",\r\n },\r\n {\r\n id: 'bamazon',\r\n title: \"Bamazon\",\r\n headline: \"Sales and inventory management system\",\r\n desc: \"Node.js app that allows allows management to add, update and delete inventory using CRUD methodology to update MySql database. Data from MySql then parsed into table-cli to improve clarity.\",\r\n tech: [\"Node.js\", \"MySql\", \"Inquirer NPM\", \"Table-cli\"],\r\n images: bamazon,\r\n github: \"https://github.com/wbenarto/bamazon\",\r\n deployed_url: \"https://youtu.be/vT5ERASIs3M\",\r\n },\r\n // {\r\n // title: \"Street Fighters Clicky Game\",\r\n // headline: \"React Web-App Memory Game\",\r\n // desc: \"Using React state management to keep track of images that has been selected, current high score, and top score. \",\r\n // tech: [\"Javascript\", \"React\", \"HTML\", \"CSS\"],\r\n // images: clicky,\r\n // github: \"https://github.com/wbenarto/Clicky_Game\",\r\n // deployed_url: \"https://evening-hamlet-61362.herokuapp.com/\",\r\n // },\r\n // {\r\n // title: \"Giphy - NBA Players Edition\",\r\n // headline: \"Giphy Generator\",\r\n // desc: \"Using Ajax function to perform asynchronous HTTP request to Giphy API and lookup players' gifs based on input from user.\",\r\n // tech: [\"Javascript\", \"HTML\", \"CSS\", \"Giphy API\", \"jQuery\"],\r\n // images: giphy,\r\n // github: \"https://github.com/wbenarto/Giphy\",\r\n // deployed_url: \"https://wbenarto.github.io/Giphy/\",\r\n // },\r\n // {\r\n // title: \"Crystal Collector\",\r\n // headline: \"Numbers Memorization Game\",\r\n // desc: \"Simple number comparison game created using Javascript. Players have to try and match Thanos' crystal numbers.\",\r\n // tech: [\"Javascript\", \"HTML\", \"CSS\"],\r\n // images: crystal,\r\n // github: \"https://github.com/wbenarto/unit-4-game\",\r\n // deployed_url: \"https://wbenarto.github.io/unit-4-game/\",\r\n // },\r\n];\r\n","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Hero\\index.js",["104","105","106","107","108","109","110"],"import React, { useEffect, useState, useRef } from \"react\";\r\nimport {\r\n HeroContainer,\r\n HeroTitle,\r\n HeroDesc,\r\n HeroDescIcon,\r\n Widget\r\n} from \"./HeroElements\";\r\nimport { gsap } from \"gsap\";\r\n// import { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\n// gsap.registerPlugin(ScrollTrigger);\r\n\r\nconst Hero = () => {\r\n let t1 = gsap.timeline();\r\n\r\n const nameRef = useRef();\r\n const jobRef = useRef();\r\n\r\n useEffect(() => {\r\n t1.from(\".first\", {\r\n duration: 1,\r\n opacity:0,\r\n y: 50,\r\n ease: 'ease-in',\r\n stagger: 0.5,\r\n delay: 1.5\r\n\r\n }).from('.hero', {\r\n duration: .5,\r\n opacity: 0,\r\n ease: \"ease-in\",\r\n y: 30, //normal value\r\n stagger: .3\r\n })\r\n }, []);\r\n\r\n return (\r\n <>\r\n <HeroContainer className='container'>\r\n <HeroTitle >\r\n <div>\r\n <p class='hero'>\r\n Hi, my name is\r\n </p>\r\n </div>\r\n <div>\r\n <p class='hero big-heading'>\r\n William Benarto\r\n </p>\r\n </div>\r\n\r\n <p class='hero'>I'm a </p>\r\n\r\n <div>\r\n <p class='hero big-heading heading2'>\r\n Front-End Software Engineer\r\n </p>\r\n </div>\r\n <div><p class='hero city'>\r\n in San Francisco Bay Area!\r\n </p></div>\r\n \r\n </HeroTitle>\r\n </HeroContainer>\r\n </>\r\n );\r\n};\r\n\r\nexport default Hero;\r\n","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Footer\\FooterElements.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Contact\\index.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Information\\index.js",["111","112","113"],"import React, { useRef, useEffect } from \"react\";\r\nimport {\r\n InformationContainer,\r\n InfoHeader,\r\n InfoHeaderImage,\r\n InfoHeading,\r\n InfoDetail,\r\n InfoMain,\r\n InfoSkills,\r\n InfoButton,\r\n InfoLanguages,\r\n} from \"./InformationComponents\";\r\nimport webe from \"../../assets/projects/profile.jpg\";\r\nimport { gsap, Power3 } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\nconst Information = () => {\r\n let t1 = gsap.timeline();\r\n const imgRef = useRef();\r\n const imgRef2 = useRef();\r\n const infoRef = useRef();\r\n\r\n useEffect(() => {\r\n console.log(imgRef);\r\n gsap.from(\r\n imgRef.current,\r\n {\r\n duration: 1,\r\n opacity: 0,\r\n y: 60,\r\n ease: \"ease-in\",\r\n scrollTrigger: {\r\n id: \"information\",\r\n trigger: \"#information\",\r\n start: \"top 40%\",\r\n end: \"bottom 80%\",\r\n toggleActions: \"play none none reverse\",\r\n // markers: true,\r\n },\r\n },\r\n \"Start\"\r\n );\r\n gsap.from(imgRef2.current, {\r\n duration: 1,\r\n opacity: 0,\r\n y: 60,\r\n ease: \"ease-in\",\r\n scrollTrigger: {\r\n id: \"information\",\r\n trigger: imgRef.current,\r\n start: \"top 40%\",\r\n end: \"bottom 80%\",\r\n toggleActions: \"play none none reverse\",\r\n // markers: true,\r\n },\r\n });\r\n gsap.from(infoRef.current, {\r\n duration: 1,\r\n opacity: 0,\r\n y: 60,\r\n ease: \"ease-in\",\r\n scrollTrigger: {\r\n id: \"information\",\r\n trigger: imgRef2.current,\r\n start: \"top 40%\",\r\n end: \"bottom 80%\",\r\n toggleActions: \"play none none reverse\",\r\n // markers: true,\r\n },\r\n });\r\n });\r\n\r\n return (\r\n <>\r\n <InformationContainer id=\"information\">\r\n <InfoHeader>\r\n <InfoHeading>01. About Me</InfoHeading>\r\n {/* <InfoHeading>\r\n <span class=\"first\">Hi, my name is</span>\r\n <br />\r\n <span class=\"name\">William Benarto</span>.<br />\r\n I'm a <span>Front-End Software Engineer</span> in San Francisco Bay\r\n Area!\r\n </InfoHeading> */}\r\n\r\n <InfoHeaderImage ref={imgRef} src={webe} />\r\n\r\n {/* <InfoHeading>\r\n Full-Stack developer seeking for full-time opportunity as a software\r\n engineer.\r\n </InfoHeading> */}\r\n <InfoDetail ref={imgRef2}>\r\n Hello World! I am an enthusiastic Front-End Engineer experienced in\r\n building websites and web applications that provides intuitive user\r\n interface. I enjoy building things that live on the internet that\r\n are helpful for other people. Seeking for a full-time software\r\n engineering position where I can positively contribute to the\r\n company's goal and to the world.\r\n </InfoDetail>\r\n </InfoHeader>\r\n <InfoMain ref={infoRef}>\r\n <InfoHeading>\r\n <span>What I do</span>\r\n </InfoHeading>\r\n <InfoSkills>\r\n <InfoLanguages>\r\n <h1>Languages</h1>\r\n\r\n <p>HTML</p>\r\n <p>CSS</p>\r\n <p>JavaScript</p>\r\n <p>Python</p>\r\n \r\n </InfoLanguages>\r\n\r\n <InfoLanguages>\r\n <h1>Frameworks</h1>\r\n\r\n <p>jQuery</p>\r\n <p>Node.js</p>\r\n <p>Express</p>\r\n <p>React</p>\r\n <p>Redux</p>\r\n <p>Next.js</p>\r\n </InfoLanguages>\r\n\r\n <InfoLanguages>\r\n <h1>Technologies</h1>\r\n\r\n <p>Git</p>\r\n <p>MySQL</p>\r\n <p>MongoDB</p>\r\n <p>Firebase</p>\r\n <p>SASS</p>\r\n <p>Tailwind</p>\r\n </InfoLanguages>\r\n </InfoSkills>\r\n </InfoMain>\r\n </InformationContainer>\r\n </>\r\n );\r\n};\r\n\r\nexport default Information;\r\n","C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Projects\\ProjectsElements.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Information\\InformationComponents.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Navbar\\NavbarElements.js",[],"C:\\Users\\wbena\\Desktop\\Projects\\wb\\src\\components\\Contact\\ContactElements.js",[],{"ruleId":"114","replacedBy":"115"},{"ruleId":"116","replacedBy":"117"},{"ruleId":"118","severity":1,"message":"119","line":3,"column":8,"nodeType":"120","messageId":"121","endLine":3,"endColumn":14},{"ruleId":"118","severity":1,"message":"122","line":8,"column":3,"nodeType":"120","messageId":"121","endLine":8,"endColumn":11},{"ruleId":"118","severity":1,"message":"123","line":8,"column":12,"nodeType":"120","messageId":"121","endLine":8,"endColumn":16},{"ruleId":"118","severity":1,"message":"124","line":8,"column":19,"nodeType":"120","messageId":"121","endLine":8,"endColumn":26},{"ruleId":"118","severity":1,"message":"125","line":2,"column":8,"nodeType":"120","messageId":"121","endLine":2,"endColumn":14},{"ruleId":"118","severity":1,"message":"126","line":10,"column":3,"nodeType":"120","messageId":"121","endLine":10,"endColumn":17},{"ruleId":"118","severity":1,"message":"127","line":14,"column":3,"nodeType":"120","messageId":"121","endLine":14,"endColumn":14},{"ruleId":"118","severity":1,"message":"128","line":17,"column":17,"nodeType":"120","messageId":"121","endLine":17,"endColumn":26},{"ruleId":"118","severity":1,"message":"129","line":24,"column":7,"nodeType":"120","messageId":"121","endLine":24,"endColumn":9},{"ruleId":"118","severity":1,"message":"130","line":1,"column":38,"nodeType":"120","messageId":"121","endLine":1,"endColumn":44},{"ruleId":"118","severity":1,"message":"131","line":14,"column":8,"nodeType":"120","messageId":"121","endLine":14,"endColumn":14},{"ruleId":"132","severity":1,"message":"133","line":32,"column":5,"nodeType":"134","endLine":32,"endColumn":7,"suggestions":"135"},{"ruleId":"132","severity":1,"message":"136","line":47,"column":6,"nodeType":"134","endLine":47,"endColumn":8,"suggestions":"137"},{"ruleId":"118","severity":1,"message":"138","line":8,"column":8,"nodeType":"120","messageId":"121","endLine":8,"endColumn":14},{"ruleId":"118","severity":1,"message":"139","line":9,"column":8,"nodeType":"120","messageId":"121","endLine":9,"endColumn":13},{"ruleId":"118","severity":1,"message":"140","line":10,"column":8,"nodeType":"120","messageId":"121","endLine":10,"endColumn":15},{"ruleId":"118","severity":1,"message":"141","line":1,"column":28,"nodeType":"120","messageId":"121","endLine":1,"endColumn":36},{"ruleId":"118","severity":1,"message":"142","line":5,"column":3,"nodeType":"120","messageId":"121","endLine":5,"endColumn":11},{"ruleId":"118","severity":1,"message":"143","line":6,"column":3,"nodeType":"120","messageId":"121","endLine":6,"endColumn":15},{"ruleId":"118","severity":1,"message":"144","line":7,"column":3,"nodeType":"120","messageId":"121","endLine":7,"endColumn":9},{"ruleId":"118","severity":1,"message":"145","line":16,"column":9,"nodeType":"120","messageId":"121","endLine":16,"endColumn":16},{"ruleId":"118","severity":1,"message":"146","line":17,"column":9,"nodeType":"120","messageId":"121","endLine":17,"endColumn":15},{"ruleId":"132","severity":1,"message":"133","line":35,"column":6,"nodeType":"134","endLine":35,"endColumn":8,"suggestions":"147"},{"ruleId":"118","severity":1,"message":"148","line":10,"column":3,"nodeType":"120","messageId":"121","endLine":10,"endColumn":13},{"ruleId":"118","severity":1,"message":"131","line":14,"column":16,"nodeType":"120","messageId":"121","endLine":14,"endColumn":22},{"ruleId":"118","severity":1,"message":"129","line":19,"column":7,"nodeType":"120","messageId":"121","endLine":19,"endColumn":9},"no-native-reassign",["149"],"no-negated-in-lhs",["150"],"no-unused-vars","'Footer' is defined but never used.","Identifier","unusedVar","'Redirect' is defined but never used.","'page' is assigned a value but never used.","'setPage' is assigned a value but never used.","'github' is defined but never used.","'ProjectsDetail' is defined but never used.","'ProjectSite' is defined but never used.","'FaGasPump' is defined but never used.","'t1' is assigned a value but never used.","'useRef' is defined but never used.","'Power3' is defined but never used.","react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 't1'. Either include it or remove the dependency array.","ArrayExpression",["151"],"React Hook useEffect has a missing dependency: 'handleScroll'. Either include it or remove the dependency array.",["152"],"'clicky' is defined but never used.","'giphy' is defined but never used.","'crystal' is defined but never used.","'useState' is defined but never used.","'HeroDesc' is defined but never used.","'HeroDescIcon' is defined but never used.","'Widget' is defined but never used.","'nameRef' is assigned a value but never used.","'jobRef' is assigned a value but never used.",["153"],"'InfoButton' is defined but never used.","no-global-assign","no-unsafe-negation",{"desc":"154","fix":"155"},{"desc":"156","fix":"157"},{"desc":"154","fix":"158"},"Update the dependencies array to be: [t1]",{"range":"159","text":"160"},"Update the dependencies array to be: [handleScroll]",{"range":"161","text":"162"},{"range":"163","text":"160"},[669,671],"[t1]",[1070,1072],"[handleScroll]",[721,723]]