{"version":3,"sources":["config/configParticles.js","components/PortfolioCard.jsx","components/Confirmation.jsx","components/Skills.jsx","components/Avatar.jsx","components/Heading.jsx","components/Footer.jsx","App.js","reportWebVitals.js","index.js"],"names":["particlesConfig","PortfolioCard","data","Card","className","Img","variant","src","image","Body","Title","name","Text","desc","tag1","tag2","tag3","Confirmation","href","url","target","Skills","skill","Avatar","alt","Skill","Portfolio","Experiments","Social","class","App","style","position","overflow","height","width","params","Container","Row","map","Col","xs","sm","md","lg","id","project","experiment","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.d5cbca21.chunk.js","sourcesContent":["const particlesConfig = {\r\n    \"particles\": {\r\n        \"number\": {\r\n          \"value\": 40,\r\n          \"density\": {\r\n            \"enable\": true,\r\n            \"value_area\": 800\r\n          }\r\n        },\r\n        \"color\": {\r\n            \"value\": [\"#134787\",\"#7694B9\"]\r\n        },\r\n        \"shape\": {\r\n          \"type\": \"circle\",\r\n          \"stroke\": {\r\n            \"width\": 0,\r\n            \"color\": \"#000000\"\r\n          },\r\n          \"polygon\": {\r\n            \"nb_sides\": 5\r\n          },\r\n          \"image\": {\r\n            \"src\": \"\",\r\n            \"width\": 100,\r\n            \"height\": 100\r\n          }\r\n        },\r\n        \"opacity\": {\r\n          \"value\": 1,\r\n          \"random\": true,\r\n          \"anim\": {\r\n            \"enable\": true,\r\n            \"speed\": 0.1,\r\n            \"opacity_min\": 0.048691418137553295,\r\n            \"sync\": false\r\n          }\r\n        },\r\n        \"size\": {\r\n          \"value\": 5,\r\n          \"random\": true,\r\n          \"anim\": {\r\n            \"enable\": false,\r\n            \"speed\": 40,\r\n            \"size_min\": 0.1,\r\n            \"sync\": false\r\n          }\r\n        },\r\n        \"line_linked\": {\r\n          \"enable\": false,\r\n          \"distance\": 150,\r\n          \"color\": \"#ffffff\",\r\n          \"opacity\": 0,\r\n          \"width\": 0\r\n        },\r\n        \"move\": {\r\n          \"enable\": true,\r\n          \"speed\": 0.5,\r\n          \"direction\": \"none\",\r\n          \"random\": false,\r\n          \"straight\": false,\r\n          \"out_mode\": \"bounce\",\r\n          \"bounce\": false,\r\n          \"attract\": {\r\n            \"enable\": false,\r\n            \"rotateX\": 1121.687017273981,\r\n            \"rotateY\": 1200\r\n          }\r\n        }\r\n      },\r\n      \"interactivity\": {\r\n        \"detect_on\": \"canvas\",\r\n        \"events\": {\r\n          \"onhover\": {\r\n            \"enable\": true,\r\n            \"mode\": \"repulse\"\r\n          },\r\n          \"onclick\": {\r\n            \"enable\": true,\r\n            \"mode\": \"repulse\"\r\n          },\r\n          \"resize\": true\r\n        },\r\n        \"modes\": {\r\n          \"grab\": {\r\n            \"distance\": 400,\r\n            \"line_linked\": {\r\n              \"opacity\": 1\r\n            }\r\n          },\r\n          \"bubble\": {\r\n            \"distance\": 400,\r\n            \"size\": 40,\r\n            \"duration\": 2,\r\n            \"opacity\": 8,\r\n            \"speed\": 3\r\n          },\r\n          \"repulse\": {\r\n            \"distance\": 119.8801198801199,\r\n            \"duration\": 0.4\r\n          },\r\n          \"push\": {\r\n            \"particles_nb\": 4\r\n          },\r\n          \"remove\": {\r\n            \"particles_nb\": 2\r\n          }\r\n        }\r\n      },\r\n      \"retina_detect\": true\r\n  };\r\n  \r\n  export default particlesConfig;","import React from 'react';\r\nimport { Card } from 'react-bootstrap';\r\n\r\nexport function PortfolioCard ({ data }){\r\n    return(\r\n        <Card className=\"h-100 bg-white rounded portfoliocard\">\r\n            <Card.Img variant=\"top\" src={data.image}/>\r\n            <Card.Body className=\"flex-column\">\r\n                <div className=\"md-2 justify-content-between text-center\">\r\n                    <Card.Title className=\"mb-0 font-weight-bold\">{data.name}</Card.Title>\r\n                </div>\r\n                <Card.Text className=\"text-secondery text-center\">{data.desc}</Card.Text>\r\n                <Card.Text className=\"text-secondery text-center\"><span className=\"tag-label\">{data.tag1}</span><span className=\"tag-label\">{data.tag2}</span><span className=\"tag-label\">{data.tag3}</span></Card.Text>\r\n            </Card.Body>\r\n        </Card>\r\n    )\r\n}","import React from 'react';\r\nimport { Card } from 'react-bootstrap';\r\n\r\nexport function Confirmation ({ data }){\r\n    return(\r\n        <a href={data.url} className=\"text-decoration-none text-dark\" target=\"_blank\">\r\n        <Card className=\"h-100 bg-white rounded expcard\">\r\n            <Card.Body className=\"flex-column\">\r\n                <div className=\"md-2 justify-content-between text-center\">\r\n                    <Card.Title className=\"mb-0 font-weight-bold\">{data.name}</Card.Title>\r\n                    <Card.Text className=\"mb-0 font-weight-bold\">{data.desc}</Card.Text>\r\n                </div>\r\n            </Card.Body>\r\n        </Card>\r\n        </a>\r\n    )\r\n}","import React from 'react';\r\nimport { Card } from 'react-bootstrap';\r\n\r\nexport function Skills ({ data }){\r\n    return(\r\n        <Card className=\"rounded skillcard m-auto\">\r\n            <Card.Body className=\"flex-column\">\r\n                <div className=\"md-2 justify-content-between\">\r\n                    <div className=\"icon mb-4\"><Card.Img variant=\"top\" src={data.image} /></div>\r\n                    <Card.Title className=\"mb-5 font-weight-bold\">{data.skill}</Card.Title>\r\n                    <Card.Text className=\"mb-0 font-weight-bold\">{data.desc}</Card.Text>\r\n                </div>\r\n            </Card.Body>\r\n        </Card>\r\n    )\r\n}","import React from 'react';\r\n\r\nexport function Avatar (){\r\n    return(\r\n        <div className=\"md-2 my-2 justify-content-between text-center heading\">\r\n            <img src='images/avatar.png' alt = \"icon\" className=\"avatar\"/>\r\n            <h3 className='mt-2 mb-0'><span>Hi there 👋,</span> I'm</h3>\r\n            <h2 className='mb-2'>Pinakin Patel<span className=\"dot\"></span></h2>\r\n            <p>I specialize in building complex web applications, leading front-end teams, digital product design and developing visual design systems. I enjoy creating effortless user experience and designing delightful digital products. The entire process of going from a concept to release and gathering user’s feedback on either client’s or my own products is what makes me wake up everyday!\r\nI worked with numerous clients from all around the world from early startups to well-established companies. I always seek new opportunities for cooperation on projects. Let’s create something awesome together!\r\n</p>\r\n        </div>\r\n    )\r\n}","import React from 'react';\r\n\r\nexport function Skill() {\r\n    return (\r\n        <div className=\"md-2 my-5 justify-content-between text-center heading\">\r\n            <h3 className=\"font-weight-bold\"><span className=\"dot\"></span>someSkills()</h3>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport function Portfolio() {\r\n    return (\r\n        <div className=\"md-2 my-5 justify-content-between text-center heading\">\r\n            <h3 className=\"font-weight-bold\"><span className=\"dot\"></span>latestWorks()</h3>\r\n        </div>\r\n\r\n    );\r\n}\r\n\r\nexport function Experiments() {\r\n    return (\r\n        <div className=\"md-2 my-5 justify-content-between text-center heading\">\r\n            <h3 className=\"font-weight-bold\"><span className=\"dot\"></span>someExperiments()</h3>\r\n        </div>\r\n\r\n    );\r\n}","import React from 'react';\r\n\r\nexport function Social() {\r\n    return (\r\n        <div className=\"md-2 my-5 justify-content-between text-center\">\r\n            <h3 className=\"font-weight-bold mb-5\"><a href=\"mailto:hello@thepinakin.com\" target=\"_blank\" className=\"mx-4\">HELLO@THEPINAKIN.COM</a><a href=\"https://www.facebook.com/thePinakin7447/\" target=\"_blank\" className=\"mx-4\">FACEBOOK</a><a href=\"https://www.instagram.com/thepinakin/\" target=\"_blank\" className=\"mx-4\">INSTAGRAM</a><a href=\"https://github.com/thepinakin\" target=\"_blank\" className=\"mx-4\">GITHUB</a><a href=\"https://www.fiverr.com/thepinakin\" target=\"_blank\" className=\"mx-4\">FIVERR</a></h3>\r\n            <h4 className=\"font-weight-bold\">MADE WITH <span class=\"heart\">❤</span> BY thePinakin</h4>\r\n        </div>\r\n    );\r\n}","import React from 'react';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport './App.css';\nimport SmoothScroll from \"./components/SmoothScroll/SmoothScroll\";\nimport { Particles } from 'react-particles-js';\nimport particlesConfig from './config/configParticles';\n\nimport { Container, Row, Col } from 'react-bootstrap';\nimport { PortfolioCard } from './components/PortfolioCard';\nimport { Confirmation } from './components/Confirmation';\nimport { Skills } from './components/Skills';\nimport { Avatar } from './components/Avatar';\nimport { Skill, Portfolio, Experiments } from './components/Heading';\nimport { Social } from './components/Footer';\n\nimport project from './port';\nimport experiment from './exp';\nimport skill from './skill';\n\nfunction App() {\n  return (\n    <div className=\"App\" style={{ position: 'relative', overflow: \"hidden\" }}>\n      <div class=\"cursor\"></div>\n      <div style={{ position: 'absolute' }}>\n        <Particles height=\"100vh\" width=\"100vw\" params={particlesConfig} />\n      </div>\n      {/*<SmoothScroll>*/}\n        <Container>\n          <div className=\"info\">\n            <Row>\n              <Avatar />\n            </Row>\n          </div>\n          <div className=\"skill\">\n          <Row>\n            <Skill /> {/*Skills heading*/}\n          </Row>\n          <div className=\"skills\">\n            <Row className=\"justify-content-md-center h-100\">\n              {skill.map(data => (\n                <Col xs={12} sm={12} md={3} lg={3} className='mb-5' key={`${data.id}`}>\n                  <Skills data={data} />\n                </Col>\n              ))\n              }\n            </Row>\n          </div>\n          </div>\n          <div className=\"portfolio\">          \n          <Row>\n            <Portfolio /> {/*Portfolio heading*/}\n            {project.map(data => (\n              <Col xs={12} sm={12} md={4} className='mb-5' key={`${data.id}`}>\n                <PortfolioCard data={data} />\n              </Col>\n            ))\n            }\n          </Row>\n          </div>\n          <div className=\"experiment\"> \n          <Row>\n            <Experiments /> {/*Experiments heading*/}\n          </Row>\n          <Row>\n            {experiment.map(data => (\n              <Col xs={12} sm={12} md={4} className='mb-5' key={`${data.id}`}>\n                <Confirmation data={data} />\n              </Col>\n            ))\n            }\n          </Row>\n          </div>\n          <div className=\"footer\">\n            <Row>\n              <Social/>\n            </Row>\n\n          </div>\n        </Container>\n      {/*</SmoothScroll>*/}\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 './index.css';\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\nreportWebVitals();\n"],"sourceRoot":""}