-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-index-js-d6f837e4e493ef6e5aad.js.map
1 lines (1 loc) · 16.7 KB
/
component---src-pages-index-js-d6f837e4e493ef6e5aad.js.map
1
{"version":3,"sources":["webpack:///./src/components/hints.js","webpack:///./src/components/Home.js","webpack:///./src/components/Links.js","webpack:///./src/components/Footer.js","webpack:///./src/pages/index.js","webpack:///./src/images/step2.svg","webpack:///./src/images/step2-dark.svg"],"names":["Float","styled","div","withConfig","displayName","componentId","Message","Avatar","img","Hints","_ref","msg","index","setIndex","useState","React","createElement","Fragment","length","ReactCSSTransitionGroup","transitionName","transitionAppear","transitionAppearTimeout","transitionEnterTimeout","transitionLeaveTimeout","transitionEnter","transitionLeave","onClick","increasePointer","className","src","Box","posed","props","width","Text","Home","_React$Component","_this","call","state","stage","_inheritsLoose","_proto","prototype","componentDidMount","this","setState","setTimeout","componentDidCatch","error","errorInfo","console","log","render","darkMode","toggleDarkMode","Sidebar","active","style","perspective","maxWidth","margin","position","display","placeItems","svgDark","svg","height","maxHeight","transformOrigin","transform","Fade","left","marginBottom","DarkMode","Component","Modal","ModalContext","Links","href","aria-hidden","Footer","Index","mode","localStorage","setItem","firstVisit","loader","getDarkMode","getItem","Layout","SEO","title","keywords","Header","Projects","data","module","exports"],"mappings":"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","file":"component---src-pages-index-js-d6f837e4e493ef6e5aad.js","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport ReactCSSTransitionGroup from 'react-addons-css-transition-group';\r\nimport styled from 'styled-components';\r\n \r\nconst Hints = ({msg} )=> {\r\n const [index, setIndex ] = useState(0);\r\n\r\n const increasePointer = () =>{\r\n if(index < msg.length - 1) setIndex(index + 1);\r\n else setIndex(0);\r\n }\r\n\r\n return (<>\r\n {index <= msg.length ?\r\n <ReactCSSTransitionGroup\r\n transitionName=\"hints\"\r\n transitionAppear={true}\r\n transitionAppearTimeout={550}\r\n transitionEnterTimeout={550}\r\n transitionLeaveTimeout={300}\r\n transitionEnter={true}\r\n transitionLeave={true}>\r\n <Float onClick={increasePointer} className=\"pointer\">\r\n <Message>{msg[index]}</Message>\r\n <div>\r\n <Avatar src={\"https://f0.pngfuel.com/png/136/22/profile-icon-illustration-user-profile-computer-icons-girl-customer-avatar-png-clip-art-thumbnail.png\"} />\r\n </div>\r\n </Float>\r\n </ReactCSSTransitionGroup> : null}\r\n </>\r\n );\r\n}\r\n\r\nconst Float = styled.div`\r\n position: fixed;\r\n bottom: 1em;\r\n right: 10px;\r\n\r\n display: grid;\r\n grid-template-columns: auto auto;\r\n @media (max-width: ${860}px) {\r\n display: none;\r\n }s`;\r\n\r\n const Message = styled.div`\r\n background: white;\r\n width: 9em;\r\n color: dodgerblue;\r\n border: 1px solid;\r\n padding: .3em .8em;\r\n border-radius: 1em;\r\n vertical-align: middle;\r\n display: grid;\r\n box-shadow: 0 .25em .5em rgba(0,0,0,.5);\r\n max-width: 15em;\r\n align-items: center;`;\r\n\r\n const Avatar = styled.img`\r\n border: .1em solid white;\r\n width: 4em;\r\n border-radius: 50%;\r\n margin-left: .2em;\r\n height: auto;`;\r\n\r\nexport default Hints;","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"gatsby\";\r\nimport posed from \"react-pose\";\r\nimport Fade from \"react-reveal/Fade\";\r\nimport { Sidebar, DarkMode, Modal } from \"./\";\r\nimport svg from \"./../images/step2.svg\";\r\nimport svgDark from \"./../images/step2-dark.svg\";\r\nimport { ModalConsumer, ModalContext } from \"../context/modal-context\";\r\nimport Hints from \"./hints\";\r\n\r\n\r\nconst Box = styled(posed.div({}))`\r\n font-size: 1.18em;\r\n font-family: \"Montserrat\", sans-serif;\r\n padding-right: 1em;\r\n line-height: 165%;\r\n &:before {\r\n content: \"\";\r\n width: ${(props) => props.width};\r\n height: 100%;\r\n position: absolute;\r\n background: #30abe8;\r\n transition: 0.37s;\r\n transition-timing-function: cubic-bezier(2, 0.5, 0.1, 0.5);\r\n }\r\n`;\r\n\r\nconst Text = styled.div`\r\n font-size: 40px;\r\n font-weigt: bold;\r\n`;\r\n\r\nclass Home extends React.Component {\r\n static Modal = ModalContext;\r\n constructor(props) {\r\n super(props);\r\n this.state = { stage: \"end\", width: \"100%\" };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ stage: \"end\" });\r\n\r\n setTimeout(() => this.setState({ width: \"0%\" }), 50);\r\n }\r\n componentDidCatch(error, errorInfo) {\r\n console.log(error);\r\n console.log(errorInfo);\r\n }\r\n render() {\r\n let { darkMode, toggleDarkMode } = this.props;\r\n return (\r\n <>\r\n <Sidebar active={\"home\"} darkMode={darkMode} />\r\n <div className=\"home grid align-center\" style={{\r\n perspective: \"100rem\",\r\n maxWidth: '93%',\r\n margin: 'auto',\r\n position: \"relative\"\r\n }}>\r\n <div\r\n style={{\r\n display: \"grid\",\r\n placeItems: \"center\",\r\n\r\n }}\r\n >\r\n <img\r\n src={darkMode ? svgDark : svg}\r\n className=\"svg-glow\"\r\n style={{ height: \"60vh\", maxHeight: \"50vw\" }}\r\n />\r\n </div>\r\n <div className=\"content-container align-left\"\r\n style={{\r\n position: \"relative\",\r\n transformOrigin: 'left',\r\n transform: 'rotateY(-25deg)'\r\n }}\r\n\r\n >\r\n <Fade left>\r\n <Box>\r\n <h1 style={{ margin: 0, marginBottom: \"9px\" }}>\r\n Hello, I am Aayush!\r\n </h1>\r\n I’m a Software Engineer at <b>PayPal</b>, focusing on building enterprise applications. Previously, I worked at <b>ParkStash</b>, solving real-world challenges through technology. I’m passionate about creating scalable solutions, learning new technologies, and driving impactful innovation.\r\n <br />\r\n <br /> Feel free to reach out via email!\r\n <div>\r\n </div>\r\n <Text></Text>\r\n </Box>\r\n\r\n </Fade>\r\n </div>\r\n\r\n </div>\r\n <Hints msg={[\"Hello\"]} />\r\n <DarkMode toggleDarkMode={toggleDarkMode} darkMode={darkMode} />\r\n </>\r\n );\r\n }\r\n}\r\nexport default Home;\r\n","import React from 'react';\r\n\r\nlet Links =({darkMode})=> {\r\n return(\r\n <div className=\"grid-mobile align-left-on-lg\">\r\n <a href=\"https://github.com/aayush6194\">\r\n <button className={`bt bt-custom lift center-sm expand-sm ${darkMode? \"dark-btn\" : \"\"}`} >\r\n <i className=\"fab fa-github md-icon\"></i>\r\n GitHub</button>\r\n </a>\r\n\r\n <a href=\"mailto:[email protected]\">\r\n <button className={`bt bt-custom lift center-sm expand-sm ${darkMode? \"dark-btn\" : \"\"}`} > <i className=\"fa fa-envelope md-icon\" aria-hidden=\"true\"></i> Email</button>\r\n </a>\r\n\r\n <a href=\"https://www.linkedin.com/in/aayush-shrestha-b4b1b9158/\">\r\n \r\n <button className={`bt bt-custom lift center-sm expand-sm ${darkMode? \"dark-btn\" : \"\"}`} >\r\n <i className=\"fab fa-linkedin-in md-icon\"></i> LinkedIn </button>\r\n \r\n </a>\r\n </div>);\r\n}\r\n\r\nexport default Links;\r\n","import React from 'react';\r\nimport { Link } from 'gatsby';\r\nimport Links from './Links.js';\r\nlet Footer =({darkMode})=> {\r\n return(\r\n <div className=\"grid link-grid\">\r\n <Links className=\"align-left align-center\" darkMode={darkMode}/>\r\n <div className=\"align-left align-end\">\r\n \r\n </div>\r\n </div>\r\n);\r\n}\r\n\r\nexport default Footer;\r\n","import React from \"react\";\r\nimport Home from \"../components/Home\";\r\nimport Header from \"../components/header\";\r\nimport Footer from \"../components/Footer\";\r\nimport Layout from \"../components/layout\";\r\nimport SEO from \"../components/seo\";\r\nimport Projects from \"./Projects\";\r\nimport Articles from \"./articles\";\r\nclass Index extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { darkMode: false, firstVisit: true, loader: true };\r\n }\r\n\r\n componentDidCatch(error, errorInfo) {\r\n console.log(error);\r\n console.log(errorInfo);\r\n }\r\n componentDidMount() {\r\n this.getDarkMode();\r\n }\r\n\r\n getDarkMode() {\r\n let mode =\r\n localStorage.getItem(\"dark-mode\") !== true;\r\n this.setState({ darkMode: mode });\r\n }\r\n\r\n toggleDarkMode = (mode) => {\r\n localStorage.setItem(\"dark-mode\", mode === \"dark\" ? true : false);\r\n this.setState({ darkMode: mode === \"dark\" ? true : false });\r\n };\r\n\r\n render() {\r\n return (\r\n <Layout darkMode={this.state.darkMode}>\r\n <SEO title=\"Home\" keywords={[`gatsby`, `application`, `react`]} />\r\n <div className=\"container main-grid\">\r\n <Header active={\"home\"} darkMode={this.state.darkMode} />\r\n <Home\r\n className=\"row\"\r\n darkMode={this.state.darkMode}\r\n toggleDarkMode={this.toggleDarkMode}\r\n />\r\n <Footer darkMode={this.state.darkMode} />\r\n \r\n </div>\r\n <Projects data={this.props.data}/>\r\n \r\n </Layout>\r\n );\r\n }\r\n}\r\n\r\nexport const pageQuery = graphql`\r\n query {\r\n image1: file(relativePath: { eq: \"pj-1.JPG\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n ...GatsbyImageSharpFluid\r\n }\r\n }\r\n }\r\n image2: file(relativePath: { eq: \"pj-2.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n ...GatsbyImageSharpFluid\r\n }\r\n }\r\n }\r\n image3: file(relativePath: { eq: \"pj-3.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n image4: file(relativePath: { eq: \"pj-4.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n image5: file(relativePath: { eq: \"pj-5.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n\r\n image6: file(relativePath: { eq: \"pj-6.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n\r\n image7: file(relativePath: { eq: \"pj-7.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n\r\n image8: file(relativePath: { eq: \"pj-8.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n\r\n image11: file(relativePath: { eq: \"pj-11.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n\r\n image9: file(relativePath: { eq: \"pj-9.png\" }) {\r\n childImageSharp {\r\n fluid(maxWidth: 1000) {\r\n base64\r\n tracedSVG\r\n aspectRatio\r\n src\r\n srcSet\r\n srcWebp\r\n srcSetWebp\r\n sizes\r\n originalImg\r\n originalName\r\n }\r\n }\r\n }\r\n }\r\n`;\r\nexport default Index;\r\n","module.exports = __webpack_public_path__ + \"static/step2-dcde152e7c0e526d44568376d83d6733.svg\";","module.exports = __webpack_public_path__ + \"static/step2-dark-6240af5d94298ed5ebb8e2431c7eabdb.svg\";"],"sourceRoot":""}