diff --git a/asset-manifest.json b/asset-manifest.json index ae120d2..e204f35 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,10 +1,10 @@ { "files": { "main.css": "/React_Portfolio/static/css/main.654fe415.css", - "main.js": "/React_Portfolio/static/js/main.1d7a23dd.js", + "main.js": "/React_Portfolio/static/js/main.1f3d6600.js", "static/js/718.0740f85a.chunk.js": "/React_Portfolio/static/js/718.0740f85a.chunk.js", "static/js/378.74a5b1e2.chunk.js": "/React_Portfolio/static/js/378.74a5b1e2.chunk.js", - "static/js/592.dd98df26.chunk.js": "/React_Portfolio/static/js/592.dd98df26.chunk.js", + "static/js/592.36e03c9c.chunk.js": "/React_Portfolio/static/js/592.36e03c9c.chunk.js", "static/js/26.b30175c3.chunk.js": "/React_Portfolio/static/js/26.b30175c3.chunk.js", "static/js/249.c392e247.chunk.js": "/React_Portfolio/static/js/249.c392e247.chunk.js", "static/js/236.9dd1cc74.chunk.js": "/React_Portfolio/static/js/236.9dd1cc74.chunk.js", @@ -61,10 +61,10 @@ "static/media/node.png": "/React_Portfolio/static/media/node.b235615dd3114bee871d.png", "index.html": "/React_Portfolio/index.html", "main.654fe415.css.map": "/React_Portfolio/static/css/main.654fe415.css.map", - "main.1d7a23dd.js.map": "/React_Portfolio/static/js/main.1d7a23dd.js.map", + "main.1f3d6600.js.map": "/React_Portfolio/static/js/main.1f3d6600.js.map", "718.0740f85a.chunk.js.map": "/React_Portfolio/static/js/718.0740f85a.chunk.js.map", "378.74a5b1e2.chunk.js.map": "/React_Portfolio/static/js/378.74a5b1e2.chunk.js.map", - "592.dd98df26.chunk.js.map": "/React_Portfolio/static/js/592.dd98df26.chunk.js.map", + "592.36e03c9c.chunk.js.map": "/React_Portfolio/static/js/592.36e03c9c.chunk.js.map", "26.b30175c3.chunk.js.map": "/React_Portfolio/static/js/26.b30175c3.chunk.js.map", "249.c392e247.chunk.js.map": "/React_Portfolio/static/js/249.c392e247.chunk.js.map", "236.9dd1cc74.chunk.js.map": "/React_Portfolio/static/js/236.9dd1cc74.chunk.js.map", @@ -79,6 +79,6 @@ }, "entrypoints": [ "static/css/main.654fe415.css", - "static/js/main.1d7a23dd.js" + "static/js/main.1f3d6600.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 51b3f77..8b00e9b 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Samin Arnob 😁
\ No newline at end of file +Samin Arnob 😁
\ No newline at end of file diff --git a/static/js/592.36e03c9c.chunk.js b/static/js/592.36e03c9c.chunk.js new file mode 100644 index 0000000..bdda903 --- /dev/null +++ b/static/js/592.36e03c9c.chunk.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkportfolio=self.webpackChunkportfolio||[]).push([[592],{6593:function(e,i,t){t.r(i),t.d(i,{default:function(){return g}});var r=t(885),n=t(2791),s=t(3044),o=t(2784),d=t(822),c=t(1518),a=t(5917),l=t(873),m=t(7490),h=t.p+"static/media/wave.e4eca4ebb3636d87293c.gif",w=t.p+"static/media/experience.26c865fd2deb17048d3d.gif",f=t.p+"static/media/presentation.ee6c7f4ebed4b2a75481.gif",x=t.p+"static/media/hiring.55979dd0a370ea4f4996.gif",u=t(184);var g=function(){var e=(0,d.v)().scrollY,i=(0,n.useState)(""),t=(0,r.Z)(i,2),g=t[0],p=t[1],b=(0,n.useState)(""),j=(0,r.Z)(b,2),y=j[0],v=j[1],N=(0,n.useState)(""),W=(0,r.Z)(N,2),S=W[0],H=W[1],E=(0,n.useState)(""),C=(0,r.Z)(E,2),k=C[0],I=C[1],Z=function(){return window.innerWidth<1e3?[0,window.innerHeight+window.innerHeight/14.2+window.innerHeight/14.2/10,2*window.innerHeight]:[0,window.innerHeight,2*window.innerHeight]},M=(0,c.H)(e,Z(),[1e3,0,1e3]),z=(0,c.H)(e,Z(),[-1e3,0,-1e3]),F=(0,c.H)(e,Z(),[-1e3,0,-1e3]),P=(0,c.H)(e,Z(),[-1e3,0,-1e3]);return(0,n.useEffect)((function(){window.innerWidth>760&&window.innerWidth<1e3?H("7rem"):H("6rem"),window.innerWidth>760&&window.innerWidth<1e3&&I("1rem"),window.innerWidth<359?v("0.59rem"):window.innerWidth>358&&window.innerWidth<400?v("0.65rem"):window.innerWidth>400&&window.innerWidth<760?v("0.7rem"):window.innerWidth>760&&window.innerWidth<1e3?v("0.9rem"):window.innerWidth>1e3&&v("0.65rem"),window.innerWidth<359?p("0.8rem"):window.innerWidth>358&&window.innerWidth<390?p("0.9rem"):window.innerWidth<760&&window.innerWidth>390?p("1rem"):window.innerWidth>760&&window.innerWidth<911?p("1.5rem"):window.innerWidth>910&&window.innerWidth<1e3&&p("2rem")}),[]),(0,u.jsx)(n.Fragment,{children:(0,u.jsxs)("div",{className:"sidePageSize",style:{overflowY:"hidden",overflowX:"hidden"},children:[(0,u.jsx)("div",{className:"topWave",style:{zIndex:"-200"},children:(0,u.jsx)("img",{className:"waveHeight",style:{width:"100%",objectFit:"fill"},src:l})}),(0,u.jsx)(a.E.h4,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},style:{color:"rgb(152, 28, 253)",cursor:"pointer"},className:"mx-auto aboutMe",children:"About Me"}),(0,u.jsx)("div",{className:"threeCards",children:(0,u.jsxs)("div",{className:"row row-cols-2 d-flex",children:[(0,u.jsx)("div",{className:"col row-cols-md-2 d-flex justify-content-end mb-1",style:{height:S},children:(0,u.jsx)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"card",style:{width:"10rem",backgroundColor:"#f5f5f6",cursor:"pointer",border:"0.13rem solid rgb(152, 28, 253)",borderRadius:"1rem",x:z},children:(0,u.jsxs)("div",{className:"card-body d-flex flex-column justify-content-center align-items-center",children:[(0,u.jsx)("p",{className:"card-title mb-0",children:(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Experience",src:w})})}),(0,u.jsx)("p",{className:"card-text mt-0 mb-0",style:{fontSize:y,fontWeight:"bold",color:"rgb(152, 28, 253)"},children:"Experience"}),(0,u.jsx)("p",{className:"card-text mt-0 text-center",style:{fontSize:y,color:"rgb(152, 28, 253)"},children:"+6 Years"})]})})}),(0,u.jsx)("div",{className:"col row-cols-md-2 d-flex justify-content-start mb-2",style:{height:S},children:(0,u.jsx)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"card",style:{width:"10rem",backgroundColor:"#f5f5f6",cursor:"pointer",border:"0.13rem solid rgb(152, 28, 253)",borderRadius:"1rem",x:F},children:(0,u.jsxs)("div",{className:"card-body d-flex flex-column justify-content-center align-items-center",children:[(0,u.jsx)("p",{className:"card-title mb-0",children:(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Projects",src:f})})}),(0,u.jsx)("p",{className:"card-text mt-0 mb-0",style:{fontSize:y,fontWeight:"bold",color:"rgb(152, 28, 253)"},children:"Projects"}),(0,u.jsx)("p",{className:"card-text mt-0 text-center",style:{fontSize:y,color:"rgb(152, 28, 253)"},children:"+20 Completed"})]})})}),(0,u.jsx)("div",{className:"col row-cols-md-2 d-flex justify-content-end mb-1",style:{height:S},children:(0,u.jsx)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"card",style:{width:"10rem",backgroundColor:"#f5f5f6",cursor:"pointer",border:"0.13rem solid rgb(152, 28, 253)",borderRadius:"1rem",x:P},children:(0,u.jsxs)("div",{className:"card-body d-flex flex-column justify-content-center align-items-center",children:[(0,u.jsx)("p",{className:"card-title mb-0",children:(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Professional At",src:x})})}),(0,u.jsx)("p",{className:"card-text mt-0 mb-0",style:{fontSize:y,fontWeight:"bold",color:"rgb(152, 28, 253)"},children:"Professional At"}),(0,u.jsx)("p",{className:"card-text mt-0 text-center",style:{fontSize:y,color:"rgb(152, 28, 253)"},children:"MERN Stack"})]})})})]})}),(0,u.jsxs)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"aboutCards",style:{color:"rgb(102, 0, 185)",cursor:"pointer",x:M},children:[(0,u.jsxs)("p",{className:"mx-auto text-center d-flex justify-content-center flex-row mb-0 disp2k",style:{fontSize:g},children:[(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Hello",src:h})})," \xa0\xa0 Hello, I'm \xa0",(0,u.jsx)("span",{style:{fontWeight:"bold"},children:"Samin Arnob"}),"."]}),(0,u.jsx)("p",{className:"mx-auto text-justify aboutText justIt",style:{marginTop:k},children:"My Major Was In Electronics & Telecommunication Engineering. But, Later I Figured Out I Never Had Passion For Electrical Components Instead I Had Passion For Coding. So, I Started To Self Teach Myself Code From Udemy, W3schools & Stack Overflow."}),(0,u.jsx)("p",{className:"mx-auto text-justify aboutText justIt",children:"Currently I'm A Full-Stack Developer. My Main Fields of Working Are Node Js, Express Js, React Js, Framer Motion, Bootstrap, CSS, JS/ES6/ES7, MySql & MongoDB."})]}),(0,u.jsx)("div",{className:"reverseWave",style:{zIndex:"-200"},children:(0,u.jsx)("img",{className:"waveHeight",style:{width:"100vw",objectFit:"fill"},src:m})})]})})}},7490:function(e,i,t){e.exports=t.p+"static/media/reversewave.aa356b57921b04f22522.png"},873:function(e,i,t){e.exports=t.p+"static/media/wave.fb821b388b9d8fd4a7fc.png"}}]); +//# sourceMappingURL=592.36e03c9c.chunk.js.map \ No newline at end of file diff --git a/static/js/592.36e03c9c.chunk.js.map b/static/js/592.36e03c9c.chunk.js.map new file mode 100644 index 0000000..72c985a --- /dev/null +++ b/static/js/592.36e03c9c.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static/js/592.36e03c9c.chunk.js","mappings":"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","sources":["Components/AboutMe.jsx"],"sourcesContent":["import React, { Fragment, useEffect, useState } from 'react'\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Stack from '@mui/material/Stack';\r\nimport {motion, useScroll, useTransform} from 'framer-motion'\r\n\r\nimport wave from '../Assets/Images/wave.png'\r\nimport reverseWave from '../Assets/Images/reversewave.png'\r\nimport wavegif from '../Assets/Images/wave.gif'\r\nimport exp from '../Assets/Images/experience.gif'\r\nimport work from '../Assets/Images/presentation.gif'\r\nimport prof from '../Assets/Images/hiring.gif'\r\n\r\nfunction AboutMe() {\r\n\r\n const {scrollY} = useScroll()\r\n\r\n const [volatileSize, setVolatileSize] = useState('')\r\n const [volatileSize2, setvolatileSize2] = useState('')\r\n const [cardHeight, setCardHeight] = useState('')\r\n const [aboveMargin, setAboveMargin] = useState('')\r\n\r\n const sendRes= ()=>{\r\n if(window.innerWidth<1000){\r\n return [0, window.innerHeight+(window.innerHeight/14.2)+(((window.innerHeight/14.2)/10)), 2*window.innerHeight]\r\n }else{\r\n return [0, window.innerHeight, 2*window.innerHeight]\r\n }\r\n }\r\n\r\n const yShift = useTransform(scrollY, sendRes(), [1000,0, 1000])\r\n const yShift2= useTransform(scrollY, sendRes(), [-1000,0, -1000] )\r\n const yShift3= useTransform(scrollY, sendRes(), [-1000,0, -1000])\r\n const yShift4= useTransform(scrollY, sendRes(), [-1000,0, -1000])\r\n\r\n\r\n\r\n useEffect(()=>{\r\n\r\n if(window.innerWidth>760 && window.innerWidth<1000){\r\n setCardHeight('7rem')\r\n }else{\r\n setCardHeight('6rem')\r\n }\r\n\r\n\r\n if(window.innerWidth>760 && window.innerWidth<1000){\r\n setAboveMargin('1rem')\r\n }\r\n\r\n\r\n if(window.innerWidth<359){\r\n setvolatileSize2('0.59rem')\r\n }else if(window.innerWidth>358 && window.innerWidth<400){\r\n setvolatileSize2('0.65rem')\r\n }\r\n else if(window.innerWidth>400 && window.innerWidth<760){\r\n setvolatileSize2('0.7rem')\r\n }\r\n else if(window.innerWidth>760 && window.innerWidth<1000){\r\n setvolatileSize2('0.9rem')\r\n }else if(window.innerWidth>1000){\r\n setvolatileSize2('0.65rem')\r\n } \r\n\r\n\r\n if(window.innerWidth<359){\r\n setVolatileSize('0.8rem')\r\n\r\n }else if(window.innerWidth>358 && window.innerWidth<390){\r\n setVolatileSize('0.9rem')\r\n }else if(window.innerWidth<760 && window.innerWidth>390){\r\n setVolatileSize('1rem')\r\n }else if(window.innerWidth>760 && window.innerWidth<911){\r\n setVolatileSize('1.5rem')\r\n }else if(window.innerWidth>910 && window.innerWidth<1000){\r\n setVolatileSize('2rem')\r\n\r\n }\r\n },[])\r\n\r\n return (\r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n About Me\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n

\r\n \r\n

\r\n

Experience

\r\n

+6 Years

\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n

\r\n \r\n

\r\n

Projects

\r\n

+20 Completed

\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n

\r\n \r\n

\r\n

Professional At

\r\n

MERN Stack

\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n\r\n\r\n
\r\n\r\n \r\n

\r\n \r\n   \r\n Hello, I'm  Samin Arnob.

\r\n

My Major Was In Electronics & Telecommunication Engineering. But, Later I Figured Out I Never Had Passion For Electrical Components Instead I Had Passion For Coding. So, I Started To Self Teach Myself Code From Udemy, W3schools & Stack Overflow.

\r\n

Currently I'm A Full-Stack Developer. My Main Fields of Working Are Node Js, Express Js, React Js, Framer Motion, Bootstrap, CSS, JS/ES6/ES7, MySql & MongoDB.

\r\n\r\n \r\n\r\n\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default AboutMe\r\n"],"names":["scrollY","useScroll","_useState","useState","_useState2","_slicedToArray","volatileSize","setVolatileSize","_useState3","_useState4","volatileSize2","setvolatileSize2","_useState5","_useState6","cardHeight","setCardHeight","_useState7","_useState8","aboveMargin","setAboveMargin","sendRes","window","innerWidth","innerHeight","yShift","useTransform","yShift2","yShift3","yShift4","useEffect","_jsx","Fragment","children","_jsxs","className","style","overflowY","overflowX","zIndex","width","objectFit","src","wave","motion","h4","whileHover","scale","transition","duration","type","stiffness","color","cursor","height","div","backgroundColor","border","borderRadius","x","Stack","direction","spacing","Avatar","alt","exp","fontSize","fontWeight","work","prof","wavegif","marginTop","reverseWave"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/592.dd98df26.chunk.js b/static/js/592.dd98df26.chunk.js deleted file mode 100644 index fd8115d..0000000 --- a/static/js/592.dd98df26.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkportfolio=self.webpackChunkportfolio||[]).push([[592],{6593:function(e,i,t){t.r(i),t.d(i,{default:function(){return g}});var r=t(885),n=t(2791),s=t(3044),o=t(2784),d=t(822),c=t(1518),a=t(5917),l=t(873),m=t(7490),h=t.p+"static/media/wave.e4eca4ebb3636d87293c.gif",w=t.p+"static/media/experience.26c865fd2deb17048d3d.gif",f=t.p+"static/media/presentation.ee6c7f4ebed4b2a75481.gif",x=t.p+"static/media/hiring.55979dd0a370ea4f4996.gif",u=t(184);var g=function(){var e=(0,d.v)().scrollY,i=(0,n.useState)(""),t=(0,r.Z)(i,2),g=t[0],p=t[1],b=(0,n.useState)(""),j=(0,r.Z)(b,2),y=j[0],v=j[1],N=(0,n.useState)(""),W=(0,r.Z)(N,2),S=W[0],H=W[1],E=(0,n.useState)(""),C=(0,r.Z)(E,2),k=C[0],I=C[1],Z=function(){return window.innerWidth<1e3?[0,window.innerHeight+window.innerHeight/14.2+window.innerHeight/14.2/10,2*window.innerHeight]:[0,window.innerHeight,2*window.innerHeight]},M=(0,c.H)(e,Z,[1e3,0,1e3]),z=(0,c.H)(e,Z,[-1e3,0,-1e3]),F=(0,c.H)(e,Z,[-1e3,0,-1e3]),P=(0,c.H)(e,Z,[-1e3,0,-1e3]);return(0,n.useEffect)((function(){window.innerWidth>760&&window.innerWidth<1e3?H("7rem"):H("6rem"),window.innerWidth>760&&window.innerWidth<1e3&&I("1rem"),window.innerWidth<359?v("0.59rem"):window.innerWidth>358&&window.innerWidth<400?v("0.65rem"):window.innerWidth>400&&window.innerWidth<760?v("0.7rem"):window.innerWidth>760&&window.innerWidth<1e3?v("0.9rem"):window.innerWidth>1e3&&v("0.65rem"),window.innerWidth<359?p("0.8rem"):window.innerWidth>358&&window.innerWidth<390?p("0.9rem"):window.innerWidth<760&&window.innerWidth>390?p("1rem"):window.innerWidth>760&&window.innerWidth<911?p("1.5rem"):window.innerWidth>910&&window.innerWidth<1e3&&p("2rem")}),[]),(0,u.jsx)(n.Fragment,{children:(0,u.jsxs)("div",{className:"sidePageSize",style:{overflowY:"hidden",overflowX:"hidden"},children:[(0,u.jsx)("div",{className:"topWave",style:{zIndex:"-200"},children:(0,u.jsx)("img",{className:"waveHeight",style:{width:"100%",objectFit:"fill"},src:l})}),(0,u.jsx)(a.E.h4,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},style:{color:"rgb(152, 28, 253)",cursor:"pointer"},className:"mx-auto aboutMe",children:"About Me"}),(0,u.jsx)("div",{className:"threeCards",children:(0,u.jsxs)("div",{className:"row row-cols-2 d-flex",children:[(0,u.jsx)("div",{className:"col row-cols-md-2 d-flex justify-content-end mb-1",style:{height:S},children:(0,u.jsx)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"card",style:{width:"10rem",backgroundColor:"#f5f5f6",cursor:"pointer",border:"0.13rem solid rgb(152, 28, 253)",borderRadius:"1rem",x:z},children:(0,u.jsxs)("div",{className:"card-body d-flex flex-column justify-content-center align-items-center",children:[(0,u.jsx)("p",{className:"card-title mb-0",children:(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Experience",src:w})})}),(0,u.jsx)("p",{className:"card-text mt-0 mb-0",style:{fontSize:y,fontWeight:"bold",color:"rgb(152, 28, 253)"},children:"Experience"}),(0,u.jsx)("p",{className:"card-text mt-0 text-center",style:{fontSize:y,color:"rgb(152, 28, 253)"},children:"+6 Years"})]})})}),(0,u.jsx)("div",{className:"col row-cols-md-2 d-flex justify-content-start mb-2",style:{height:S},children:(0,u.jsx)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"card",style:{width:"10rem",backgroundColor:"#f5f5f6",cursor:"pointer",border:"0.13rem solid rgb(152, 28, 253)",borderRadius:"1rem",x:F},children:(0,u.jsxs)("div",{className:"card-body d-flex flex-column justify-content-center align-items-center",children:[(0,u.jsx)("p",{className:"card-title mb-0",children:(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Projects",src:f})})}),(0,u.jsx)("p",{className:"card-text mt-0 mb-0",style:{fontSize:y,fontWeight:"bold",color:"rgb(152, 28, 253)"},children:"Projects"}),(0,u.jsx)("p",{className:"card-text mt-0 text-center",style:{fontSize:y,color:"rgb(152, 28, 253)"},children:"+20 Completed"})]})})}),(0,u.jsx)("div",{className:"col row-cols-md-2 d-flex justify-content-end mb-1",style:{height:S},children:(0,u.jsx)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"card",style:{width:"10rem",backgroundColor:"#f5f5f6",cursor:"pointer",border:"0.13rem solid rgb(152, 28, 253)",borderRadius:"1rem",x:P},children:(0,u.jsxs)("div",{className:"card-body d-flex flex-column justify-content-center align-items-center",children:[(0,u.jsx)("p",{className:"card-title mb-0",children:(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Professional At",src:x})})}),(0,u.jsx)("p",{className:"card-text mt-0 mb-0",style:{fontSize:y,fontWeight:"bold",color:"rgb(152, 28, 253)"},children:"Professional At"}),(0,u.jsx)("p",{className:"card-text mt-0 text-center",style:{fontSize:y,color:"rgb(152, 28, 253)"},children:"MERN Stack"})]})})})]})}),(0,u.jsxs)(a.E.div,{whileHover:{scale:[1,1.1]},transition:{duration:1.3,type:"spring",stiffness:350},className:"aboutCards",style:{color:"rgb(102, 0, 185)",cursor:"pointer",x:M},children:[(0,u.jsxs)("p",{className:"mx-auto text-center d-flex justify-content-center flex-row mb-0 disp2k",style:{fontSize:g},children:[(0,u.jsx)(o.Z,{direction:"row",spacing:2,children:(0,u.jsx)(s.Z,{alt:"Hello",src:h})})," \xa0\xa0 Hello, I'm \xa0",(0,u.jsx)("span",{style:{fontWeight:"bold"},children:"Samin Arnob"}),"."]}),(0,u.jsx)("p",{className:"mx-auto text-justify aboutText justIt",style:{marginTop:k},children:"My Major Was In Electronics & Telecommunication Engineering. But, Later I Figured Out I Never Had Passion For Electrical Components Instead I Had Passion For Coding. So, I Started To Self Teach Myself Code From Udemy, W3schools & Stack Overflow."}),(0,u.jsx)("p",{className:"mx-auto text-justify aboutText justIt",children:"Currently I'm A Full-Stack Developer. My Main Fields of Working Are Node Js, Express Js, React Js, Framer Motion, Bootstrap, CSS, JS/ES6/ES7, MySql & MongoDB."})]}),(0,u.jsx)("div",{className:"reverseWave",style:{zIndex:"-200"},children:(0,u.jsx)("img",{className:"waveHeight",style:{width:"100vw",objectFit:"fill"},src:m})})]})})}},7490:function(e,i,t){e.exports=t.p+"static/media/reversewave.aa356b57921b04f22522.png"},873:function(e,i,t){e.exports=t.p+"static/media/wave.fb821b388b9d8fd4a7fc.png"}}]); -//# sourceMappingURL=592.dd98df26.chunk.js.map \ No newline at end of file diff --git a/static/js/592.dd98df26.chunk.js.map b/static/js/592.dd98df26.chunk.js.map deleted file mode 100644 index 149c2f2..0000000 --- a/static/js/592.dd98df26.chunk.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/js/592.dd98df26.chunk.js","mappings":"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","sources":["Components/AboutMe.jsx"],"sourcesContent":["import React, { Fragment, useEffect, useState } from 'react'\r\nimport Avatar from '@mui/material/Avatar';\r\nimport Stack from '@mui/material/Stack';\r\nimport {motion, useScroll, useTransform} from 'framer-motion'\r\n\r\nimport wave from '../Assets/Images/wave.png'\r\nimport reverseWave from '../Assets/Images/reversewave.png'\r\nimport wavegif from '../Assets/Images/wave.gif'\r\nimport exp from '../Assets/Images/experience.gif'\r\nimport work from '../Assets/Images/presentation.gif'\r\nimport prof from '../Assets/Images/hiring.gif'\r\n\r\nfunction AboutMe() {\r\n\r\n const {scrollY} = useScroll()\r\n\r\n const [volatileSize, setVolatileSize] = useState('')\r\n const [volatileSize2, setvolatileSize2] = useState('')\r\n const [cardHeight, setCardHeight] = useState('')\r\n const [aboveMargin, setAboveMargin] = useState('')\r\n\r\n const sendRes= ()=>{\r\n if(window.innerWidth<1000){\r\n return [0, window.innerHeight+(window.innerHeight/14.2)+(((window.innerHeight/14.2)/10)), 2*window.innerHeight]\r\n }else{\r\n return [0, window.innerHeight, 2*window.innerHeight]\r\n }\r\n }\r\n\r\n const yShift = useTransform(scrollY, sendRes, [1000,0, 1000])\r\n const yShift2= useTransform(scrollY, sendRes, [-1000,0, -1000] )\r\n const yShift3= useTransform(scrollY, sendRes, [-1000,0, -1000])\r\n const yShift4= useTransform(scrollY, sendRes, [-1000,0, -1000])\r\n\r\n\r\n\r\n useEffect(()=>{\r\n\r\n if(window.innerWidth>760 && window.innerWidth<1000){\r\n setCardHeight('7rem')\r\n }else{\r\n setCardHeight('6rem')\r\n }\r\n\r\n\r\n if(window.innerWidth>760 && window.innerWidth<1000){\r\n setAboveMargin('1rem')\r\n }\r\n\r\n\r\n if(window.innerWidth<359){\r\n setvolatileSize2('0.59rem')\r\n }else if(window.innerWidth>358 && window.innerWidth<400){\r\n setvolatileSize2('0.65rem')\r\n }\r\n else if(window.innerWidth>400 && window.innerWidth<760){\r\n setvolatileSize2('0.7rem')\r\n }\r\n else if(window.innerWidth>760 && window.innerWidth<1000){\r\n setvolatileSize2('0.9rem')\r\n }else if(window.innerWidth>1000){\r\n setvolatileSize2('0.65rem')\r\n } \r\n\r\n\r\n if(window.innerWidth<359){\r\n setVolatileSize('0.8rem')\r\n\r\n }else if(window.innerWidth>358 && window.innerWidth<390){\r\n setVolatileSize('0.9rem')\r\n }else if(window.innerWidth<760 && window.innerWidth>390){\r\n setVolatileSize('1rem')\r\n }else if(window.innerWidth>760 && window.innerWidth<911){\r\n setVolatileSize('1.5rem')\r\n }else if(window.innerWidth>910 && window.innerWidth<1000){\r\n setVolatileSize('2rem')\r\n\r\n }\r\n },[])\r\n\r\n return (\r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n About Me\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n

\r\n \r\n

\r\n

Experience

\r\n

+6 Years

\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n

\r\n \r\n

\r\n

Projects

\r\n

+20 Completed

\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n

\r\n \r\n

\r\n

Professional At

\r\n

MERN Stack

\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n\r\n\r\n
\r\n\r\n \r\n

\r\n \r\n   \r\n Hello, I'm  Samin Arnob.

\r\n

My Major Was In Electronics & Telecommunication Engineering. But, Later I Figured Out I Never Had Passion For Electrical Components Instead I Had Passion For Coding. So, I Started To Self Teach Myself Code From Udemy, W3schools & Stack Overflow.

\r\n

Currently I'm A Full-Stack Developer. My Main Fields of Working Are Node Js, Express Js, React Js, Framer Motion, Bootstrap, CSS, JS/ES6/ES7, MySql & MongoDB.

\r\n\r\n \r\n\r\n\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default AboutMe\r\n"],"names":["scrollY","useScroll","_useState","useState","_useState2","_slicedToArray","volatileSize","setVolatileSize","_useState3","_useState4","volatileSize2","setvolatileSize2","_useState5","_useState6","cardHeight","setCardHeight","_useState7","_useState8","aboveMargin","setAboveMargin","sendRes","window","innerWidth","innerHeight","yShift","useTransform","yShift2","yShift3","yShift4","useEffect","_jsx","Fragment","children","_jsxs","className","style","overflowY","overflowX","zIndex","width","objectFit","src","wave","motion","h4","whileHover","scale","transition","duration","type","stiffness","color","cursor","height","div","backgroundColor","border","borderRadius","x","Stack","direction","spacing","Avatar","alt","exp","fontSize","fontWeight","work","prof","wavegif","marginTop","reverseWave"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.1d7a23dd.js b/static/js/main.1f3d6600.js similarity index 99% rename from static/js/main.1d7a23dd.js rename to static/js/main.1f3d6600.js index 380d076..5a6b7b5 100644 --- a/static/js/main.1d7a23dd.js +++ b/static/js/main.1f3d6600.js @@ -1,3 +1,3 @@ -/*! For license information please see main.1d7a23dd.js.LICENSE.txt */ -!function(){"use strict";var e={4463:function(e,n,t){var r=t(2791),l=t(5296);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t