text: (this.webpackJsonpportfolio_v4=this.webpackJsonpportfolio_v4||[]).push([[0],{25:function(e,t,c){},26:function(e,t,c){},28:function(e,t,c){},29:function(e,t,c){},30:function(e,t,c){},31:function(e,t,c){},32:function(e,t,c){},43:function(e,t,c){},44:function(e,t,c){},45:function(e,t,c){},46:function(e,t,c){},47:function(e,t,c){"use strict";c.r(t);var s=c(2),r=c.n(s),o=c(10),i=c.n(o),a=c(5),n=(c(25),c(26),c(3)),l=c(1);function j(e){var t=e.isActive,c=e.icon,s=e.text,r=e.textColor,o=e.labelText,i=e.labelTextColor;return Object(l.jsxs)("div",{className:"Card",style:t?{backgroundColor:"#676CDB",height:"30.5rem",width:"21rem",boxShadow:"0 2px 4px 4px #4a4ea130"}:{backgroundColor:"#29313D"},children:[c,Object(l.jsx)("h2",{style:{color:r},children:s}),Object(l.jsx)("p",{style:{color:i},children:o})]})}j.defaultProps={isActive:!1,icon:Object(l.jsx)(n.g,{style:{color:"#676CDB",transform:"scale(2)"}}),text:"Use the attributes",textColor:"#ffffff",labelTextColor:"#d1d1d1"};c(28);var d=c(6);function b(){return Object(l.jsxs)("div",{className:"Experience",children:[Object(l.jsxs)("h1",{children:["Skills",Object(l.jsx)(d.a,{color:"#676cdb",style:{transform:"scale(1.6) rotateY(180deg)"}})]}),Object(l.jsxs)("div",{className:"Experience__Cards",children:[Object(l.jsx)(j,{icon:Object(l.jsx)(n.e,{style:{color:"#676CDB",transform:"scale(2)"}}),text:"UI / UX Designer.",labelText:"Figma, AdobeXD, Canva"}),Object(l.jsx)(j,{isActive:!0,icon:Object(l.jsx)(n.g,{style:{color:"#ffffff",transform:"scale(2)"}}),text:"Web Developer.",labelText:"React.js, Next.js, Express, APIs, Node, HTML, CSS, JS",textColor:"#ffffff"}),Object(l.jsx)(j,{icon:Object(l.jsx)(n.f,{style:{color:"#676CDB",transform:"scale(2)"}}),text:"App Developer.",labelText:"React Native, Java(Android), Cross-Platform"})]})]})}c(29);var x=c(20),f=c.p+"static/media/video.8b473a6d.mp4";c(30);function h(){return Object(l.jsx)("div",{className:"ContactList",children:Object(l.jsxs)("ul",{className:"Contacts",children:[Object(l.jsx)("li",{children:Object(l.jsx)("a",{target:"_blank",rel:"noreferrer",href:"https://github.com/AviAvinav",children:Object(l.jsx)(n.a,{})})}),Object(l.jsx)("li",{children:Object(l.jsx)("a",{target:"_blank",rel:"noreferrer",href:"https://www.linkedin.com/in/avi-avinav/",children:Object(l.jsx)(n.c,{})})}),Object(l.jsx)("li",{children:Object(l.jsx)("a",{target:"_blank",rel:"noreferrer",href:"mailto:aviavinav2004@gmail.com",children:Object(l.jsx)(n.d,{})})})]})})}function O(){var e=Object(s.useRef)();return Object(l.jsxs)("div",{className:"Hero",children:[Object(l.jsxs)("h1",{className:"Hero__Left",children:["Avi",Object(l.jsx)("br",{}),"Avinav ",Object(l.jsx)(x.a,{size:50})]}),Object(l.jsxs)("div",{className:"Hero__Right",children:[Object(l.jsx)("p",{children:"/ This is me"}),Object(l.jsx)("h3",{children:"Web & app developer remotely from India"}),Object(l.jsx)("p",{children:"Hello World! Avi Here. I am web & app developer, also a machine learning beginner. I am well versed in python, javascript and java,and also libraries such as react, react-native, node, and tensorflow."}),Object(l.jsx)(h,{})]}),Object(l.jsx)("video",{ref:e,onCanPlay:function(){e.current.playbackRate=.7},preload:"true",src:f,autoPlay:!0,muted:!0,loop:!0})]})}c(31),c(32);function m(){return Object(l.jsxs)("div",{className:"Logo",children:[Object(l.jsx)("h2",{className:"Logo-Name-Light",children:"Avi"}),Object(l.jsx)("div",{className:"Logo-Name-Slash"}),Object(l.jsxs)("svg",{width:"176",height:"217",viewBox:"0 0 176 217",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[Object(l.jsx)("rect",{x:"64.0989",y:"24.6096",width:"50",height:"185",transform:"rotate(20 64.0989 24.6096)",fill:"white"}),Object(l.jsx)("circle",{cx:"87.9333",cy:"32.2204",r:"25",transform:"rotate(20 87.9333 32.2204)",fill:"white"}),Object(l.jsx)("rect",{x:"64.8925",y:"42.533",width:"50",height:"185",transform:"rotate(-20 64.8925 42.533)",fill:"white"}),Object(l.jsx)("circle",{cx:"88.0428",cy:"33.0428",r:"25",transform:"rotate(-20 88.0428 33.0428)",fill:"white"})]})]})}var v=c(11);function p(){var e=Object(s.useState)(!1),t=Object(a.a)(e,2),c=t[0],r=t[1],o=Object(s.useState)(!1),i=Object(a.a)(o,2),n=i[0],j=i[1];return Object(s.useEffect)((function(){window.onscroll=function(){window.innerWidth>=767&&(document.body.scrollTop>=100||document.documentElement.scrollTop>=100?r(!0):(document.body.scrollTop<=100||document.documentElement.scrollTop<=100)&&r(!1))}}),[]),Object(l.jsxs)("nav",{className:"Navbar",style:c?{background:"#222A36",boxShadow:"0 2px 4px 6px #00000030"}:{background:"transparent"},children:[Object(l.jsxs)("button",{className:"Nav-Toggler",onClick:function(){return j(!n)},children:[Object(l.jsx)("span",{}),Object(l.jsx)("span",{}),Object(l.jsx)("span",{})]}),Object(l.jsxs)("ul",{className:"Nav-List",style:n?{display:"flex"}:{display:"none"},children:[Object(l.jsx)("li",{children:Object(l.jsx)(v.Link,{activeClass:"active",to:"Hero",spy:!0,smooth:!0,offset:-70,duration:500,children:"Me"})}),Object(l.jsx)("li",{children:Object(l.jsx)(v.Link,{activeClass:"active",to:"Experience",spy:!0,smooth:!0,offset:60,duration:500,children:"Skills"})}),Object(l.jsx)("li",{children:Object(l.jsx)(v.Link,{activeClass:"active",to:"Projects",spy:!0,smooth:!0,offset:60,duration:500,children:"Projects"})})]}),Object(l.jsx)("div",{className:"Nav-Name",children:Object(l.jsx)(m,{})})]})}c(43);function u(){return Object(l.jsxs)("div",{className:"Loader",children:[Object(l.jsx)("div",{className:"LoaderText",children:"Please Wait"}),Object(l.jsxs)("div",{className:"LoaderBalls",children:[Object(l.jsx)("div",{className:"LoaderBalls__item"}),Object(l.jsx)("div",{className:"LoaderBalls__item"}),Object(l.jsx)("div",{className:"LoaderBalls__item"})]})]})}c(44);function g(){return Object(l.jsxs)("div",{className:"Footer",children:[Object(l.jsxs)("div",{className:"Footer__Top",children:[Object(l.jsx)(m,{className:"Logo"}),Object(l.jsx)(h,{className:"ContactList"})]}),Object(l.jsx)("div",{className:"Footer__Bottom",children:Object(l.jsxs)("p",{children:["Copyright",Object(l.jsx)(n.h,{color:"#ffffff"}),"2021",Object(l.jsx)(d.b,{color:"#ffffff"}),"Made with ",Object(l.jsx)(n.b,{color:"#ffffff"})," by Avi Avinav"]})})]})}c(45);function N(e){var t=e.flexDirection,c=e.projectName,r=e.projectDesc,o=e.imgUrl,i=e.imgWidth,n=e.projectUrl,j=e.arrIcons,d=Object(s.useState)([]),b=Object(a.a)(d,2),x=b[0],f=b[1];return Object(s.useEffect)((function(){f([j])}),[j]),Object(l.jsxs)("a",{href:n,target:"_blank",rel:"noreferrer",className:"ProjectCard",style:{flexDirection:t},children:[Object(l.jsx)("img",{src:o,alt:"",style:{width:window.innerWidth<=767?"150%":i}}),Object(l.jsxs)("div",{className:"ProjectCard__Text",children:[Object(l.jsx)("h1",{children:c}),Object(l.jsx)("p",{children:r}),Object(l.jsx)("div",{children:x.map((function(){return x[x.length-1]}))})]})]})}c(46);var w=c(4),y=c.p+"static/media/NetflixClone.3c2afe87.png",A=c.p+"static/media/SpotifyClone.79de6d72.png",C=c.p+"static/media/AviCodeEditor.8b9b198b.png",_=c.p+"static/media/Aloria.ca657c34.svg";function D(){var e=window.innerWidth<=767?"column":"row",t=window.innerWidth<=767?"column":"row-reverse";return Object(l.jsxs)("div",{className:"Projects",children:[Object(l.jsxs)("h1",{children:[Object(l.jsx)(d.a,{color:"#676cdb",style:{transform:"scale(1.6)"}}),"Projects"]}),Object(l.jsx)(N,{flexDirection:e,projectName:"Netlix Clone App",projectDesc:"A clone of the netflix (frontend ui) created \r with react native and styled components. It is compatible with both iOS and Android.",imgUrl:y,imgWidth:"35%",projectUrl:"https://github.com/AviAvinav/Netflix-Clone",arrIcons:[Object(l.jsx)(w.b,{color:"#676cdb"}),Object(l.jsx)(w.d,{size:28,color:"#676cdb"})]}),Object(l.jsx)(N,{flexDirection:t,projectName:"Aloria UI",projectDesc:"An open-source free-to-use react library to use amazing components, hooks, fonts and icons.",imgUrl:_,imgWidth:"62%",projectUrl:"https://github.com/AviAvinav/aloria-ui",arrIcons:[Object(l.jsx)(w.b,{color:"#676cdb"}),Object(l.jsx)(w.a,{color:"#676cdb"})]}),Object(l.jsx)(N,{flexDirection:e,projectName:"Avi's Code Editor",projectDesc:"A simple online code editor made with react and codemirror. The code editor\r lets you write code and gives a live preview.",imgUrl:C,imgWidth:"60%",projectUrl:"https://github.com/AviAvinav/Avi-Code-Editor",arrIcons:[Object(l.jsx)(w.b,{color:"#676cdb"}),Object(l.jsx)(w.a,{color:"#676cdb"})]}),Object(l.jsx)(N,{flexDirection:t,projectName:"Spotify Clone",projectDesc:"A clone of spotify made using the spotify api and react.",imgUrl:A,imgWidth:"55%",projectUrl:"https://github.com/AviAvinav/React-Spotify-Clone",arrIcons:[Object(l.jsx)(w.b,{color:"#676cdb"}),Object(l.jsx)(w.c,{color:"#676cdb"}),Object(l.jsx)(w.a,{color:"#676cdb"})]})]})}function k(){var e=Object(s.useState)(!1),t=Object(a.a)(e,2),c=t[0],r=t[1];return Object(s.useEffect)((function(){window.onload=function(){return setTimeout((function(){return r(!0)}),1e3)}}),[]),c?Object(l.jsxs)("div",{className:"App",children:[Object(l.jsx)(p,{}),Object(l.jsx)(O,{}),Object(l.jsx)(b,{}),Object(l.jsx)(D,{}),Object(l.jsx)(g,{})]}):Object(l.jsx)(u,{})}i.a.render(Object(l.jsx)(r.a.StrictMode,{children:Object(l.jsx)(k,{})}),document.getElementById("root"))}},[[47,1,2]]]);
  //# sourceMappingURL=main.6a1a2ed0.chunk.js.map