diff --git a/assets/Sabir-Ansari-Resume-76cccda3.pdf b/assets/Sabir-Ansari-Resume-f3626d8c.pdf similarity index 86% rename from assets/Sabir-Ansari-Resume-76cccda3.pdf rename to assets/Sabir-Ansari-Resume-f3626d8c.pdf index e8f5f41..bb35e98 100644 Binary files a/assets/Sabir-Ansari-Resume-76cccda3.pdf and b/assets/Sabir-Ansari-Resume-f3626d8c.pdf differ diff --git a/assets/index-e4632394.js b/assets/index-a2222b71.js similarity index 99% rename from assets/index-e4632394.js rename to assets/index-a2222b71.js index 0a10d2d..61f0f53 100644 --- a/assets/index-e4632394.js +++ b/assets/index-a2222b71.js @@ -387,7 +387,7 @@ Error generating stack: `+o.message+` `)},JU=function(e){var t=e.noRelative,r=e.noImportant,n=e.gapMode,a=n===void 0?"margin":n,o=C.useMemo(function(){return QU(a)},[a]);return C.createElement(KU,{styles:ZU(o,!t,a,r?"":"!important")})},Ug=!1;if(typeof window<"u")try{var Ad=Object.defineProperty({},"passive",{get:function(){return Ug=!0,!0}});window.addEventListener("test",Ad,Ad),window.removeEventListener("test",Ad,Ad)}catch{Ug=!1}var Ii=Ug?{passive:!1}:!1,eY=function(e){return e.tagName==="TEXTAREA"},SE=function(e,t){var r=window.getComputedStyle(e);return r[t]!=="hidden"&&!(r.overflowY===r.overflowX&&!eY(e)&&r[t]==="visible")},tY=function(e){return SE(e,"overflowY")},rY=function(e){return SE(e,"overflowX")},GS=function(e,t){var r=t.ownerDocument,n=t;do{typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host);var a=kE(e,n);if(a){var o=_E(e,n),i=o[1],s=o[2];if(i>s)return!0}n=n.parentNode}while(n&&n!==r.body);return!1},nY=function(e){var t=e.scrollTop,r=e.scrollHeight,n=e.clientHeight;return[t,r,n]},aY=function(e){var t=e.scrollLeft,r=e.scrollWidth,n=e.clientWidth;return[t,r,n]},kE=function(e,t){return e==="v"?tY(t):rY(t)},_E=function(e,t){return e==="v"?nY(t):aY(t)},oY=function(e,t){return e==="h"&&t==="rtl"?-1:1},iY=function(e,t,r,n,a){var o=oY(e,window.getComputedStyle(t).direction),i=o*n,s=r.target,l=t.contains(s),u=!1,c=i>0,d=0,h=0;do{var v=_E(e,s),g=v[0],p=v[1],k=v[2],w=p-k-o*g;(g||w)&&kE(e,s)&&(d+=w,h+=g),s instanceof ShadowRoot?s=s.host:s=s.parentNode}while(!l&&s!==document.body||l&&(t.contains(s)||t===s));return(c&&(a&&Math.abs(d)<1||!a&&i>d)||!c&&(a&&Math.abs(h)<1||!a&&-i>h))&&(u=!0),u},Rd=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},qS=function(e){return[e.deltaX,e.deltaY]},XS=function(e){return e&&"current"in e?e.current:e},sY=function(e,t){return e[0]===t[0]&&e[1]===t[1]},lY=function(e){return` .block-interactivity-`.concat(e,` {pointer-events: none;} .allow-interactivity-`).concat(e,` {pointer-events: all;} -`)},uY=0,Ni=[];function cY(e){var t=C.useRef([]),r=C.useRef([0,0]),n=C.useRef(),a=C.useState(uY++)[0],o=C.useState(xE)[0],i=C.useRef(e);C.useEffect(function(){i.current=e},[e]),C.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var p=iH([e.lockRef.current],(e.shards||[]).map(XS),!0).filter(Boolean);return p.forEach(function(k){return k.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),p.forEach(function(k){return k.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var s=C.useCallback(function(p,k){if("touches"in p&&p.touches.length===2)return!i.current.allowPinchZoom;var w=Rd(p),y=r.current,x="deltaX"in p?p.deltaX:y[0]-w[0],P="deltaY"in p?p.deltaY:y[1]-w[1],N,D=p.target,R=Math.abs(x)>Math.abs(P)?"h":"v";if("touches"in p&&R==="h"&&D.type==="range")return!1;var j=GS(R,D);if(!j)return!0;if(j?N=R:(N=R==="v"?"h":"v",j=GS(R,D)),!j)return!1;if(!n.current&&"changedTouches"in p&&(x||P)&&(n.current=N),!N)return!0;var V=n.current||N;return iY(V,k,p,V==="h"?x:P,!0)},[]),l=C.useCallback(function(p){var k=p;if(!(!Ni.length||Ni[Ni.length-1]!==o)){var w="deltaY"in k?qS(k):Rd(k),y=t.current.filter(function(N){return N.name===k.type&&(N.target===k.target||k.target===N.shadowParent)&&sY(N.delta,w)})[0];if(y&&y.should){k.cancelable&&k.preventDefault();return}if(!y){var x=(i.current.shards||[]).map(XS).filter(Boolean).filter(function(N){return N.contains(k.target)}),P=x.length>0?s(k,x[0]):!i.current.noIsolation;P&&k.cancelable&&k.preventDefault()}}},[]),u=C.useCallback(function(p,k,w,y){var x={name:p,delta:k,target:w,should:y,shadowParent:dY(w)};t.current.push(x),setTimeout(function(){t.current=t.current.filter(function(P){return P!==x})},1)},[]),c=C.useCallback(function(p){r.current=Rd(p),n.current=void 0},[]),d=C.useCallback(function(p){u(p.type,qS(p),p.target,s(p,e.lockRef.current))},[]),h=C.useCallback(function(p){u(p.type,Rd(p),p.target,s(p,e.lockRef.current))},[]);C.useEffect(function(){return Ni.push(o),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:h}),document.addEventListener("wheel",l,Ii),document.addEventListener("touchmove",l,Ii),document.addEventListener("touchstart",c,Ii),function(){Ni=Ni.filter(function(p){return p!==o}),document.removeEventListener("wheel",l,Ii),document.removeEventListener("touchmove",l,Ii),document.removeEventListener("touchstart",c,Ii)}},[]);var v=e.removeScrollBar,g=e.inert;return C.createElement(C.Fragment,null,g?C.createElement(o,{styles:lY(a)}):null,v?C.createElement(JU,{gapMode:e.gapMode}):null)}function dY(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const fY=sH(wE,cY);var TE=C.forwardRef(function(e,t){return C.createElement(xm,On({},e,{ref:t,sideCar:fY}))});TE.classNames=xm.classNames;const hY=TE;function mY(e){const{autoFocus:t,trapFocus:r,dialogRef:n,initialFocusRef:a,blockScrollOnMount:o,allowPinchZoom:i,finalFocusRef:s,returnFocusOnClose:l,preserveScrollBarGap:u,lockFocusAcrossFrames:c,isOpen:d}=wm(),[h,v]=n3();C.useEffect(()=>{!h&&v&&setTimeout(v)},[h,v]);const g=gE(n,d);return S.jsx(cE,{autoFocus:t,isDisabled:!r,initialFocusRef:a,finalFocusRef:s,restoreFocus:l,contentRef:n,lockFocusAcrossFrames:c,children:S.jsx(hY,{removeScrollBar:!u,allowPinchZoom:i,enabled:g===1&&o,forwardProps:!0,children:e.children})})}var[vY,pY]=Jr(),gY={start:{ltr:"left",rtl:"right"},end:{ltr:"right",rtl:"left"}};function yY(e,t){var r,n;if(e)return(n=(r=gY[e])==null?void 0:r[t])!=null?n:e}function bY(e){var t;const{isOpen:r,onClose:n,placement:a="right",children:o,...i}=e,s=yC(),l=(t=s.components)==null?void 0:t.Drawer,u=yY(a,s.direction);return S.jsx(vY,{value:{placement:u},children:S.jsx(bE,{isOpen:r,onClose:n,styleConfig:l,...i,children:o})})}var wY=xe(C3),CE=ze((e,t)=>{const{className:r,children:n,motionProps:a,containerProps:o,...i}=e,{getDialogProps:s,getDialogContainerProps:l,isOpen:u}=wm(),c=s(i,t),d=l(o),h=Et("chakra-modal__content",r),v=H1(),g={display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0,...v.dialog},p={display:"flex",width:"100vw",height:"$100vh",position:"fixed",left:0,top:0,...v.dialogContainer},{placement:k}=pY();return S.jsx(mY,{children:S.jsx(xe.div,{...d,className:"chakra-modal__content-container",__css:p,children:S.jsx(wY,{motionProps:a,direction:k,in:u,className:h,...c,__css:g,children:n})})})});CE.displayName="DrawerContent";var xY=xe(pm.div),EE=ze((e,t)=>{const{className:r,transition:n,motionProps:a,...o}=e,i=Et("chakra-modal__overlay",r),l={pos:"fixed",left:"0",top:"0",w:"100vw",h:"100vh",...H1().overlay},{motionPreset:u}=wm(),d=a||(u==="none"?{}:T3);return S.jsx(xY,{...d,__css:l,ref:t,className:i,...o})});EE.displayName="ModalOverlay";var PE=ze((e,t)=>{const{className:r,...n}=e,{bodyId:a,setBodyMounted:o}=wm();C.useEffect(()=>(o(!0),()=>o(!1)),[o]);const i=Et("chakra-modal__body",r),s=H1();return S.jsx(xe.div,{ref:t,className:i,id:a,...n,__css:s.body})});PE.displayName="ModalBody";function SY(e,t=[]){const r=Object.assign({},e);for(const n of t)n in r&&delete r[n];return r}var kY=["h","minH","height","minHeight"],ME=ze((e,t)=>{const r=qs("Textarea",e),{className:n,rows:a,...o}=Pa(e),i=M3(o),s=a?SY(r,kY):r;return S.jsx(xe.textarea,{ref:t,rows:a,...i,className:Et("chakra-textarea",n),__css:s})});ME.displayName="Textarea";const _Y="/assets/SabirAnsari-9a7c4112.gif";var yf={},U1;Object.defineProperty(yf,"__esModule",{value:!0});var Xl=S,xn=C,un=function(){return un=Object.assign||function(e){for(var t,r=1,n=arguments.length;r0&&(N.current+=1,N.current/r.length===a&&(V.current=!1,D.current=!0)))),j.current&&h&&h(N.current),R.current&&v&&v(),V.current&&g&&g()},[x,c,l,a,i,r,y,h,v,g]);return xn.useEffect(function(){var fe=setTimeout(q,w);return D.current&&clearTimeout(fe),function(){return clearTimeout(fe)}},[q,w]),xn.useEffect(function(){d&&D.current&&d()},[d]),[y,{isType:j.current,isDelay:V.current,isDelete:R.current,isDone:D.current}]},CY="styles-module_blinkingCursor__yugAC",EY="styles-module_blinking__9VXRT";(function(e,t){t===void 0&&(t={});var r=t.insertAt;if(e&&typeof document<"u"){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",r==="top"&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}})(".styles-module_blinkingCursor__yugAC{color:inherit;font:inherit;left:3px;line-height:inherit;opacity:1;position:relative;top:0}.styles-module_blinking__9VXRT{animation-duration:.8s;animation-iteration-count:infinite;animation-name:styles-module_blink__rqfaf}@keyframes styles-module_blink__rqfaf{0%{opacity:1}to{opacity:0}}");var KS=xn.memo(function(e){var t=e.cursorBlinking,r=t===void 0||t,n=e.cursorStyle,a=n===void 0?"|":n,o=e.cursorColor,i=o===void 0?"inherit":o;return Xl.jsx("span",un({style:{color:i},className:"".concat(CY," ").concat(r?EY:"")},{children:a}))});yf.Cursor=KS,U1=yf.Typewriter=function(e){var t=e.words,r=t===void 0?["Hello World!","This is","a simple Typewriter"]:t,n=e.loop,a=n===void 0?1:n,o=e.typeSpeed,i=o===void 0?80:o,s=e.deleteSpeed,l=s===void 0?50:s,u=e.delaySpeed,c=u===void 0?1500:u,d=e.cursor,h=d!==void 0&&d,v=e.cursorStyle,g=v===void 0?"|":v,p=e.cursorColor,k=p===void 0?"inherit":p,w=e.cursorBlinking,y=w===void 0||w,x=e.onLoopDone,P=e.onType,N=e.onDelay,D=e.onDelete,R=QS({words:r,loop:a,typeSpeed:i,deleteSpeed:l,delaySpeed:c,onLoopDone:x,onType:P,onDelay:N,onDelete:D})[0];return Xl.jsxs(Xl.Fragment,{children:[Xl.jsx("span",{children:R}),h&&Xl.jsx(KS,{cursorStyle:g,cursorColor:k,cursorBlinking:y})]})},yf.useTypewriter=QS;const PY=()=>S.jsxs(qt,{id:"about",className:"about section",p:{base:"1rem 1rem",sm:"2rem 2rem",md:"2rem 3rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},direction:{base:"column",sm:"row",md:"row",lg:"row",xl:"row","2xl":"row"},children:[S.jsxs(qt,{w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},p:{base:"2rem",sm:"2rem",md:"2rem",lg:"3rem",xl:"3rem","2xl":"3rem"},direction:"column",align:"center",justify:"center",children:[S.jsx(Vn,{src:_Y,alt:"Sabir Ansari",w:{base:"90%",sm:"90%",md:"90%",lg:"70%",xl:"70%","2xl":"70%"}}),S.jsx(ai,{children:S.jsxs(Ze,{children:["Life is simple"," ",S.jsx("span",{style:{color:"#fca61f"},children:S.jsx(U1,{words:["Eat","Code","Sleep","Repeat!"],loop:!0,cursor:!0,cursorStyle:"_",typeSpeed:100,deleteSpeed:70,delaySpeed:1e3})})]})})]}),S.jsxs(Dt,{w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},children:[S.jsxs(qt,{ml:"1rem",children:[S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",mr:".6rem",children:"All"}),S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"About Me"})]}),S.jsxs(fE,{id:"user-detail-intro",spacing:".5rem",styleType:"square",textAlign:"justify",color:"#788097",children:[S.jsx(Li,{children:"Hello! My name Sabir Ansari and I enjoy creating things that live on the internet."}),S.jsx(Li,{children:"I'm a passionate Developer, with strong administrative and communication skills, good attention to detail and the ability to write efficient code using MERN Stack with javascript & typescript,"}),S.jsx(Li,{children:"My interest in web development started back in 2022 when I saw my friend making webpages and I got facinated with it."}),S.jsx(Li,{children:"As I grow and flourish as a Developer, one thing which keeps me going is my inquisitiveness for discovering new things every day."}),S.jsx(Li,{children:"Fast Forwarding to today, I built a number of web applications and 4 major projects. Learned a great deal about teamwork, leadership, and communication. After months of rigorous training, here I am looking for an opportunity as a full stack web developer."})]})]})]}),MY="data:image/png;base64,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",$Y="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABWCAYAAAC6lArJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARGSURBVHgB7ZxBchpHFIb/19Mj5FXYJ5bHJwg5QaQTWK6sYpUrcAKRE8g+QZwTIFcKK7s4JzA+QcgJPK5kH3uVMkz3c/dIYCGDPIJuqdx+3wIoMUPBx6P79es3IqyAB0V7mtuuUvQ9AR0GitMn8AaEMSke26n9M3/47wjCUujiH7xU27JHDOqjGaPpO+rd6pUlhAUW5P4/KIqtFr+YR2lz3mTuy6AH5VMIc+ZyNxA7h43Zk2HiA2r2IG/xYBOxHsqyP/ywAqGmllsNb3fd3S42p11t2aZjdfKcRi6pnxAIIjqEUDMbFnYRjvZkWHQgQE0GMUQYketQpBF8AiJQAeFDtiCER1UaJQLD5JbIAtStH92ylcPKIGPHEGapGELKKGWVdkotlw09RiCYWeoLZ9Ry84flyN2NsDmlnqgnEGrm2cKUqOeqOCXWxY3bluk+9UqZzM5YLDmeuMoYr1EZ82JBe1sHpUxk51jIc33moN7Rd8zNx2AiPs4mdFfEfgytesJHcW5dzYH4Hp1G8nwl5yJ7bC29zKc4lmFAEARBEARhXQhfIJPh1x0F1WFQoTJ8BePSzMwthAzeslsQEdtxVely00aXWq7fDq90FWRrRld63CT39X0SWlcFAvCpKpz/fGbL7NcbsYyO+9RNd19Kt0ga2co+XafSp/2NK5h3KMteIAAVqj00KAJlOfZJZb8gDEt/gXVr1rY9NJb7Tmx79ZErKdxqtevcdKtnd1zd2z7WB/8cNz35xrZ5FJmoK7vpb9/s2hb/5eQ8ukKkXkbhvqCBk/zKv3aTE5LcQzPD4tD/EjftIFpB4V/bnOwcferA5OSak+KIiaPXlP0vohruDC47Jim5tVjmR7guiLqXCU5GbvXs9v61ip3hBJvfd5ZOzEnI9WkdQYXKPK4MW+ovm+SSkJtv+074KJNXY9wkN7jYPpvGsOByUdw8xcX2WWlnCohvnz0fvSI3LAvN3yI3MOebv0VueNqzzEEjdXwJEfzcEt76xy6a7jBRgbDd9Itkat/djlKWO/I9cGetWh/hWwe0Rd+VFINfw6FA99xdP71hwbfDMvX0g9d7q8R6fANMflD2p0R3N2rjWvoWXKnSZQ1pyT1rq9IH5XHTU7xkw3Q/dI+yaWE3sciln9dpq/LnuC2fXxEQC1skI9f3rF0lYi+iJ3gSMnozwrfJyJ1AbdTA7ff9Qkavq/emEbk+autrOzbFBmkAr/HNi0nIZateIgB1dhFwaEhCrkW4C2aIwqRlnErk5tv0HwJhwH8jEGmMuT+8eo1AkAwLURG5nwMiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyI3Jtf/2ykkjkRuRERuRERuROrLU3WFsVG2hwBUWpdNjmOo58Sm0bHXScj39R4fnYFD7qnNfQAAAABJRU5ErkJggg==",DY="/assets/sabirAnsari-d1ce9f84.png",$E="/assets/Sabir-Ansari-Resume-76cccda3.pdf",OY=()=>S.jsxs(qt,{id:"home",p:{base:"1rem 1rem",sm:"1rem 1rem",md:"1rem 2rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},direction:{base:"column",sm:"row",md:"row",lg:"row",xl:"row","2xl":"row"},children:[S.jsxs(qu,{gap:"1rem",w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},children:[S.jsxs(Dt,{children:[S.jsxs(Dt,{children:[S.jsx(Ze,{fontSize:"4xl",fontWeight:"bold",children:"Hy, I Am"}),S.jsx(Ze,{id:"user-detail-name",fontSize:"5xl",fontWeight:"extrabold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Sabir Ansari"})]}),S.jsx(Dt,{textAlign:"justify",color:"#788097",children:"An enthusiastic solution-driven full-stack web developer with a creative mindset, skilled to use both front-end & back-end web development tools. Aiming to leverage once knowledge & build world-class applications."})]}),S.jsxs(Dt,{id:"resume-button-2",onClick:()=>{window.open("https://drive.google.com/file/d/1rP6gLNhHjeqTRtcApa2yPUU1DHvWyXYP/view")},children:[" ",S.jsx("a",{id:"resume-link-2",href:$E,download:"Sabir-Ansari-Resume",children:S.jsx("button",{className:"button",children:"Resume"})})]}),S.jsxs(qt,{children:[S.jsx("a",{href:"https://github.com/sabiransari1",target:"_blank",rel:"noreferrer noopener",children:S.jsx(Vn,{id:"contact-github",src:MY,w:"50%",transition:"transform .5s",_hover:{transform:"scale(1.5)"}})}),S.jsx("a",{href:"https://www.linkedin.com/in/sabir-ansari-33b275257/",target:"_blank",rel:"noreferrer noopener",children:S.jsx(Vn,{id:"contact-linkedin",src:$Y,w:"50%",transition:"transform .5s",_hover:{transform:"scale(1.5)"}})})]})]}),S.jsxs(qt,{w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},p:{base:"2rem",sm:"2rem",md:"2rem",lg:"3rem",xl:"3rem","2xl":"3rem"},direction:"column",align:"center",justify:"center",children:[S.jsx(Vn,{src:DY,alt:"Sabir Ansari",borderRadius:"5px",className:"home-img",w:{base:"90%",sm:"90%",md:"90%",lg:"70%",xl:"70%","2xl":"70%"}}),S.jsx(ai,{children:S.jsx(Ze,{fontSize:{base:"1xl",sm:"1xl",md:"2xl",lg:"3xl",xl:"3xl","2xl":"3xl"},children:S.jsx(U1,{words:["I'm A MERN Developer"],loop:!0,cursor:!0,cursorStyle:"_",typeSpeed:70,deleteSpeed:50,delaySpeed:1e3})})})]})]});var kt={},Y1={},dc={},fc={},DE="Expected a function",ZS=0/0,AY="[object Symbol]",RY=/^\s+|\s+$/g,IY=/^[-+]0x[0-9a-f]+$/i,NY=/^0b[01]+$/i,FY=/^0o[0-7]+$/i,jY=parseInt,LY=typeof ca=="object"&&ca&&ca.Object===Object&&ca,zY=typeof self=="object"&&self&&self.Object===Object&&self,BY=LY||zY||Function("return this")(),WY=Object.prototype,VY=WY.toString,HY=Math.max,UY=Math.min,n0=function(){return BY.Date.now()};function YY(e,t,r){var n,a,o,i,s,l,u=0,c=!1,d=!1,h=!0;if(typeof e!="function")throw new TypeError(DE);t=JS(t)||0,mh(r)&&(c=!!r.leading,d="maxWait"in r,o=d?HY(JS(r.maxWait)||0,t):o,h="trailing"in r?!!r.trailing:h);function v(D){var R=n,j=a;return n=a=void 0,u=D,i=e.apply(j,R),i}function g(D){return u=D,s=setTimeout(w,t),c?v(D):i}function p(D){var R=D-l,j=D-u,V=t-R;return d?UY(V,o-j):V}function k(D){var R=D-l,j=D-u;return l===void 0||R>=t||R<0||d&&j>=o}function w(){var D=n0();if(k(D))return y(D);s=setTimeout(w,p(D))}function y(D){return s=void 0,h&&n?v(D):(n=a=void 0,i)}function x(){s!==void 0&&clearTimeout(s),u=0,n=l=a=s=void 0}function P(){return s===void 0?i:y(n0())}function N(){var D=n0(),R=k(D);if(n=arguments,a=this,l=D,R){if(s===void 0)return g(l);if(d)return s=setTimeout(w,t),v(l)}return s===void 0&&(s=setTimeout(w,t)),i}return N.cancel=x,N.flush=P,N}function GY(e,t,r){var n=!0,a=!0;if(typeof e!="function")throw new TypeError(DE);return mh(r)&&(n="leading"in r?!!r.leading:n,a="trailing"in r?!!r.trailing:a),YY(e,t,{leading:n,maxWait:t,trailing:a})}function mh(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function qY(e){return!!e&&typeof e=="object"}function XY(e){return typeof e=="symbol"||qY(e)&&VY.call(e)==AY}function JS(e){if(typeof e=="number")return e;if(XY(e))return ZS;if(mh(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=mh(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=e.replace(RY,"");var r=NY.test(e);return r||FY.test(e)?jY(e.slice(2),r?2:8):IY.test(e)?ZS:+e}var QY=GY,hc={};Object.defineProperty(hc,"__esModule",{value:!0});hc.addPassiveEventListener=function(t,r,n){var a=n.name;a||(a=r,console.warn("Listener must be a named function.")),bf.has(r)||bf.set(r,new Set);var o=bf.get(r);if(!o.has(a)){var i=function(){var s=!1;try{var l=Object.defineProperty({},"passive",{get:function(){s=!0}});window.addEventListener("test",null,l)}catch{}return s}();t.addEventListener(r,n,i?{passive:!0}:!1),o.add(a)}};hc.removePassiveEventListener=function(t,r,n){t.removeEventListener(r,n),bf.get(r).delete(n.name||r)};var bf=new Map;Object.defineProperty(fc,"__esModule",{value:!0});var KY=QY,ZY=eG(KY),JY=hc;function eG(e){return e&&e.__esModule?e:{default:e}}var tG=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:66;return(0,ZY.default)(t,r)},pt={spyCallbacks:[],spySetState:[],scrollSpyContainers:[],mount:function(t,r){if(t){var n=tG(function(a){pt.scrollHandler(t)},r);pt.scrollSpyContainers.push(t),(0,JY.addPassiveEventListener)(t,"scroll",n)}},isMounted:function(t){return pt.scrollSpyContainers.indexOf(t)!==-1},currentPositionX:function(t){if(t===document){var r=window.pageYOffset!==void 0,n=(document.compatMode||"")==="CSS1Compat";return r?window.pageXOffset:n?document.documentElement.scrollLeft:document.body.scrollLeft}else return t.scrollLeft},currentPositionY:function(t){if(t===document){var r=window.pageXOffset!==void 0,n=(document.compatMode||"")==="CSS1Compat";return r?window.pageYOffset:n?document.documentElement.scrollTop:document.body.scrollTop}else return t.scrollTop},scrollHandler:function(t){var r=pt.scrollSpyContainers[pt.scrollSpyContainers.indexOf(t)].spyCallbacks||[];r.forEach(function(n){return n(pt.currentPositionX(t),pt.currentPositionY(t))})},addStateHandler:function(t){pt.spySetState.push(t)},addSpyHandler:function(t,r){var n=pt.scrollSpyContainers[pt.scrollSpyContainers.indexOf(r)];n.spyCallbacks||(n.spyCallbacks=[]),n.spyCallbacks.push(t),t(pt.currentPositionX(r),pt.currentPositionY(r))},updateStates:function(){pt.spySetState.forEach(function(t){return t()})},unmount:function(t,r){pt.scrollSpyContainers.forEach(function(n){return n.spyCallbacks&&n.spyCallbacks.length&&n.spyCallbacks.indexOf(r)>-1&&n.spyCallbacks.splice(n.spyCallbacks.indexOf(r),1)}),pt.spySetState&&pt.spySetState.length&&pt.spySetState.indexOf(t)>-1&&pt.spySetState.splice(pt.spySetState.indexOf(t),1),document.removeEventListener("scroll",pt.scrollHandler)},update:function(){return pt.scrollSpyContainers.forEach(function(t){return pt.scrollHandler(t)})}};fc.default=pt;var Qs={},mc={};Object.defineProperty(mc,"__esModule",{value:!0});var rG=function(t,r){var n=t.indexOf("#")===0?t.substring(1):t,a=n?"#"+n:"",o=window&&window.location,i=a?o.pathname+o.search+a:o.pathname+o.search;r?history.pushState(history.state,"",i):history.replaceState(history.state,"",i)},nG=function(){return window.location.hash.replace(/^#/,"")},aG=function(t){return function(r){return t.contains?t!=r&&t.contains(r):!!(t.compareDocumentPosition(r)&16)}},oG=function(t){return getComputedStyle(t).position!=="static"},a0=function(t,r){for(var n=t.offsetTop,a=t.offsetParent;a&&!r(a);)n+=a.offsetTop,a=a.offsetParent;return{offsetTop:n,offsetParent:a}},iG=function(t,r,n){if(n)return t===document?r.getBoundingClientRect().left+(window.scrollX||window.pageXOffset):getComputedStyle(t).position!=="static"?r.offsetLeft:r.offsetLeft-t.offsetLeft;if(t===document)return r.getBoundingClientRect().top+(window.scrollY||window.pageYOffset);if(oG(t)){if(r.offsetParent!==t){var a=function(c){return c===t||c===document},o=a0(r,a),i=o.offsetTop,s=o.offsetParent;if(s!==t)throw new Error("Seems containerElement is not an ancestor of the Element");return i}return r.offsetTop}if(r.offsetParent===t.offsetParent)return r.offsetTop-t.offsetTop;var l=function(c){return c===document};return a0(r,l).offsetTop-a0(t,l).offsetTop};mc.default={updateHash:rG,getHash:nG,filterElementInContainer:aG,scrollOffset:iG};var Sm={},G1={};Object.defineProperty(G1,"__esModule",{value:!0});G1.default={defaultEasing:function(t){return t<.5?Math.pow(t*2,2)/2:1-Math.pow((1-t)*2,2)/2},linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return t*(2-t)},easeInOutQuad:function(t){return t<.5?2*t*t:-1+(4-2*t)*t},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return--t*t*t+1},easeInOutCubic:function(t){return t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return 1- --t*t*t*t},easeInOutQuart:function(t){return t<.5?8*t*t*t*t:1-8*--t*t*t*t},easeInQuint:function(t){return t*t*t*t*t},easeOutQuint:function(t){return 1+--t*t*t*t*t},easeInOutQuint:function(t){return t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t}};var q1={};Object.defineProperty(q1,"__esModule",{value:!0});var sG=hc,lG=["mousedown","mousewheel","touchmove","keydown"];q1.default={subscribe:function(t){return typeof document<"u"&&lG.forEach(function(r){return(0,sG.addPassiveEventListener)(document,r,t)})}};var vc={};Object.defineProperty(vc,"__esModule",{value:!0});var Yg={registered:{},scrollEvent:{register:function(t,r){Yg.registered[t]=r},remove:function(t){Yg.registered[t]=null}}};vc.default=Yg;Object.defineProperty(Sm,"__esModule",{value:!0});var uG=Object.assign||function(e){for(var t=1;t=a.duration?1:t(a.progress/a.duration),a.currentPosition=a.startPosition+Math.ceil(a.delta*a.percent),a.containerElement&&a.containerElement!==document&&a.containerElement!==document.body?r.horizontal?a.containerElement.scrollLeft=a.currentPosition:a.containerElement.scrollTop=a.currentPosition:r.horizontal?window.scrollTo(a.currentPosition,0):window.scrollTo(0,a.currentPosition),a.percent<1){var o=e.bind(null,t,r);Gg.call(window,o);return}Mn.default.registered.end&&Mn.default.registered.end(a.to,a.target,a.currentPosition)},X1=function(t){t.data.containerElement=t?t.containerId?document.getElementById(t.containerId):t.container&&t.container.nodeType?t.container:document:null},pc=function(t,r,n,a){r.data=r.data||AE(),window.clearTimeout(r.data.delayTimeout);var o=function(){r.data.cancel=!0};if(hG.default.subscribe(o),X1(r),r.data.start=null,r.data.cancel=!1,r.data.startPosition=r.horizontal?RE(r):IE(r),r.data.targetPosition=r.absolute?t:t+r.data.startPosition,r.data.startPosition===r.data.targetPosition){Mn.default.registered.end&&Mn.default.registered.end(r.data.to,r.data.target,r.data.currentPosition);return}r.data.delta=Math.round(r.data.targetPosition-r.data.startPosition),r.data.duration=vG(r.duration)(r.data.delta),r.data.duration=isNaN(parseFloat(r.data.duration))?1e3:parseFloat(r.data.duration),r.data.to=n,r.data.target=a;var i=OE(r),s=bG.bind(null,i,r);if(r&&r.delay>0){r.data.delayTimeout=window.setTimeout(function(){Mn.default.registered.begin&&Mn.default.registered.begin(r.data.to,r.data.target),Gg.call(window,s)},r.delay);return}Mn.default.registered.begin&&Mn.default.registered.begin(r.data.to,r.data.target),Gg.call(window,s)},_m=function(t){return t=uG({},t),t.data=t.data||AE(),t.absolute=!0,t},wG=function(t){pc(0,_m(t))},xG=function(t,r){pc(t,_m(r))},SG=function(t){t=_m(t),X1(t),pc(t.horizontal?gG(t):yG(t),t)},kG=function(t,r){r=_m(r),X1(r);var n=r.horizontal?RE(r):IE(r);pc(t+n,r)};Sm.default={animateTopScroll:pc,getAnimationType:OE,scrollToTop:wG,scrollToBottom:SG,scrollTo:xG,scrollMore:kG};Object.defineProperty(Qs,"__esModule",{value:!0});var _G=Object.assign||function(e){for(var t=1;t=Math.floor(p)&&P=Math.floor(k)}else{var N=0,D=0,R=0;if(u.getBoundingClientRect){var j=u.getBoundingClientRect();R=j.top}if(!h||i.props.isDynamic){if(h=r.get(d),!h)return;var V=h.getBoundingClientRect();N=V.top-R+l,D=N+V.height}var q=l-i.props.offset;v=q>=Math.floor(N)&&q=Math.floor(D)}var fe=r.getActiveLink();if(g){if(d===fe&&r.setActiveLink(void 0),i.props.hashSpy&&Ba.default.getHash()===d){var Ce=i.props.saveHashHistory,Le=Ce===void 0?!1:Ce;Ba.default.changeHash("",Le)}i.props.spy&&i.state.active&&(i.setState({active:!1}),i.props.onSetInactive&&i.props.onSetInactive(d,h))}if(v&&(fe!==d||i.state.active===!1)){r.setActiveLink(d);var be=i.props.saveHashHistory,he=be===void 0?!1:be;i.props.hashSpy&&Ba.default.changeHash(d,he),i.props.spy&&(i.setState({active:!0}),i.props.onSetActive&&i.props.onSetActive(d,h))}}}};return n.propTypes=nk,n.defaultProps={offset:0},n};Object.defineProperty(Y1,"__esModule",{value:!0});var VG=C,ak=NE(VG),HG=dc,UG=NE(HG);function NE(e){return e&&e.__esModule?e:{default:e}}function YG(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ok(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function GG(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var qG=function(e){GG(t,e);function t(){var r,n,a,o;YG(this,t);for(var i=arguments.length,s=Array(i),l=0;l"u")return!1;this.registerElems(this.props.name)}},{key:"componentDidUpdate",value:function(o){this.props.name!==o.name&&this.registerElems(this.props.name)}},{key:"componentWillUnmount",value:function(){if(typeof window>"u")return!1;lk.default.unregister(this.props.name)}},{key:"registerElems",value:function(o){lk.default.register(o,this.childBindings.domNode)}},{key:"render",value:function(){return sk.default.createElement(e,nq({},this.props,{parentBindings:this.childBindings}))}}]),n}(sk.default.Component);return t.propTypes={name:uk.default.string,id:uk.default.string},t};Object.defineProperty(Z1,"__esModule",{value:!0});var ck=Object.assign||function(e){for(var t=1;t=Math.floor(h)&&w=Math.floor(v),P=n.getActiveLink();if(x)return c===P&&n.setActiveLink(void 0),s.props.hashSpy&&Wa.getHash()===c&&Wa.changeHash(),s.props.spy&&s.state.active&&(s.setState({active:!1}),s.props.onSetInactive&&s.props.onSetInactive()),Oo.updateStates();if(y&&P!==c)return n.setActiveLink(c),s.props.hashSpy&&Wa.changeHash(c),s.props.spy&&(s.setState({active:!0}),s.props.onSetActive&&s.props.onSetActive(c)),Oo.updateStates()}}};return a.propTypes=gk,a.defaultProps={offset:0},a},Element:function(t){console.warn("Helpers.Element is deprecated since v1.7.0");var r=function(n){pk(a,n);function a(o){mk(this,a);var i=vk(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,o));return i.childBindings={domNode:null},i}return hk(a,[{key:"componentDidMount",value:function(){if(typeof window>"u")return!1;this.registerElems(this.props.name)}},{key:"componentDidUpdate",value:function(i){this.props.name!==i.name&&this.registerElems(this.props.name)}},{key:"componentWillUnmount",value:function(){if(typeof window>"u")return!1;s0.unregister(this.props.name)}},{key:"registerElems",value:function(i){s0.register(i,this.childBindings.domNode)}},{key:"render",value:function(){return Ld.createElement(t,i0({},this.props,{parentBindings:this.childBindings}))}}]),a}(Ld.Component);return r.propTypes={name:gt.string,id:gt.string},r}},xq=wq;Object.defineProperty(kt,"__esModule",{value:!0});kt.Helpers=kt.ScrollElement=kt.ScrollLink=kt.animateScroll=kt.scrollSpy=kt.Events=kt.scroller=kt.Element=kt.Button=sn=kt.Link=void 0;var Sq=Y1,LE=Gn(Sq),kq=K1,zE=Gn(kq),_q=Z1,BE=Gn(_q),Tq=Qs,WE=Gn(Tq),Cq=vc,VE=Gn(Cq),Eq=fc,HE=Gn(Eq),Pq=Sm,UE=Gn(Pq),Mq=dc,YE=Gn(Mq),$q=Cm,GE=Gn($q),Dq=xq,qE=Gn(Dq);function Gn(e){return e&&e.__esModule?e:{default:e}}var sn=kt.Link=LE.default;kt.Button=zE.default;kt.Element=BE.default;kt.scroller=WE.default;kt.Events=VE.default;kt.scrollSpy=HE.default;kt.animateScroll=UE.default;kt.ScrollLink=YE.default;kt.ScrollElement=GE.default;kt.Helpers=qE.default;kt.default={Link:LE.default,Button:zE.default,Element:BE.default,scroller:WE.default,Events:VE.default,scrollSpy:HE.default,animateScroll:UE.default,ScrollLink:YE.default,ScrollElement:GE.default,Helpers:qE.default};var XE={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},yk=Ar.createContext&&Ar.createContext(XE),uo=globalThis&&globalThis.__assign||function(){return uo=Object.assign||function(e){for(var t,r=1,n=arguments.length;r{const{colorMode:e,toggleColorMode:t}=ui(),{isOpen:r,onOpen:n,onClose:a}=bU();return S.jsxs(qt,{id:"nav-menu",pos:"sticky",w:"100%",h:"80px",align:"center",justify:"space-between",top:"0",p:{base:"0rem 1rem",sm:"0rem 1rem",md:"0rem 2rem",lg:"0rem 5rem",xl:"0rem 5rem","2xl":"0rem 5rem"},zIndex:"1",bg:e==="light"?"white":"black",children:[S.jsxs(Dt,{display:{base:"block",sm:"block",md:"none",lg:"none",xl:"none","2xl":"none"},children:[S.jsx(zg,{icon:S.jsx(zq,{}),size:"sm",onClick:n}),S.jsxs(bY,{placement:"top",onClose:a,isOpen:r,children:[S.jsx(EE,{}),S.jsx(CE,{children:S.jsxs(PE,{p:{base:"1rem 1rem",sm:"1rem 1rem",md:"2rem 2rem",lg:"2rem 5rem",xl:"2rem 5rem","2xl":"2rem 5rem"},bg:e==="light"?"white":"black",children:[S.jsx(sn,{to:"home",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link home",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Home"})}),S.jsx(sn,{to:"about",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link about",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"About Me"})}),S.jsx(sn,{to:"skills",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link skills",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Skills"})}),S.jsx(sn,{to:"projects",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link projects",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Projects"})}),S.jsx(sn,{to:"contact",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link contact",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Contact"})})]})})]})]}),S.jsx(Dt,{fontWeight:"extrabold",fontSize:{base:"2xl",sm:"2xl",md:"2xl",lg:"3xl",xl:"3xl","2xl":"3xl"},bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Sabir Ansari"}),S.jsxs(qt,{w:"60%",align:"center",justify:"space-between",display:{base:"none",sm:"none",md:"flex",lg:"flex",xl:"flex","2xl":"flex"},children:[S.jsx(sn,{to:"home",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link home",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Home"})}),S.jsx(sn,{to:"about",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link about",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"About Me"})}),S.jsx(sn,{to:"skills",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link skills",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Skills"})}),S.jsx(sn,{to:"projects",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link projects",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Projects"})}),S.jsx(sn,{to:"contact",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link contact",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Contact"})})]}),S.jsxs(Dt,{id:"resume-button-1",display:{base:"none",sm:"none",md:"block",lg:"block",xl:"block","2xl":"block"},onClick:()=>{window.open("https://drive.google.com/file/d/1rP6gLNhHjeqTRtcApa2yPUU1DHvWyXYP/view")},children:[" ",S.jsx("a",{id:"resume-link-1",href:$E,download:"Sabir-Ansari-Resume",children:S.jsx("button",{className:"button nav-link resume",children:"Resume"})})]}),S.jsx(Dt,{children:S.jsx(zg,{icon:e==="light"?S.jsx(Nq,{}):S.jsx(jq,{}),isRound:!0,size:"sm",onClick:t})})]})},Wq="/assets/todo-7a5cb86f.png",Vq="/assets/admin_dashboard-7d90180f.png",Hq="/assets/dashboard-5a774688.png",Uq="/assets/safar-a9da8321.png",l0=[{img:Wq,title:"Todo Application",desc:"A Todo Application, It allows users to effortlessly manage their tasks and events, helping them stay organized and on top.",stack:"HTML, CSS, JavaScript, LocalStorage, React.js, Chakra-UI",codebase:"https://github.com/sabiransari1/todo-application",live:"https://todo-application-sabiransari1.vercel.app/"},{img:Vq,title:"Admin Dashboard",desc:"CRUD dashboard, an user interface that we use to interact with databases through APIs with chart presentation.",stack:"HTML, CSS, JavaScript, React.js, Redux, React-Redux, Redux-Thunk, MVC-architecture, Chakra-UI, Json-Server, Chart.js, React-Chartjs-2",codebase:"https://github.com/sabiransari1/admin-dashboard",live:"https://admin-dashboard-sabiransari1.vercel.app/"},{img:Hq,title:"CRUD Dashboard",desc:"CRUD dashboard, an user interface that we use to interact with databases through APIs.",stack:"HTML, CSS, JavaScript, React.js, Redux, React-Redux, Redux-Thunk, MVC-architecture, Chakra-UI, Json-Server",codebase:"https://github.com/sabiransari1/dashboard",live:"https://dashboard-sabiransari1.vercel.app/"},{img:Uq,title:"SAFAR",desc:"SAFAR an online hotel booking platform that allows users to book hotels all over the world.",stack:"HTML, CSS, JavaScript, React.js, Redux, React-Redux, Redux-Thunk, MVC-architecture, Chakra-UI, TypeScript",codebase:"https://github.com/sabiransari1/safar",live:"https://safar-sabiransari1.vercel.app/"}],Yq=()=>{const{colorMode:e}=ui();return S.jsxs(Dt,{id:"projects",p:{base:"1rem 1rem",sm:"1rem 1rem",md:"1rem 2rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},children:[S.jsxs(qt,{children:[S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",mr:".6rem",children:"My"}),S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Creative Projects"})]}),S.jsx(qu,{templateColumns:{base:"repeat(1,1fr)",sm:"repeat(2,1fr)",md:"repeat(2,1fr)",lg:"repeat(2,1fr)",xl:"repeat(2,1fr)","2xl":"repeat(3,1fr)"},gap:"2rem",children:l0==null?void 0:l0.map((t,r)=>S.jsxs(qu,{className:"project-card",p:{base:"1rem",sm:"1rem",md:"1rem",lg:"3rem",xl:"3rem","2xl":"3rem"},gap:".5rem",borderRadius:"10px",color:"#788097",w:"100%",children:[S.jsx("a",{href:t.live,target:"_blank",rel:"noreferrer noopener",children:S.jsx(Vn,{src:t.img,alt:t.title,margin:"auto",borderRadius:"10px",cursor:"pointer",transition:"transform .5s",_hover:{cursor:"pointer",transform:"scale(0.9)"}})}),S.jsx(ai,{className:"project-title",fontSize:"2xl",color:e==="light"?"black":"white",children:t.title}),S.jsx(Ze,{className:"project-description",textAlign:"justify",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"1xl",xl:"1xl","2xl":"2xl"},children:t.desc}),S.jsxs(Dt,{className:"project-tech-stack",children:[S.jsxs(Ze,{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",display:"inline",children:["Tech Stack :-"," "]}),S.jsxs(Ze,{display:"inline",children:[t.stack," "]})]}),S.jsxs(qt,{justify:"space-between",children:[S.jsx("a",{href:t.codebase,target:"_blank",rel:"noreferrer noopener",children:S.jsx("button",{className:"button project-github-link",children:"Codebase"})}),S.jsx("a",{href:t.live,target:"_blank",rel:"noreferrer noopener",children:S.jsx("button",{className:"button project-deployed-link",children:"Live"})})]})]},r))})]})},Gq="/assets/html-761193d8.png",qq="/assets/css-c02aa360.png",Xq="/assets/javascript-d4659d34.png",Qq="/assets/react-516f67a1.png",Kq="/assets/redux-90098253.png",Zq="/assets/typescript-90c7f6f9.png",Jq="/assets/chakra-d219a6ab.png",eX="/assets/nodejs-eb8f98ea.png",tX="/assets/express-1f91d4f5.png",rX="/assets/mongodb-1552e4db.png",nX="/assets/git-5e92060f.png",aX=({img:e,name:t})=>S.jsxs(Dt,{className:"skills-card",borderRadius:"10px",cursor:"pointer",p:".5rem",boxShadow:"rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px",w:"100px",children:[S.jsx(Vn,{className:"skills-card-img",src:e,alt:"Skill card img",w:"100%"}),S.jsx(ai,{className:"skills-card-name",mt:".5rem",children:t})]}),u0=[{img:Gq,name:"HTML",type:"frontend"},{img:qq,name:"CSS",type:"frontend"},{img:Xq,name:"JavaScript",type:"frontend"},{img:Qq,name:"React.js",type:"frontend"},{img:Kq,name:"Redux",type:"frontend"},{img:Zq,name:"TypeScript",type:"frontend"},{img:Jq,name:"Chakra-UI",type:"frontend"},{img:eX,name:"Node.js",type:"backend"},{img:tX,name:"Express",type:"backend"},{img:rX,name:"MongoDB",type:"backend"},{img:nX,name:"Git",type:"others"}],oX=()=>{const[e,t]=C.useState(u0),[r,n]=C.useState("all"),a=o=>{const{value:i}=o.target,s=u0.filter(l=>l.type===i);t(s.length===0?u0:s),n(i)};return S.jsx(Dt,{id:"skills",p:{base:"1rem 1rem",sm:"1rem 1rem",md:"1rem 2rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},children:S.jsxs(Dt,{children:[S.jsxs(qt,{children:[S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",mr:".6rem",children:"My"}),S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Technical Skills"})]}),S.jsxs(qt,{direction:"column",children:[S.jsxs(qt,{gap:"1rem",mb:"1rem",children:[S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="all"?"#fdc50f":"",onClick:a,value:"all",children:"All"}),S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="frontend"?"#fdc50f":"",onClick:a,value:"frontend",children:"Frontend"}),S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="backend"?"#fdc50f":"",onClick:a,value:"backend",children:"Backend"}),S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="others"?"#fdc50f":"",onClick:a,value:"others",children:"Others"})]}),S.jsx(Dt,{children:S.jsx(qu,{templateColumns:{base:"repeat(2,1fr)",sm:"repeat(4,1fr)",md:"repeat(6,1fr)",lg:"repeat(6,1fr)",xl:"repeat(8,1fr)","2xl":"repeat(8,1fr)"},gap:"1rem",children:e==null?void 0:e.map((o,i)=>S.jsx(aX,{...o},i))})})]})]})})};var KE={},Pm={},ZE={exports:{}};/** +`)},uY=0,Ni=[];function cY(e){var t=C.useRef([]),r=C.useRef([0,0]),n=C.useRef(),a=C.useState(uY++)[0],o=C.useState(xE)[0],i=C.useRef(e);C.useEffect(function(){i.current=e},[e]),C.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var p=iH([e.lockRef.current],(e.shards||[]).map(XS),!0).filter(Boolean);return p.forEach(function(k){return k.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),p.forEach(function(k){return k.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var s=C.useCallback(function(p,k){if("touches"in p&&p.touches.length===2)return!i.current.allowPinchZoom;var w=Rd(p),y=r.current,x="deltaX"in p?p.deltaX:y[0]-w[0],P="deltaY"in p?p.deltaY:y[1]-w[1],N,D=p.target,R=Math.abs(x)>Math.abs(P)?"h":"v";if("touches"in p&&R==="h"&&D.type==="range")return!1;var j=GS(R,D);if(!j)return!0;if(j?N=R:(N=R==="v"?"h":"v",j=GS(R,D)),!j)return!1;if(!n.current&&"changedTouches"in p&&(x||P)&&(n.current=N),!N)return!0;var V=n.current||N;return iY(V,k,p,V==="h"?x:P,!0)},[]),l=C.useCallback(function(p){var k=p;if(!(!Ni.length||Ni[Ni.length-1]!==o)){var w="deltaY"in k?qS(k):Rd(k),y=t.current.filter(function(N){return N.name===k.type&&(N.target===k.target||k.target===N.shadowParent)&&sY(N.delta,w)})[0];if(y&&y.should){k.cancelable&&k.preventDefault();return}if(!y){var x=(i.current.shards||[]).map(XS).filter(Boolean).filter(function(N){return N.contains(k.target)}),P=x.length>0?s(k,x[0]):!i.current.noIsolation;P&&k.cancelable&&k.preventDefault()}}},[]),u=C.useCallback(function(p,k,w,y){var x={name:p,delta:k,target:w,should:y,shadowParent:dY(w)};t.current.push(x),setTimeout(function(){t.current=t.current.filter(function(P){return P!==x})},1)},[]),c=C.useCallback(function(p){r.current=Rd(p),n.current=void 0},[]),d=C.useCallback(function(p){u(p.type,qS(p),p.target,s(p,e.lockRef.current))},[]),h=C.useCallback(function(p){u(p.type,Rd(p),p.target,s(p,e.lockRef.current))},[]);C.useEffect(function(){return Ni.push(o),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:h}),document.addEventListener("wheel",l,Ii),document.addEventListener("touchmove",l,Ii),document.addEventListener("touchstart",c,Ii),function(){Ni=Ni.filter(function(p){return p!==o}),document.removeEventListener("wheel",l,Ii),document.removeEventListener("touchmove",l,Ii),document.removeEventListener("touchstart",c,Ii)}},[]);var v=e.removeScrollBar,g=e.inert;return C.createElement(C.Fragment,null,g?C.createElement(o,{styles:lY(a)}):null,v?C.createElement(JU,{gapMode:e.gapMode}):null)}function dY(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const fY=sH(wE,cY);var TE=C.forwardRef(function(e,t){return C.createElement(xm,On({},e,{ref:t,sideCar:fY}))});TE.classNames=xm.classNames;const hY=TE;function mY(e){const{autoFocus:t,trapFocus:r,dialogRef:n,initialFocusRef:a,blockScrollOnMount:o,allowPinchZoom:i,finalFocusRef:s,returnFocusOnClose:l,preserveScrollBarGap:u,lockFocusAcrossFrames:c,isOpen:d}=wm(),[h,v]=n3();C.useEffect(()=>{!h&&v&&setTimeout(v)},[h,v]);const g=gE(n,d);return S.jsx(cE,{autoFocus:t,isDisabled:!r,initialFocusRef:a,finalFocusRef:s,restoreFocus:l,contentRef:n,lockFocusAcrossFrames:c,children:S.jsx(hY,{removeScrollBar:!u,allowPinchZoom:i,enabled:g===1&&o,forwardProps:!0,children:e.children})})}var[vY,pY]=Jr(),gY={start:{ltr:"left",rtl:"right"},end:{ltr:"right",rtl:"left"}};function yY(e,t){var r,n;if(e)return(n=(r=gY[e])==null?void 0:r[t])!=null?n:e}function bY(e){var t;const{isOpen:r,onClose:n,placement:a="right",children:o,...i}=e,s=yC(),l=(t=s.components)==null?void 0:t.Drawer,u=yY(a,s.direction);return S.jsx(vY,{value:{placement:u},children:S.jsx(bE,{isOpen:r,onClose:n,styleConfig:l,...i,children:o})})}var wY=xe(C3),CE=ze((e,t)=>{const{className:r,children:n,motionProps:a,containerProps:o,...i}=e,{getDialogProps:s,getDialogContainerProps:l,isOpen:u}=wm(),c=s(i,t),d=l(o),h=Et("chakra-modal__content",r),v=H1(),g={display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0,...v.dialog},p={display:"flex",width:"100vw",height:"$100vh",position:"fixed",left:0,top:0,...v.dialogContainer},{placement:k}=pY();return S.jsx(mY,{children:S.jsx(xe.div,{...d,className:"chakra-modal__content-container",__css:p,children:S.jsx(wY,{motionProps:a,direction:k,in:u,className:h,...c,__css:g,children:n})})})});CE.displayName="DrawerContent";var xY=xe(pm.div),EE=ze((e,t)=>{const{className:r,transition:n,motionProps:a,...o}=e,i=Et("chakra-modal__overlay",r),l={pos:"fixed",left:"0",top:"0",w:"100vw",h:"100vh",...H1().overlay},{motionPreset:u}=wm(),d=a||(u==="none"?{}:T3);return S.jsx(xY,{...d,__css:l,ref:t,className:i,...o})});EE.displayName="ModalOverlay";var PE=ze((e,t)=>{const{className:r,...n}=e,{bodyId:a,setBodyMounted:o}=wm();C.useEffect(()=>(o(!0),()=>o(!1)),[o]);const i=Et("chakra-modal__body",r),s=H1();return S.jsx(xe.div,{ref:t,className:i,id:a,...n,__css:s.body})});PE.displayName="ModalBody";function SY(e,t=[]){const r=Object.assign({},e);for(const n of t)n in r&&delete r[n];return r}var kY=["h","minH","height","minHeight"],ME=ze((e,t)=>{const r=qs("Textarea",e),{className:n,rows:a,...o}=Pa(e),i=M3(o),s=a?SY(r,kY):r;return S.jsx(xe.textarea,{ref:t,rows:a,...i,className:Et("chakra-textarea",n),__css:s})});ME.displayName="Textarea";const _Y="/assets/SabirAnsari-9a7c4112.gif";var yf={},U1;Object.defineProperty(yf,"__esModule",{value:!0});var Xl=S,xn=C,un=function(){return un=Object.assign||function(e){for(var t,r=1,n=arguments.length;r0&&(N.current+=1,N.current/r.length===a&&(V.current=!1,D.current=!0)))),j.current&&h&&h(N.current),R.current&&v&&v(),V.current&&g&&g()},[x,c,l,a,i,r,y,h,v,g]);return xn.useEffect(function(){var fe=setTimeout(q,w);return D.current&&clearTimeout(fe),function(){return clearTimeout(fe)}},[q,w]),xn.useEffect(function(){d&&D.current&&d()},[d]),[y,{isType:j.current,isDelay:V.current,isDelete:R.current,isDone:D.current}]},CY="styles-module_blinkingCursor__yugAC",EY="styles-module_blinking__9VXRT";(function(e,t){t===void 0&&(t={});var r=t.insertAt;if(e&&typeof document<"u"){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",r==="top"&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}})(".styles-module_blinkingCursor__yugAC{color:inherit;font:inherit;left:3px;line-height:inherit;opacity:1;position:relative;top:0}.styles-module_blinking__9VXRT{animation-duration:.8s;animation-iteration-count:infinite;animation-name:styles-module_blink__rqfaf}@keyframes styles-module_blink__rqfaf{0%{opacity:1}to{opacity:0}}");var KS=xn.memo(function(e){var t=e.cursorBlinking,r=t===void 0||t,n=e.cursorStyle,a=n===void 0?"|":n,o=e.cursorColor,i=o===void 0?"inherit":o;return Xl.jsx("span",un({style:{color:i},className:"".concat(CY," ").concat(r?EY:"")},{children:a}))});yf.Cursor=KS,U1=yf.Typewriter=function(e){var t=e.words,r=t===void 0?["Hello World!","This is","a simple Typewriter"]:t,n=e.loop,a=n===void 0?1:n,o=e.typeSpeed,i=o===void 0?80:o,s=e.deleteSpeed,l=s===void 0?50:s,u=e.delaySpeed,c=u===void 0?1500:u,d=e.cursor,h=d!==void 0&&d,v=e.cursorStyle,g=v===void 0?"|":v,p=e.cursorColor,k=p===void 0?"inherit":p,w=e.cursorBlinking,y=w===void 0||w,x=e.onLoopDone,P=e.onType,N=e.onDelay,D=e.onDelete,R=QS({words:r,loop:a,typeSpeed:i,deleteSpeed:l,delaySpeed:c,onLoopDone:x,onType:P,onDelay:N,onDelete:D})[0];return Xl.jsxs(Xl.Fragment,{children:[Xl.jsx("span",{children:R}),h&&Xl.jsx(KS,{cursorStyle:g,cursorColor:k,cursorBlinking:y})]})},yf.useTypewriter=QS;const PY=()=>S.jsxs(qt,{id:"about",className:"about section",p:{base:"1rem 1rem",sm:"2rem 2rem",md:"2rem 3rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},direction:{base:"column",sm:"row",md:"row",lg:"row",xl:"row","2xl":"row"},children:[S.jsxs(qt,{w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},p:{base:"2rem",sm:"2rem",md:"2rem",lg:"3rem",xl:"3rem","2xl":"3rem"},direction:"column",align:"center",justify:"center",children:[S.jsx(Vn,{src:_Y,alt:"Sabir Ansari",w:{base:"90%",sm:"90%",md:"90%",lg:"70%",xl:"70%","2xl":"70%"}}),S.jsx(ai,{children:S.jsxs(Ze,{children:["Life is simple"," ",S.jsx("span",{style:{color:"#fca61f"},children:S.jsx(U1,{words:["Eat","Code","Sleep","Repeat!"],loop:!0,cursor:!0,cursorStyle:"_",typeSpeed:100,deleteSpeed:70,delaySpeed:1e3})})]})})]}),S.jsxs(Dt,{w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},children:[S.jsxs(qt,{ml:"1rem",children:[S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",mr:".6rem",children:"All"}),S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"About Me"})]}),S.jsxs(fE,{id:"user-detail-intro",spacing:".5rem",styleType:"square",textAlign:"justify",color:"#788097",children:[S.jsx(Li,{children:"Hello! My name Sabir Ansari and I enjoy creating things that live on the internet."}),S.jsx(Li,{children:"I'm a passionate Developer, with strong administrative and communication skills, good attention to detail and the ability to write efficient code using MERN Stack with javascript & typescript,"}),S.jsx(Li,{children:"My interest in web development started back in 2022 when I saw my friend making webpages and I got facinated with it."}),S.jsx(Li,{children:"As I grow and flourish as a Developer, one thing which keeps me going is my inquisitiveness for discovering new things every day."}),S.jsx(Li,{children:"Fast Forwarding to today, I built a number of web applications and 4 major projects. Learned a great deal about teamwork, leadership, and communication. After months of rigorous training, here I am looking for an opportunity as a full stack web developer."})]})]})]}),MY="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABaCAYAAADNVsqyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAlYSURBVHgB7Z1LWhtHEMerekbC2SnrJDCcwHACixMEvqwMyWc4gfEJgBNgn0D4c4SzyRfnBFFOEHICDyR7k1WMNNOVqh6JDHrNo1vSSPZvYes5Hv2npru6Hm2EikKtoPERoOH7UYAeNoCgYd5AuKWYbuVhFPnhF0dhCBUFoQJ0219tAXlND+ExIG4RQcBn1sj7ff4RVwQQak2/I+mr2g9/d6ACLERcscrIj7aUUs8IcLeIkAXoAOnXva7XWZR1z1Xc3puvm6qmvqUYD2ck6CSM0P7BXxcwR+YiroiKnnfCD5uwWEIW+Wxe1jxTcY2let45j4dbUC1CRLrwnt6cwQyZibjddrClkM5h8ZaahbHkWQ0XTsWViUo/0s+J8BSWCLHi7kd15nqocCbuv60gqK/RLxUcAvLi3IoVOCBuB89rdfpjiYUV2LdWrfin9XNwhLXlxpfrPGHhMawQsijp3uGe7TBRWlwZX+NH+hyIfdbVJOzd4Y6NwKXENRPXGv225MNAHqwELizuJyTsgNICF57QPjFhhaDGv1m8IShIIXGTyeuTEnaAEVju2iJfyi1u/DY4WTWvoCBBzH58kS/kEje6/GaXiE7hM80ifnDmhNZfeck4G8BnDBTHO3kC8pniRpcbv0GBAIw44JroV4nXIuBjqGjwBs1ylzoa4JqfNhDxeYGv33p3uIlH4e20D/nT3oza3xxCQXF0HL9IX1Wz2KjDLgdHni98MiTOvwG+Ag0d/4ewk36LjaiIITR4/G3x33vTPjTRcksOB7f+/vWXk97svQk4vkutuQ8xfVH9LrycZG3dH4NjpahQXCFreJhoubVH+oRDhwEU+ceQfp/2fi2xls2oHRyyJZ9kisyiIGd7+RGLA/eisEWIS9TIc5EknKju1IusWxh6nApag0JwdqXFd+b2pGOPtVyxWvbr3kNB2KM4qx3cnOb57L9vg8AjfaoAn4mIfCacwaU/kehKg3dV63K2IEuQ/rn6PgSEwAlPesI/aKsvesi5uqPa0O0/DR4aCAoy7TePFTd6u94qE5DRpI/qBeOhkrXIK+SsjxlfbrwvMWRNnNxGhgUZF/lyHEIJUFMIBakfhFfgGItjlrnAjaiuZXF1OvzGyCICff0MPlGonLggbty4pfEDcU1wwiI+SwoDWGL6E2UZGr01fTj84gNxxUMAGxDnWejhHFNGVRKemL8dfS0FEjbBAlziJbK5re2qgJpSp5F+4V7c6A0HZyzF4av3BJaU2I+bYIundtNP/7dcf9SsiyLL26Ixz6rA80UTLEHx2VP8L67GXbBEHGqX/uo8iZR6aRYzdjTSQ4MR1/i29lWHYd7VWRX54innyDQegS1KNe8fJn/qJljSQ9yBJYcjZe9Ayk0tYJ/3ft5Rwy+UOyBdmCu/AnA8wrbysTmYdxLLJbs4q470a1gR+oGeDlggVfPyt+q2gi3L8TasSg+CK2ytlzyViKv8OAAL2ENYGasd4EdwZeM5mMYZRrF/Z5d60boDK4ZxJzm+DGWhRFPFQeYALPAj33nIsArwHfknlGSw0lW8ZN2AkkgGdVkXDVkgkI3RJN6CRZhNrlAIq4q2W63Rz5sb4ootdZhwVhB4VuL2PtKX6nMlzWxAHTWc9ER8ZjxW4uIKDykIsfVvs7Xc1R2vFSxW3FUerwkwAEsUWrpT4nLACmK7uCLl31pPaPEdbcMKYrO4EmqP8IOyXQho0AGsJk2wAL97f6000DVYMC5fv+yYtJcdZgGikKyXsEub8Z2I0rbJWhOX4AmtePHcEI1ePbbOHFcJhXZ3IyH9Y47TU14HLFGoVqZ4T4YEWxeTKEkTKZNYtM/Xj5TyLCsuqjwx1smwkDyziLoPDphsELTUSNG0iy78QU7RiKs1/gr2NLuX68ewxHhYrENyAp3Bg6RugewtNzkYnpRpQK4CSfut/XKe00P3TTdGXJOrtx93hUbZDu9FYoR11X6bStjeL38JnKXIg2US2KmwQzUcqSpH9Q7cYQTud2BWErOf5Nv1lsuGcUTqPHiefhK1Nz643mNxVnt22SBd+Ajq3HXIVBNupzuJHojbawen0tk45ftm7y15QIhbElfIe4KLFlkstVfTh0qZ1VcTHCMN5d7+9fbQaw9PIF6jD5MOwOPyq9r+zQN3K3eraeokYk2v57HPbdLUHbOV4pMZbiXb/8fwyD8IL9IvjXRQRpcb4utNjBVwFO1Fff/mZfo1aTWtU4nd8PptqajoKo7gutZTFzZFJtLXgTUWUmOQalOdB6G/f705/OJIsJxifAVT4KHgfHi3DFlCqzvcKZzVSCypyWIcex48tq3ekVoDORY/3J2jsGxw4zUbETdPfar8gKi93kq/JsLouHTZe9gFZVt0bM6dZ/9XMF/CGGGspzU2zdPDHCIhHg4vd/sXprhLR3jmqjLd76pTRwuifEw597HiyofzWIAMEcPRMO8Oj4oODz1lV8mdxtxBSC5iJXkIhyexNBMTlHktYDgaJj+ui/nHX/EeXPdTKHrozM8Mml6BPlFcM7nkax0aieWKWN2kuydziGArs8rhjcNFAiAL8dunWa0wNbXebx3KFGhcLFcEZvdkj72PHXbfXj+w5OSO6IhvWHt64zxFNIfOolwTMGZ9oL8x5h9Zrs3w0m/RlNlSJT+45++HmUaXWRSS18VS05fNK4O04OYRVshVcSMuFmcrXmR8bJcug1XfZeRdkRbc3OVM9e/Dl1nuWQwcnFnyVM8UQnEzi3yhUK0YX7VjnRFUN8tjjpMua7pnAqH0NhddnmdOaONg67xQQ3sLTDj4FTudHQnKKEWh/Fdbg/9+S0o0+cpuEDv8/v5fLgP1BocTmhG2jAfiQwk4KiZLX8gS2ETJNMd9kzQou2z9NzC5qvLrNU3fRW/BlBZWKF1CKgIvIEgyT6yEFazqc2UMJrJuoa8iHZ68tm0XI9bFz7WD8BRi3LOtUK8Kkm3hleWOi85QJ61SskzuB2uKr9CqsheZbAPLS/XhNJYNzvrQ5BaSBJ0ZJgrEU5Eq0RH0zuviZpEdS/PgvMlPhomewm0Ni9uHQXJ6OT8q28DuSIBpFg3iM+mgFCs23kRswo4dqBoyBPAdJklF19aaZqbtqXLiMjlMExlROY+kTak5DkVUMwTIRDxjSq3QyjLY7dmTOgIeayUdIxYOM6DbDg49qaeQMV12lY7xbJZWOo7/AKD5XwEuQvnFAAAAAElFTkSuQmCC",$Y="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABWCAYAAAC6lArJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARGSURBVHgB7ZxBchpHFIb/19Mj5FXYJ5bHJwg5QaQTWK6sYpUrcAKRE8g+QZwTIFcKK7s4JzA+QcgJPK5kH3uVMkz3c/dIYCGDPIJuqdx+3wIoMUPBx6P79es3IqyAB0V7mtuuUvQ9AR0GitMn8AaEMSke26n9M3/47wjCUujiH7xU27JHDOqjGaPpO+rd6pUlhAUW5P4/KIqtFr+YR2lz3mTuy6AH5VMIc+ZyNxA7h43Zk2HiA2r2IG/xYBOxHsqyP/ywAqGmllsNb3fd3S42p11t2aZjdfKcRi6pnxAIIjqEUDMbFnYRjvZkWHQgQE0GMUQYketQpBF8AiJQAeFDtiCER1UaJQLD5JbIAtStH92ylcPKIGPHEGapGELKKGWVdkotlw09RiCYWeoLZ9Ry84flyN2NsDmlnqgnEGrm2cKUqOeqOCXWxY3bluk+9UqZzM5YLDmeuMoYr1EZ82JBe1sHpUxk51jIc33moN7Rd8zNx2AiPs4mdFfEfgytesJHcW5dzYH4Hp1G8nwl5yJ7bC29zKc4lmFAEARBEARhXQhfIJPh1x0F1WFQoTJ8BePSzMwthAzeslsQEdtxVely00aXWq7fDq90FWRrRld63CT39X0SWlcFAvCpKpz/fGbL7NcbsYyO+9RNd19Kt0ga2co+XafSp/2NK5h3KMteIAAVqj00KAJlOfZJZb8gDEt/gXVr1rY9NJb7Tmx79ZErKdxqtevcdKtnd1zd2z7WB/8cNz35xrZ5FJmoK7vpb9/s2hb/5eQ8ukKkXkbhvqCBk/zKv3aTE5LcQzPD4tD/EjftIFpB4V/bnOwcferA5OSak+KIiaPXlP0vohruDC47Jim5tVjmR7guiLqXCU5GbvXs9v61ip3hBJvfd5ZOzEnI9WkdQYXKPK4MW+ovm+SSkJtv+074KJNXY9wkN7jYPpvGsOByUdw8xcX2WWlnCohvnz0fvSI3LAvN3yI3MOebv0VueNqzzEEjdXwJEfzcEt76xy6a7jBRgbDd9Itkat/djlKWO/I9cGetWh/hWwe0Rd+VFINfw6FA99xdP71hwbfDMvX0g9d7q8R6fANMflD2p0R3N2rjWvoWXKnSZQ1pyT1rq9IH5XHTU7xkw3Q/dI+yaWE3sciln9dpq/LnuC2fXxEQC1skI9f3rF0lYi+iJ3gSMnozwrfJyJ1AbdTA7ff9Qkavq/emEbk+autrOzbFBmkAr/HNi0nIZateIgB1dhFwaEhCrkW4C2aIwqRlnErk5tv0HwJhwH8jEGmMuT+8eo1AkAwLURG5nwMiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyIiNyI3Jtf/2ykkjkRuRERuRERuROrLU3WFsVG2hwBUWpdNjmOo58Sm0bHXScj39R4fnYFD7qnNfQAAAABJRU5ErkJggg==",DY="/assets/sabirAnsari-d1ce9f84.png",$E="/assets/Sabir-Ansari-Resume-f3626d8c.pdf",OY=()=>S.jsxs(qt,{id:"home",p:{base:"1rem 1rem",sm:"1rem 1rem",md:"1rem 2rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},direction:{base:"column",sm:"row",md:"row",lg:"row",xl:"row","2xl":"row"},children:[S.jsxs(qu,{gap:"1rem",w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},children:[S.jsxs(Dt,{children:[S.jsxs(Dt,{children:[S.jsx(Ze,{fontSize:"4xl",fontWeight:"bold",children:"Hy, I Am"}),S.jsx(Ze,{id:"user-detail-name",fontSize:"5xl",fontWeight:"extrabold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Sabir Ansari"})]}),S.jsx(Dt,{textAlign:"justify",color:"#788097",children:"An enthusiastic solution-driven full-stack web developer with a creative mindset, skilled to use both front-end & back-end web development tools. Aiming to leverage once knowledge & build world-class applications."})]}),S.jsxs(Dt,{id:"resume-button-2",onClick:()=>{window.open("https://drive.google.com/file/d/1rP6gLNhHjeqTRtcApa2yPUU1DHvWyXYP/view")},children:[" ",S.jsx("a",{id:"resume-link-2",href:$E,download:"Sabir-Ansari-Resume",children:S.jsx("button",{className:"button",children:"Resume"})})]}),S.jsxs(qt,{children:[S.jsx("a",{href:"https://github.com/sabiransari1",target:"_blank",rel:"noreferrer noopener",children:S.jsx(Vn,{id:"contact-github",src:MY,w:"50%",transition:"transform .5s",_hover:{transform:"scale(1.5)"}})}),S.jsx("a",{href:"https://www.linkedin.com/in/sabir-ansari-33b275257/",target:"_blank",rel:"noreferrer noopener",children:S.jsx(Vn,{id:"contact-linkedin",src:$Y,w:"50%",transition:"transform .5s",_hover:{transform:"scale(1.5)"}})})]})]}),S.jsxs(qt,{w:{base:"100%",sm:"50%",md:"50%",lg:"50%",xl:"50%","2xl":"50%"},p:{base:"2rem",sm:"2rem",md:"2rem",lg:"3rem",xl:"3rem","2xl":"3rem"},direction:"column",align:"center",justify:"center",children:[S.jsx(Vn,{src:DY,alt:"Sabir Ansari",borderRadius:"5px",className:"home-img",w:{base:"90%",sm:"90%",md:"90%",lg:"70%",xl:"70%","2xl":"70%"}}),S.jsx(ai,{children:S.jsx(Ze,{fontSize:{base:"1xl",sm:"1xl",md:"2xl",lg:"3xl",xl:"3xl","2xl":"3xl"},children:S.jsx(U1,{words:["I'm A MERN Developer"],loop:!0,cursor:!0,cursorStyle:"_",typeSpeed:70,deleteSpeed:50,delaySpeed:1e3})})})]})]});var kt={},Y1={},dc={},fc={},DE="Expected a function",ZS=0/0,AY="[object Symbol]",RY=/^\s+|\s+$/g,IY=/^[-+]0x[0-9a-f]+$/i,NY=/^0b[01]+$/i,FY=/^0o[0-7]+$/i,jY=parseInt,LY=typeof ca=="object"&&ca&&ca.Object===Object&&ca,zY=typeof self=="object"&&self&&self.Object===Object&&self,BY=LY||zY||Function("return this")(),WY=Object.prototype,VY=WY.toString,HY=Math.max,UY=Math.min,n0=function(){return BY.Date.now()};function YY(e,t,r){var n,a,o,i,s,l,u=0,c=!1,d=!1,h=!0;if(typeof e!="function")throw new TypeError(DE);t=JS(t)||0,mh(r)&&(c=!!r.leading,d="maxWait"in r,o=d?HY(JS(r.maxWait)||0,t):o,h="trailing"in r?!!r.trailing:h);function v(D){var R=n,j=a;return n=a=void 0,u=D,i=e.apply(j,R),i}function g(D){return u=D,s=setTimeout(w,t),c?v(D):i}function p(D){var R=D-l,j=D-u,V=t-R;return d?UY(V,o-j):V}function k(D){var R=D-l,j=D-u;return l===void 0||R>=t||R<0||d&&j>=o}function w(){var D=n0();if(k(D))return y(D);s=setTimeout(w,p(D))}function y(D){return s=void 0,h&&n?v(D):(n=a=void 0,i)}function x(){s!==void 0&&clearTimeout(s),u=0,n=l=a=s=void 0}function P(){return s===void 0?i:y(n0())}function N(){var D=n0(),R=k(D);if(n=arguments,a=this,l=D,R){if(s===void 0)return g(l);if(d)return s=setTimeout(w,t),v(l)}return s===void 0&&(s=setTimeout(w,t)),i}return N.cancel=x,N.flush=P,N}function GY(e,t,r){var n=!0,a=!0;if(typeof e!="function")throw new TypeError(DE);return mh(r)&&(n="leading"in r?!!r.leading:n,a="trailing"in r?!!r.trailing:a),YY(e,t,{leading:n,maxWait:t,trailing:a})}function mh(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function qY(e){return!!e&&typeof e=="object"}function XY(e){return typeof e=="symbol"||qY(e)&&VY.call(e)==AY}function JS(e){if(typeof e=="number")return e;if(XY(e))return ZS;if(mh(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=mh(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=e.replace(RY,"");var r=NY.test(e);return r||FY.test(e)?jY(e.slice(2),r?2:8):IY.test(e)?ZS:+e}var QY=GY,hc={};Object.defineProperty(hc,"__esModule",{value:!0});hc.addPassiveEventListener=function(t,r,n){var a=n.name;a||(a=r,console.warn("Listener must be a named function.")),bf.has(r)||bf.set(r,new Set);var o=bf.get(r);if(!o.has(a)){var i=function(){var s=!1;try{var l=Object.defineProperty({},"passive",{get:function(){s=!0}});window.addEventListener("test",null,l)}catch{}return s}();t.addEventListener(r,n,i?{passive:!0}:!1),o.add(a)}};hc.removePassiveEventListener=function(t,r,n){t.removeEventListener(r,n),bf.get(r).delete(n.name||r)};var bf=new Map;Object.defineProperty(fc,"__esModule",{value:!0});var KY=QY,ZY=eG(KY),JY=hc;function eG(e){return e&&e.__esModule?e:{default:e}}var tG=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:66;return(0,ZY.default)(t,r)},pt={spyCallbacks:[],spySetState:[],scrollSpyContainers:[],mount:function(t,r){if(t){var n=tG(function(a){pt.scrollHandler(t)},r);pt.scrollSpyContainers.push(t),(0,JY.addPassiveEventListener)(t,"scroll",n)}},isMounted:function(t){return pt.scrollSpyContainers.indexOf(t)!==-1},currentPositionX:function(t){if(t===document){var r=window.pageYOffset!==void 0,n=(document.compatMode||"")==="CSS1Compat";return r?window.pageXOffset:n?document.documentElement.scrollLeft:document.body.scrollLeft}else return t.scrollLeft},currentPositionY:function(t){if(t===document){var r=window.pageXOffset!==void 0,n=(document.compatMode||"")==="CSS1Compat";return r?window.pageYOffset:n?document.documentElement.scrollTop:document.body.scrollTop}else return t.scrollTop},scrollHandler:function(t){var r=pt.scrollSpyContainers[pt.scrollSpyContainers.indexOf(t)].spyCallbacks||[];r.forEach(function(n){return n(pt.currentPositionX(t),pt.currentPositionY(t))})},addStateHandler:function(t){pt.spySetState.push(t)},addSpyHandler:function(t,r){var n=pt.scrollSpyContainers[pt.scrollSpyContainers.indexOf(r)];n.spyCallbacks||(n.spyCallbacks=[]),n.spyCallbacks.push(t),t(pt.currentPositionX(r),pt.currentPositionY(r))},updateStates:function(){pt.spySetState.forEach(function(t){return t()})},unmount:function(t,r){pt.scrollSpyContainers.forEach(function(n){return n.spyCallbacks&&n.spyCallbacks.length&&n.spyCallbacks.indexOf(r)>-1&&n.spyCallbacks.splice(n.spyCallbacks.indexOf(r),1)}),pt.spySetState&&pt.spySetState.length&&pt.spySetState.indexOf(t)>-1&&pt.spySetState.splice(pt.spySetState.indexOf(t),1),document.removeEventListener("scroll",pt.scrollHandler)},update:function(){return pt.scrollSpyContainers.forEach(function(t){return pt.scrollHandler(t)})}};fc.default=pt;var Qs={},mc={};Object.defineProperty(mc,"__esModule",{value:!0});var rG=function(t,r){var n=t.indexOf("#")===0?t.substring(1):t,a=n?"#"+n:"",o=window&&window.location,i=a?o.pathname+o.search+a:o.pathname+o.search;r?history.pushState(history.state,"",i):history.replaceState(history.state,"",i)},nG=function(){return window.location.hash.replace(/^#/,"")},aG=function(t){return function(r){return t.contains?t!=r&&t.contains(r):!!(t.compareDocumentPosition(r)&16)}},oG=function(t){return getComputedStyle(t).position!=="static"},a0=function(t,r){for(var n=t.offsetTop,a=t.offsetParent;a&&!r(a);)n+=a.offsetTop,a=a.offsetParent;return{offsetTop:n,offsetParent:a}},iG=function(t,r,n){if(n)return t===document?r.getBoundingClientRect().left+(window.scrollX||window.pageXOffset):getComputedStyle(t).position!=="static"?r.offsetLeft:r.offsetLeft-t.offsetLeft;if(t===document)return r.getBoundingClientRect().top+(window.scrollY||window.pageYOffset);if(oG(t)){if(r.offsetParent!==t){var a=function(c){return c===t||c===document},o=a0(r,a),i=o.offsetTop,s=o.offsetParent;if(s!==t)throw new Error("Seems containerElement is not an ancestor of the Element");return i}return r.offsetTop}if(r.offsetParent===t.offsetParent)return r.offsetTop-t.offsetTop;var l=function(c){return c===document};return a0(r,l).offsetTop-a0(t,l).offsetTop};mc.default={updateHash:rG,getHash:nG,filterElementInContainer:aG,scrollOffset:iG};var Sm={},G1={};Object.defineProperty(G1,"__esModule",{value:!0});G1.default={defaultEasing:function(t){return t<.5?Math.pow(t*2,2)/2:1-Math.pow((1-t)*2,2)/2},linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return t*(2-t)},easeInOutQuad:function(t){return t<.5?2*t*t:-1+(4-2*t)*t},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return--t*t*t+1},easeInOutCubic:function(t){return t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return 1- --t*t*t*t},easeInOutQuart:function(t){return t<.5?8*t*t*t*t:1-8*--t*t*t*t},easeInQuint:function(t){return t*t*t*t*t},easeOutQuint:function(t){return 1+--t*t*t*t*t},easeInOutQuint:function(t){return t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t}};var q1={};Object.defineProperty(q1,"__esModule",{value:!0});var sG=hc,lG=["mousedown","mousewheel","touchmove","keydown"];q1.default={subscribe:function(t){return typeof document<"u"&&lG.forEach(function(r){return(0,sG.addPassiveEventListener)(document,r,t)})}};var vc={};Object.defineProperty(vc,"__esModule",{value:!0});var Yg={registered:{},scrollEvent:{register:function(t,r){Yg.registered[t]=r},remove:function(t){Yg.registered[t]=null}}};vc.default=Yg;Object.defineProperty(Sm,"__esModule",{value:!0});var uG=Object.assign||function(e){for(var t=1;t=a.duration?1:t(a.progress/a.duration),a.currentPosition=a.startPosition+Math.ceil(a.delta*a.percent),a.containerElement&&a.containerElement!==document&&a.containerElement!==document.body?r.horizontal?a.containerElement.scrollLeft=a.currentPosition:a.containerElement.scrollTop=a.currentPosition:r.horizontal?window.scrollTo(a.currentPosition,0):window.scrollTo(0,a.currentPosition),a.percent<1){var o=e.bind(null,t,r);Gg.call(window,o);return}Mn.default.registered.end&&Mn.default.registered.end(a.to,a.target,a.currentPosition)},X1=function(t){t.data.containerElement=t?t.containerId?document.getElementById(t.containerId):t.container&&t.container.nodeType?t.container:document:null},pc=function(t,r,n,a){r.data=r.data||AE(),window.clearTimeout(r.data.delayTimeout);var o=function(){r.data.cancel=!0};if(hG.default.subscribe(o),X1(r),r.data.start=null,r.data.cancel=!1,r.data.startPosition=r.horizontal?RE(r):IE(r),r.data.targetPosition=r.absolute?t:t+r.data.startPosition,r.data.startPosition===r.data.targetPosition){Mn.default.registered.end&&Mn.default.registered.end(r.data.to,r.data.target,r.data.currentPosition);return}r.data.delta=Math.round(r.data.targetPosition-r.data.startPosition),r.data.duration=vG(r.duration)(r.data.delta),r.data.duration=isNaN(parseFloat(r.data.duration))?1e3:parseFloat(r.data.duration),r.data.to=n,r.data.target=a;var i=OE(r),s=bG.bind(null,i,r);if(r&&r.delay>0){r.data.delayTimeout=window.setTimeout(function(){Mn.default.registered.begin&&Mn.default.registered.begin(r.data.to,r.data.target),Gg.call(window,s)},r.delay);return}Mn.default.registered.begin&&Mn.default.registered.begin(r.data.to,r.data.target),Gg.call(window,s)},_m=function(t){return t=uG({},t),t.data=t.data||AE(),t.absolute=!0,t},wG=function(t){pc(0,_m(t))},xG=function(t,r){pc(t,_m(r))},SG=function(t){t=_m(t),X1(t),pc(t.horizontal?gG(t):yG(t),t)},kG=function(t,r){r=_m(r),X1(r);var n=r.horizontal?RE(r):IE(r);pc(t+n,r)};Sm.default={animateTopScroll:pc,getAnimationType:OE,scrollToTop:wG,scrollToBottom:SG,scrollTo:xG,scrollMore:kG};Object.defineProperty(Qs,"__esModule",{value:!0});var _G=Object.assign||function(e){for(var t=1;t=Math.floor(p)&&P=Math.floor(k)}else{var N=0,D=0,R=0;if(u.getBoundingClientRect){var j=u.getBoundingClientRect();R=j.top}if(!h||i.props.isDynamic){if(h=r.get(d),!h)return;var V=h.getBoundingClientRect();N=V.top-R+l,D=N+V.height}var q=l-i.props.offset;v=q>=Math.floor(N)&&q=Math.floor(D)}var fe=r.getActiveLink();if(g){if(d===fe&&r.setActiveLink(void 0),i.props.hashSpy&&Ba.default.getHash()===d){var Ce=i.props.saveHashHistory,Le=Ce===void 0?!1:Ce;Ba.default.changeHash("",Le)}i.props.spy&&i.state.active&&(i.setState({active:!1}),i.props.onSetInactive&&i.props.onSetInactive(d,h))}if(v&&(fe!==d||i.state.active===!1)){r.setActiveLink(d);var be=i.props.saveHashHistory,he=be===void 0?!1:be;i.props.hashSpy&&Ba.default.changeHash(d,he),i.props.spy&&(i.setState({active:!0}),i.props.onSetActive&&i.props.onSetActive(d,h))}}}};return n.propTypes=nk,n.defaultProps={offset:0},n};Object.defineProperty(Y1,"__esModule",{value:!0});var VG=C,ak=NE(VG),HG=dc,UG=NE(HG);function NE(e){return e&&e.__esModule?e:{default:e}}function YG(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ok(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e}function GG(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var qG=function(e){GG(t,e);function t(){var r,n,a,o;YG(this,t);for(var i=arguments.length,s=Array(i),l=0;l"u")return!1;this.registerElems(this.props.name)}},{key:"componentDidUpdate",value:function(o){this.props.name!==o.name&&this.registerElems(this.props.name)}},{key:"componentWillUnmount",value:function(){if(typeof window>"u")return!1;lk.default.unregister(this.props.name)}},{key:"registerElems",value:function(o){lk.default.register(o,this.childBindings.domNode)}},{key:"render",value:function(){return sk.default.createElement(e,nq({},this.props,{parentBindings:this.childBindings}))}}]),n}(sk.default.Component);return t.propTypes={name:uk.default.string,id:uk.default.string},t};Object.defineProperty(Z1,"__esModule",{value:!0});var ck=Object.assign||function(e){for(var t=1;t=Math.floor(h)&&w=Math.floor(v),P=n.getActiveLink();if(x)return c===P&&n.setActiveLink(void 0),s.props.hashSpy&&Wa.getHash()===c&&Wa.changeHash(),s.props.spy&&s.state.active&&(s.setState({active:!1}),s.props.onSetInactive&&s.props.onSetInactive()),Oo.updateStates();if(y&&P!==c)return n.setActiveLink(c),s.props.hashSpy&&Wa.changeHash(c),s.props.spy&&(s.setState({active:!0}),s.props.onSetActive&&s.props.onSetActive(c)),Oo.updateStates()}}};return a.propTypes=gk,a.defaultProps={offset:0},a},Element:function(t){console.warn("Helpers.Element is deprecated since v1.7.0");var r=function(n){pk(a,n);function a(o){mk(this,a);var i=vk(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,o));return i.childBindings={domNode:null},i}return hk(a,[{key:"componentDidMount",value:function(){if(typeof window>"u")return!1;this.registerElems(this.props.name)}},{key:"componentDidUpdate",value:function(i){this.props.name!==i.name&&this.registerElems(this.props.name)}},{key:"componentWillUnmount",value:function(){if(typeof window>"u")return!1;s0.unregister(this.props.name)}},{key:"registerElems",value:function(i){s0.register(i,this.childBindings.domNode)}},{key:"render",value:function(){return Ld.createElement(t,i0({},this.props,{parentBindings:this.childBindings}))}}]),a}(Ld.Component);return r.propTypes={name:gt.string,id:gt.string},r}},xq=wq;Object.defineProperty(kt,"__esModule",{value:!0});kt.Helpers=kt.ScrollElement=kt.ScrollLink=kt.animateScroll=kt.scrollSpy=kt.Events=kt.scroller=kt.Element=kt.Button=sn=kt.Link=void 0;var Sq=Y1,LE=Gn(Sq),kq=K1,zE=Gn(kq),_q=Z1,BE=Gn(_q),Tq=Qs,WE=Gn(Tq),Cq=vc,VE=Gn(Cq),Eq=fc,HE=Gn(Eq),Pq=Sm,UE=Gn(Pq),Mq=dc,YE=Gn(Mq),$q=Cm,GE=Gn($q),Dq=xq,qE=Gn(Dq);function Gn(e){return e&&e.__esModule?e:{default:e}}var sn=kt.Link=LE.default;kt.Button=zE.default;kt.Element=BE.default;kt.scroller=WE.default;kt.Events=VE.default;kt.scrollSpy=HE.default;kt.animateScroll=UE.default;kt.ScrollLink=YE.default;kt.ScrollElement=GE.default;kt.Helpers=qE.default;kt.default={Link:LE.default,Button:zE.default,Element:BE.default,scroller:WE.default,Events:VE.default,scrollSpy:HE.default,animateScroll:UE.default,ScrollLink:YE.default,ScrollElement:GE.default,Helpers:qE.default};var XE={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},yk=Ar.createContext&&Ar.createContext(XE),uo=globalThis&&globalThis.__assign||function(){return uo=Object.assign||function(e){for(var t,r=1,n=arguments.length;r{const{colorMode:e,toggleColorMode:t}=ui(),{isOpen:r,onOpen:n,onClose:a}=bU();return S.jsxs(qt,{id:"nav-menu",pos:"sticky",w:"100%",h:"80px",align:"center",justify:"space-between",top:"0",p:{base:"0rem 1rem",sm:"0rem 1rem",md:"0rem 2rem",lg:"0rem 5rem",xl:"0rem 5rem","2xl":"0rem 5rem"},zIndex:"1",bg:e==="light"?"white":"black",children:[S.jsxs(Dt,{display:{base:"block",sm:"block",md:"none",lg:"none",xl:"none","2xl":"none"},children:[S.jsx(zg,{icon:S.jsx(zq,{}),size:"sm",onClick:n}),S.jsxs(bY,{placement:"top",onClose:a,isOpen:r,children:[S.jsx(EE,{}),S.jsx(CE,{children:S.jsxs(PE,{p:{base:"1rem 1rem",sm:"1rem 1rem",md:"2rem 2rem",lg:"2rem 5rem",xl:"2rem 5rem","2xl":"2rem 5rem"},bg:e==="light"?"white":"black",children:[S.jsx(sn,{to:"home",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link home",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Home"})}),S.jsx(sn,{to:"about",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link about",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"About Me"})}),S.jsx(sn,{to:"skills",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link skills",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Skills"})}),S.jsx(sn,{to:"projects",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link projects",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Projects"})}),S.jsx(sn,{to:"contact",spy:!0,smooth:!0,onClick:a,children:S.jsx(Ze,{className:"nav-link contact",fontSize:"2xl",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Contact"})})]})})]})]}),S.jsx(Dt,{fontWeight:"extrabold",fontSize:{base:"2xl",sm:"2xl",md:"2xl",lg:"3xl",xl:"3xl","2xl":"3xl"},bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Sabir Ansari"}),S.jsxs(qt,{w:"60%",align:"center",justify:"space-between",display:{base:"none",sm:"none",md:"flex",lg:"flex",xl:"flex","2xl":"flex"},children:[S.jsx(sn,{to:"home",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link home",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Home"})}),S.jsx(sn,{to:"about",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link about",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"About Me"})}),S.jsx(sn,{to:"skills",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link skills",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Skills"})}),S.jsx(sn,{to:"projects",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link projects",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Projects"})}),S.jsx(sn,{to:"contact",spy:!0,smooth:!0,children:S.jsx(Ze,{className:"nav-link contact",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"2xl",xl:"3xl","2xl":"3xl"},cursor:"pointer",_hover:{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text"},children:"Contact"})})]}),S.jsxs(Dt,{id:"resume-button-1",display:{base:"none",sm:"none",md:"block",lg:"block",xl:"block","2xl":"block"},onClick:()=>{window.open("https://drive.google.com/file/d/1rP6gLNhHjeqTRtcApa2yPUU1DHvWyXYP/view")},children:[" ",S.jsx("a",{id:"resume-link-1",href:$E,download:"Sabir-Ansari-Resume",children:S.jsx("button",{className:"button nav-link resume",children:"Resume"})})]}),S.jsx(Dt,{children:S.jsx(zg,{icon:e==="light"?S.jsx(Nq,{}):S.jsx(jq,{}),isRound:!0,size:"sm",onClick:t})})]})},Wq="/assets/todo-7a5cb86f.png",Vq="/assets/admin_dashboard-7d90180f.png",Hq="/assets/dashboard-5a774688.png",Uq="/assets/safar-a9da8321.png",l0=[{img:Wq,title:"Todo Application",desc:"A Todo Application, It allows users to effortlessly manage their tasks and events, helping them stay organized and on top.",stack:"HTML, CSS, JavaScript, LocalStorage, React.js, Chakra-UI",codebase:"https://github.com/sabiransari1/todo-application",live:"https://todo-application-sabiransari1.vercel.app/"},{img:Vq,title:"Admin Dashboard",desc:"CRUD dashboard, an user interface that we use to interact with databases through APIs with chart presentation.",stack:"HTML, CSS, JavaScript, React.js, Redux, React-Redux, Redux-Thunk, MVC-architecture, Chakra-UI, Json-Server, Chart.js, React-Chartjs-2",codebase:"https://github.com/sabiransari1/admin-dashboard",live:"https://admin-dashboard-sabiransari1.vercel.app/"},{img:Hq,title:"CRUD Dashboard",desc:"CRUD dashboard, an user interface that we use to interact with databases through APIs.",stack:"HTML, CSS, JavaScript, React.js, Redux, React-Redux, Redux-Thunk, MVC-architecture, Chakra-UI, Json-Server",codebase:"https://github.com/sabiransari1/dashboard",live:"https://dashboard-sabiransari1.vercel.app/"},{img:Uq,title:"SAFAR",desc:"SAFAR an online hotel booking platform that allows users to book hotels all over the world.",stack:"HTML, CSS, JavaScript, React.js, Redux, React-Redux, Redux-Thunk, MVC-architecture, Chakra-UI, TypeScript",codebase:"https://github.com/sabiransari1/safar",live:"https://safar-sabiransari1.vercel.app/"}],Yq=()=>{const{colorMode:e}=ui();return S.jsxs(Dt,{id:"projects",p:{base:"1rem 1rem",sm:"1rem 1rem",md:"1rem 2rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},children:[S.jsxs(qt,{children:[S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",mr:".6rem",children:"My"}),S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Creative Projects"})]}),S.jsx(qu,{templateColumns:{base:"repeat(1,1fr)",sm:"repeat(2,1fr)",md:"repeat(2,1fr)",lg:"repeat(2,1fr)",xl:"repeat(2,1fr)","2xl":"repeat(3,1fr)"},gap:"2rem",children:l0==null?void 0:l0.map((t,r)=>S.jsxs(qu,{className:"project-card",p:{base:"1rem",sm:"1rem",md:"1rem",lg:"3rem",xl:"3rem","2xl":"3rem"},gap:".5rem",borderRadius:"10px",color:"#788097",w:"100%",children:[S.jsx("a",{href:t.live,target:"_blank",rel:"noreferrer noopener",children:S.jsx(Vn,{src:t.img,alt:t.title,margin:"auto",borderRadius:"10px",cursor:"pointer",transition:"transform .5s",_hover:{cursor:"pointer",transform:"scale(0.9)"}})}),S.jsx(ai,{className:"project-title",fontSize:"2xl",color:e==="light"?"black":"white",children:t.title}),S.jsx(Ze,{className:"project-description",textAlign:"justify",fontSize:{base:"1xl",sm:"1xl",md:"1xl",lg:"1xl",xl:"1xl","2xl":"2xl"},children:t.desc}),S.jsxs(Dt,{className:"project-tech-stack",children:[S.jsxs(Ze,{bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",display:"inline",children:["Tech Stack :-"," "]}),S.jsxs(Ze,{display:"inline",children:[t.stack," "]})]}),S.jsxs(qt,{justify:"space-between",children:[S.jsx("a",{href:t.codebase,target:"_blank",rel:"noreferrer noopener",children:S.jsx("button",{className:"button project-github-link",children:"Codebase"})}),S.jsx("a",{href:t.live,target:"_blank",rel:"noreferrer noopener",children:S.jsx("button",{className:"button project-deployed-link",children:"Live"})})]})]},r))})]})},Gq="/assets/html-761193d8.png",qq="/assets/css-c02aa360.png",Xq="/assets/javascript-d4659d34.png",Qq="/assets/react-516f67a1.png",Kq="/assets/redux-90098253.png",Zq="/assets/typescript-90c7f6f9.png",Jq="/assets/chakra-d219a6ab.png",eX="/assets/nodejs-eb8f98ea.png",tX="/assets/express-1f91d4f5.png",rX="/assets/mongodb-1552e4db.png",nX="/assets/git-5e92060f.png",aX=({img:e,name:t})=>S.jsxs(Dt,{className:"skills-card",borderRadius:"10px",cursor:"pointer",p:".5rem",boxShadow:"rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px",w:"100px",children:[S.jsx(Vn,{className:"skills-card-img",src:e,alt:"Skill card img",w:"100%"}),S.jsx(ai,{className:"skills-card-name",mt:".5rem",children:t})]}),u0=[{img:Gq,name:"HTML",type:"frontend"},{img:qq,name:"CSS",type:"frontend"},{img:Xq,name:"JavaScript",type:"frontend"},{img:Qq,name:"React.js",type:"frontend"},{img:Kq,name:"Redux",type:"frontend"},{img:Zq,name:"TypeScript",type:"frontend"},{img:Jq,name:"Chakra-UI",type:"frontend"},{img:eX,name:"Node.js",type:"backend"},{img:tX,name:"Express",type:"backend"},{img:rX,name:"MongoDB",type:"backend"},{img:nX,name:"Git",type:"others"}],oX=()=>{const[e,t]=C.useState(u0),[r,n]=C.useState("all"),a=o=>{const{value:i}=o.target,s=u0.filter(l=>l.type===i);t(s.length===0?u0:s),n(i)};return S.jsx(Dt,{id:"skills",p:{base:"1rem 1rem",sm:"1rem 1rem",md:"1rem 2rem",lg:"3rem 5rem",xl:"3rem 5rem","2xl":"3rem 5rem"},children:S.jsxs(Dt,{children:[S.jsxs(qt,{children:[S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",mr:".6rem",children:"My"}),S.jsx(Ze,{fontSize:{base:"3xl",sm:"3xl",md:"4xl",lg:"4xl",xl:"4xl","2xl":"4xl"},fontWeight:"bold",bgGradient:"linear-gradient(180deg, #fdc50f 26.71%, #fb982f 99.36%)",bgClip:"text",children:"Technical Skills"})]}),S.jsxs(qt,{direction:"column",children:[S.jsxs(qt,{gap:"1rem",mb:"1rem",children:[S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="all"?"#fdc50f":"",onClick:a,value:"all",children:"All"}),S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="frontend"?"#fdc50f":"",onClick:a,value:"frontend",children:"Frontend"}),S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="backend"?"#fdc50f":"",onClick:a,value:"backend",children:"Backend"}),S.jsx(Fn,{variant:"solid",size:{base:"sm",sm:"sm",md:"md",lg:"md",xl:"lg","2xl":"lg"},color:r==="others"?"#fdc50f":"",onClick:a,value:"others",children:"Others"})]}),S.jsx(Dt,{children:S.jsx(qu,{templateColumns:{base:"repeat(2,1fr)",sm:"repeat(4,1fr)",md:"repeat(6,1fr)",lg:"repeat(6,1fr)",xl:"repeat(8,1fr)","2xl":"repeat(8,1fr)"},gap:"1rem",children:e==null?void 0:e.map((o,i)=>S.jsx(aX,{...o},i))})})]})]})})};var KE={},Pm={},ZE={exports:{}};/** * chroma.js - JavaScript library for color conversions * * Copyright (c) 2011-2019, Gregor Aisch diff --git a/index.html b/index.html index 5f44fdb..d09526c 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ font-family: "Gumela"; } - +