diff --git a/docs/assets/index-5f85bc7d.js b/docs/assets/index-59564fe6.js similarity index 96% rename from docs/assets/index-5f85bc7d.js rename to docs/assets/index-59564fe6.js index edaa1d3..fc938df 100644 --- a/docs/assets/index-5f85bc7d.js +++ b/docs/assets/index-59564fe6.js @@ -47,4 +47,4 @@ Error generating stack: `+i.message+` opacity: 0; } } -`);var fp=de.memo(de.forwardRef(function(e,t){var n=e.sequence,r=e.repeat,l=e.className,i=e.speed,o=i===void 0?40:i,u=e.deletionSpeed,s=e.omitDeletionAnimation,c=s!==void 0&&s,p=e.preRenderFirstString,h=p!==void 0&&p,m=e.wrapper,g=m===void 0?"span":m,x=e.splitter,S=x===void 0?function(E){return He([],De(E),!1)}:x,M=e.cursor,f=M===void 0||M,a=e.style,d=function(E,O){var I={};for(var J in E)Object.prototype.hasOwnProperty.call(E,J)&&O.indexOf(J)<0&&(I[J]=E[J]);if(E!=null&&typeof Object.getOwnPropertySymbols=="function"){var fe=0;for(J=Object.getOwnPropertySymbols(E);fey.jsx("ol",{className:"flex flex-col md:flex-row relative border-l border-stone-200 ",children:y.jsxs("li",{className:"mb-10 ml-4",children:[y.jsx("div",{className:"absolute w-3 h-3 bg-stone-200 rounded-full mt-1.5 -left-1.5 border-white"}),y.jsxs("p",{className:"flex flex-wrap gap-4 flex-row items-center justify-start text-xs md:text-sm",children:[y.jsx("span",{className:"inline-block px-2 py-1 font-semibold text-white bg-[#001b5e] rounded-md",children:e}),y.jsx("span",{className:"text-lg font-semibold text-[#001b5e]",children:t}),y.jsx("span",{className:"my-1 text-sm font-normal leading-none text-stone-400",children:n})]}),y.jsx("p",{className:"my-2 sm:txt-sm text-base font-normal text-stone-500",children:r})]})}),wp=[{year:2020,title:"React Fundamentals",duration:"3 hours",details:"An introductory course on React covering the basics of components, state, and props."},{year:2021,title:"Advanced React Patterns",duration:"5 hours",details:"A deep dive into advanced patterns in React including higher-order components, render props, and hooks."},{year:2019,title:"JavaScript ES6+ Features",duration:"2.5 hours",details:"An overview of new features introduced in ES6 and later versions, such as arrow functions, destructuring, and async/await."},{year:2022,title:"Full-Stack Development with MERN",duration:"10 hours",details:"A comprehensive course on full-stack web development using MongoDB, Express, React, and Node.js."}],xp=()=>y.jsxs("div",{id:"work",className:"max-w-[1040px] m-auto md:pl-20 p-4 py-16",children:[y.jsx("h1",{className:"text-4xl font-bold text-center text-[#001b5e]",children:"Work"}),wp.map((e,t)=>y.jsx(gp,{year:e.year,title:e.title,duration:e.duartion,details:e.details},t))]}),Pr=({img:e,title:t})=>y.jsxs("div",{className:"relative flex items-center justify-center h-auto w-full shadow-xl shadow-gray-400 rounded-xl group hover:bg-gradient-to-r from-gray-200 to-[#001b5e]",children:[y.jsx("img",{src:e,alt:"/",className:"rounded-xl group-hover:opacity-10 ease-in duration-300"}),y.jsxs("div",{className:"hidden group-hover:block absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]",children:[y.jsx("h3",{className:"text-2xl font-bold text-white tracking-wider text-center",children:t}),y.jsx("p",{className:"pb-4 pt-2 text-white text-center",children:"React Js"}),y.jsx("a",{href:"/",children:y.jsx("p",{className:"text-center p-3 rounded-lg bg-white text-gray-700 font-bold cursor-pointer text-lg",children:"More Info"})})]})]}),Sp="/assets/spiderman-3-649e4c43.png",kp="/assets/spiderman-18-d72ac575.png",Ep="/assets/Sytan-V1-01-ironman-e10da8c3.png",Cp="/assets/Sytan-V1-01-spiderman-6f82df45.png",Np=()=>y.jsxs("div",{id:"projects",className:"max-w-[1040px] m-auto md:pl-20 py-16",children:[y.jsx("h1",{className:"text-4xl font-bold text-center text-[#001b5e]",children:"Projects"}),y.jsx("p",{className:"text-center py-8",children:"a lot of dummy text oh wow this is a lot of text it is taking sooooo long ti type it allxt oh wow this is a lot of text it ixt oh wow this is a lot of text it ixt oh wow this is a lot of text it i"}),y.jsxs("div",{className:"grid sm:grid-cols-2 gap-12",children:[y.jsx(Pr,{img:kp,title:"Crypto App"}),y.jsx(Pr,{img:Sp,title:"Property App"}),y.jsx(Pr,{img:Ep,title:"Netflix App"}),y.jsx(Pr,{img:Cp,title:"Twitch App"})]})]}),_p=()=>y.jsxs("div",{id:"contact",className:"max-w-[1040] m-auto md:pl-20 p-4 py-16",children:[y.jsx("h1",{className:"py-4 text-4xl font-bold text-center text-[#001b5e]",children:" Contact"}),y.jsxs("form",{action:"https://getform.io/f/avrednla",method:"POST",encType:"multipart/form-data",children:[y.jsxs("div",{className:"grid md:grid-cols-2 gap-4 w-full py-2",children:[y.jsxs("div",{className:"flex flex-col",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Name"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"text",name:"name"})]}),y.jsxs("div",{className:"flex flex-col",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Phone"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"text",name:"phone"})]})]}),y.jsxs("div",{className:"flex flex-col py-3",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Email"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"email",name:"email"})]}),y.jsxs("div",{className:"flex flex-col py-3",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Subject"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"text",name:"subject"})]}),y.jsxs("div",{className:"flex flex-col py-3",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Message"}),y.jsx("textarea",{className:"border-2 rounded-lg p-3 border-gray-300",rows:10,name:"message"})]}),y.jsx("button",{className:"bg-[#001b5e] text-gray-200 mt-3 w-full p-4 rounded-lg",children:"Say Hi"})]})]});function Pp(){return y.jsxs("div",{children:[y.jsx(ip,{}),y.jsx(yp,{}),y.jsx(xp,{}),y.jsx(Np,{}),y.jsx(_p,{})]})}const jp=ni.createRoot(document.getElementById("root"));jp.render(y.jsx(We.StrictMode,{children:y.jsx(Pp,{})})); +`);var fp=de.memo(de.forwardRef(function(e,t){var n=e.sequence,r=e.repeat,l=e.className,i=e.speed,o=i===void 0?40:i,u=e.deletionSpeed,s=e.omitDeletionAnimation,c=s!==void 0&&s,p=e.preRenderFirstString,h=p!==void 0&&p,m=e.wrapper,g=m===void 0?"span":m,x=e.splitter,S=x===void 0?function(E){return He([],De(E),!1)}:x,M=e.cursor,f=M===void 0||M,a=e.style,d=function(E,O){var I={};for(var J in E)Object.prototype.hasOwnProperty.call(E,J)&&O.indexOf(J)<0&&(I[J]=E[J]);if(E!=null&&typeof Object.getOwnPropertySymbols=="function"){var fe=0;for(J=Object.getOwnPropertySymbols(E);fey.jsx("ol",{className:"flex flex-col md:flex-row relative border-l border-stone-200 ",children:y.jsxs("li",{className:"mb-10 ml-4",children:[y.jsx("div",{className:"absolute w-3 h-3 bg-stone-200 rounded-full mt-1.5 -left-1.5 border-white"}),y.jsxs("p",{className:"flex flex-wrap gap-4 flex-row items-center justify-start text-xs md:text-sm",children:[y.jsx("span",{className:"inline-block px-2 py-1 font-semibold text-white bg-[#001b5e] rounded-md",children:e}),y.jsx("span",{className:"text-lg font-semibold text-[#001b5e]",children:t}),y.jsx("span",{className:"my-1 text-sm font-normal leading-none text-stone-400",children:n})]}),y.jsx("p",{className:"my-2 sm:txt-sm text-base font-normal text-stone-500",children:r})]})}),wp=[{year:2020,title:"React Fundamentals",duration:"3 hours",details:"An introductory course on React covering the basics of components, state, and props."},{year:2021,title:"Advanced React Patterns",duration:"5 hours",details:"A deep dive into advanced patterns in React including higher-order components, render props, and hooks."},{year:2019,title:"JavaScript ES6+ Features",duration:"2.5 hours",details:"An overview of new features introduced in ES6 and later versions, such as arrow functions, destructuring, and async/await."},{year:2022,title:"Full-Stack Development with MERN",duration:"10 hours",details:"A comprehensive course on full-stack web development using MongoDB, Express, React, and Node.js."}],xp=()=>y.jsxs("div",{id:"work",className:"max-w-[1040px] m-auto md:pl-20 p-4 py-16",children:[y.jsx("h1",{className:"text-4xl font-bold text-center text-[#001b5e]",children:"Work"}),wp.map((e,t)=>y.jsx(gp,{year:e.year,title:e.title,duration:e.duartion,details:e.details},t))]}),Pr=({img:e,title:t})=>y.jsxs("div",{className:"relative flex items-center justify-center h-auto w-full shadow-xl shadow-gray-400 rounded-xl group hover:bg-gradient-to-r from-gray-200 to-[#001b5e]",children:[y.jsx("img",{src:e,alt:"/",className:"rounded-xl group-hover:opacity-10 ease-in duration-300"}),y.jsxs("div",{className:"hidden group-hover:block absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]",children:[y.jsx("h3",{className:"text-2xl font-bold text-white tracking-wider text-center",children:t}),y.jsx("p",{className:"pb-4 pt-2 text-white text-center",children:"React Js"}),y.jsx("a",{href:"/",children:y.jsx("p",{className:"text-center p-3 rounded-lg bg-white text-gray-700 font-bold cursor-pointer text-lg",children:"More Info"})})]})]}),Sp="/assets/spiderman-3-649e4c43.png",kp="/assets/spiderman-18-d72ac575.png",Ep="/assets/Sytan-V1-01-ironman-e10da8c3.png",Cp="/assets/Sytan-V1-01-spiderman-6f82df45.png",Np=()=>y.jsxs("div",{id:"projects",className:"max-w-[1040px] m-auto md:pl-20 py-16",children:[y.jsx("h1",{className:"text-4xl font-bold text-center text-[#001b5e]",children:"Projects"}),y.jsx("p",{className:"text-center py-8",children:"a lot of dummy text oh wow this is a lot of text it is taking sooooo long ti type it allxt oh wow this is a lot of text it ixt oh wow this is a lot of text it ixt oh wow this is a lot of text it i"}),y.jsxs("div",{className:"grid sm:grid-cols-2 gap-12",children:[y.jsx(Pr,{img:kp,title:"Crypto App"}),y.jsx(Pr,{img:Sp,title:"Property App"}),y.jsx(Pr,{img:Ep,title:"Netflix App"}),y.jsx(Pr,{img:Cp,title:"Twitch App"})]})]}),_p=()=>y.jsxs("div",{id:"contact",className:"max-w-[1040] m-auto md:pl-20 p-4 py-16",children:[y.jsx("h1",{className:"py-4 text-4xl font-bold text-center text-[#001b5e]",children:" Contact"}),y.jsxs("form",{action:"https://getform.io/f/avrednla",method:"POST",encType:"multipart/form-data",children:[y.jsxs("div",{className:"grid md:grid-cols-2 gap-4 w-full py-2",children:[y.jsxs("div",{className:"flex flex-col",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Name"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"text",name:"name"})]}),y.jsxs("div",{className:"flex flex-col",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Phone"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"text",name:"phone"})]})]}),y.jsxs("div",{className:"flex flex-col py-3",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Email"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"email",name:"email"})]}),y.jsxs("div",{className:"flex flex-col py-3",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Subject"}),y.jsx("input",{className:"border-2 rounded-lg p-3 flex boarder-gray-300",type:"text",name:"subject"})]}),y.jsxs("div",{className:"flex flex-col py-3",children:[y.jsx("label",{className:"uppercase text-sm py-2",children:"Message"}),y.jsx("textarea",{className:"border-2 rounded-lg p-3 border-gray-300",rows:10,name:"message"})]}),y.jsx("button",{className:"bg-[#001b5e] text-gray-200 mt-3 w-full p-4 rounded-lg",children:"Say Hi"})]})]});function Pp(){return y.jsxs("div",{children:[y.jsx(ip,{}),y.jsx(yp,{}),y.jsx(xp,{}),y.jsx(Np,{}),y.jsx(_p,{})]})}const jp=ni.createRoot(document.getElementById("root"));jp.render(y.jsx(We.StrictMode,{children:y.jsx(Pp,{})})); diff --git a/docs/index.html b/docs/index.html index 9dbcf6d..43acdb1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -16,7 +16,7 @@ --> React App - + diff --git a/src/components/Main.jsx b/src/components/Main.jsx index 2a347d5..99b42e7 100644 --- a/src/components/Main.jsx +++ b/src/components/Main.jsx @@ -11,7 +11,7 @@ function Main() {
-

I'm Jason Sutis

+

I'm Jason Su

I'm a \ No newline at end of file diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js deleted file mode 100644 index 5253d3a..0000000 --- a/src/reportWebVitals.js +++ /dev/null @@ -1,13 +0,0 @@ -const reportWebVitals = onPerfEntry => { - if (onPerfEntry && onPerfEntry instanceof Function) { - import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { - getCLS(onPerfEntry); - getFID(onPerfEntry); - getFCP(onPerfEntry); - getLCP(onPerfEntry); - getTTFB(onPerfEntry); - }); - } -}; - -export default reportWebVitals; diff --git a/src/setupTests.js b/src/setupTests.js deleted file mode 100644 index 8f2609b..0000000 --- a/src/setupTests.js +++ /dev/null @@ -1,5 +0,0 @@ -// jest-dom adds custom jest matchers for asserting on DOM nodes. -// allows you to do things like: -// expect(element).toHaveTextContent(/react/i) -// learn more: https://github.com/testing-library/jest-dom -import '@testing-library/jest-dom';