https://jason-g.com/_next/static/chunks/app/page-105801c054c1059a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{4209:(e,t,i)=>{Promise.resolve().then(i.bind(i,6532)),Promise.resolve().then(i.bind(i,4450)),Promise.resolve().then(i.bind(i,525)),Promise.resolve().then(i.bind(i,8452)),Promise.resolve().then(i.bind(i,9915))},9915:(e,t,i)=>{"use strict";i.d(t,{HomeLink:()=>s});var a=i(5155);function s(e){let{href:t,label:i}=e;return(0,a.jsx)("a",{className:"text-white relative inline-block text-right font-bold uppercase \n                 text-4xl md:text-7xl lg:text-8xl 2xl:text-9xl fhd:text-xxl\n                 before:wipe before:content-[attr(id)] before:background-size-width-[0] before:inline-block before:text-right \n                 before:font-bold before:uppercase before:absolute before:top-[-5px] before:left-0 \n                 before:transition-background-size before:ease-slow-wipe before:duration-500 hover:before:background-size-width-[220%]",id:i,href:t,children:i})}i(2115),i(8860)},6532:(e,t,i)=>{"use strict";i.d(t,{default:()=>n});var a=i(5155);i(2115);var s=i(5083);function n(){return(0,a.jsx)(s.pL,{triggerOnce:!0,threshold:.5,children:e=>{let{inView:t,ref:i}=e;return(0,a.jsxs)("div",{ref:i,children:[(0,a.jsx)("p",{className:t?"mb-10 opacity-0 animate-slide-text-up-show animation-delay-[1250ms]":"opacity-0",children:"I first truly got onto web development during my junior year in university when my friend/mentor of sorts (you know who you are) convinced me to try developing something that I could actually use or enjoy. Thus I embarked on my journey to create a stat tracker site for the popular MOBA game League of Legends. While developing my first site, I learned of the instance gratification that web development could give you, and it helped motivate me even more to continue. Since then I've been hooked on creating webpages and the many other aspects of frontend development."}),(0,a.jsxs)("p",{className:t?"opacity-0 animate-slide-text-up-show animation-delay-[1500ms]":"opacity-0",children:["My primary focus these days have been developing web applications for internal use within"," ",(0,a.jsx)("a",{className:"text-heliotrope",href:"https://www.ibm.com/us-en",target:"_blank",children:"IBM"}),". What I find the most enjoyable is when I'm given the opportunity to work with both the design and the development portion of a component. I want things to look nice as well as functional."]})]})}})}},4450:(e,t,i)=>{"use strict";i.d(t,{default:()=>n});var a=i(5155),s=i(5083);function n(e){let{titleText:t,secondTitleText:i,children:n,titleAnimationDelay:o,dividerAnimationDelay:r,threshold:l}=e;return(0,a.jsx)(s.pL,{triggerOnce:!0,threshold:l,children:e=>{let{inView:s,ref:l}=e;return(0,a.jsxs)("div",{ref:l,className:"mb-10",children:[(0,a.jsxs)("div",{className:"text-4xl mb-[10px] w-full",children:[(0,a.jsx)("span",{className:s?"inline-block opacity-0 animate-slide-heading-up-right":"opacity-0",style:{animationDelay:"".concat(o,"ms")},children:t}),i&&(0,a.jsx)("span",{className:s?"ml-3 inline-block opacity-0 text-heliotrope animate-slide-heading-up-right":"opacity-0",style:{animationDelay:"".concat(o+150,"ms")},children:i})]}),(0,a.jsx)("svg",{height:"2",width:"100%",viewBox:"0 0 100 50",preserveAspectRatio:"none",className:s?"opacity-1 translate-y-[100vh] animate-slide-up-body-line":"opacity-0",style:{animationDelay:"".concat(r,"ms")},children:(0,a.jsx)("line",{x1:"0",y1:"0",x2:"100",y2:"0",stroke:"mediumpurple",strokeWidth:"100%",opacity:"0.8",vectorEffect:"non-scaling-stroke"})}),(0,a.jsx)("div",{className:"mt-4 ".concat(s?"opacity-1":"opacity-0"),children:n})]})}})}i(2115)},525:(e,t,i)=>{"use strict";i.d(t,{default:()=>l});var a=i(5155);i(2115);var s=i(5083),n=i(6084),o=i(8100);function r(e){let{inView:t,name:i,animationDelay:s}=e;return(0,a.jsxs)("div",{className:t?"opacity-0 animate-slide-text-up-right animation-delay-1000 flex items-center justify-start w-[200px]":"opacity-0",style:{animationDelay:"".concat(s,"ms")},children:[(e=>{let t;switch(e){case"Javascript":t=(0,a.jsx)(n.Uvw,{size:64});break;case"React":t=(0,a.jsx)(o.hsu,{size:64});break;case"Typescript":t=(0,a.jsx)(n.U1g,{size:64});break;case"Next.js":t=(0,a.jsx)(o.hHk,{size:64});break;case"HTML":t=(0,a.jsx)(n.ZKG,{size:64});break;case"Java":t=(0,a.jsx)(o.bfx,{size:64});break;case"CSS":t=(0,a.jsx)(n.vSn,{size:64});break;case"Node.js":t=(0,a.jsx)(o.rfu,{size:64});break;default:t=(0,a.jsx)(n.Uvw,{size:64,color:"transparent"})}return t})(i),i]})}function l(){let e=["Javascript","React","Typescript","Next.js","HTML","Java","CSS","Node.js"];return(0,a.jsx)(s.pL,{triggerOnce:!0,threshold:.5,children:t=>{let{inView:i,ref:s}=t;return(0,a.jsx)("div",{ref:s,className:"w-full flex flex-col justify-space-between items-center flex-wrap h-[172px] [&>*]:m-2",children:e.map((e,t)=>(0,a.jsx)(r,{inView:i,name:e,animationDelay:1e3+110*t},"skill-list-".concat(t)))})}})}},8452:(e,t,i)=>{"use strict";i.d(t,{default:()=>h});var a=i(5155),s=i(2115),n=i(5083);function o(e){let{experiences:t,handleSelectExperience:i}=e;return(0,a.jsx)(n.pL,{triggerOnce:!0,threshold:1,children:e=>{let{inView:s,ref:n}=e;

1return(0,a.jsx)("div",{ref:n,className:s?"mb-10 opacity-0 animate-slide-text-right-show animation-delay-[750ms]":"opacity-0",children:(0,a.jsx)("div",{children:t.map(e=>(0,a.jsx)("button",{className:"overflow-hidden border-[1px] border-solid relative p-4 min-h-[100px] max-w-[300px] mb-4 duration-200 after:button-wiper hover:after:left-[120%] ease-fast-wipe hover:border-heliotrope active:bg-heavy-metal",onClick:()=>i(e),children:(0,a.jsxs)("div",{className:"z-20",children:["".concat(e.jobTitle," - "),(0,a.jsx)("span",{className:"text-heliotrope",children:e.company})]})},e.jobTitle))})})}})}function r(e){let{selectedExp:t}=e,{jobTitle:i,company:s,duration:o,description:r}=t;return(0,a.jsx)(n.pL,{triggerOnce:!0,threshold:1,children:e=>{let{inView:t,ref:n}=e;return(0,a.jsx)("div",{ref:n,className:t?"mb-10 opacity-0 border-[1px] border-solid animate-slide-text-left-show animation-delay-[1000ms]":"opacity-0",children:(0,a.jsxs)("div",{id:"work-desc-card",className:" p-10",children:[(0,a.jsxs)("div",{className:"mb-3 text-2xl",children:[i," - ",(0,a.jsx)("span",{className:"text-heliotrope",children:s})]}),(0,a.jsx)("div",{className:"mb-3",children:o}),(0,a.jsx)("ul",{className:"ml-6 list-disc",children:r.map((e,t)=>(0,a.jsx)("li",{children:e},"".concat(i,"-desc-").concat(t)))})]})})}})}var l=i(8860);let c=[{jobTitle:"Software Developer",company:"IBM",duration:"Jan 2023 - Present",description:["Contributed to the development of a new Intercompany Agreement (ICA) solution used by IBMers worldwide as a replacement to the legacy system that used Lotus Notes which would be sunset.","Developed a new email notification microservice which handled the sending of all emails within the application throughout an ICA’s approval process using Spring Boot and Thymeleaf templates.","Implemented feature for users to delegate/reassign approvals within dynamic UI modals based on validations."]},{jobTitle:"Frontend Developer Intern",company:"IBM",duration:"May 2022 - August 2022",description:["Helped spearhead the revamp of the UI for IBMs internal Global Ledger secondary support application used by admins and developers to help debug and monitor activity on the main application.","Helped in redesign decisions and implementations utilizing Carbon React as well as custom stylings and components for a cohesive and coherent UI experience.","Utilized React Hot Toast library along with React's useContext hook in the creation of a universal notification system for all status and error notifications displayed to users."]}];function d(){let[e,t]=(0,s.useState)(c[0]),i=async e=>{let i=document.getElementById("work-desc-card");null==i||i.classList.add("animate-squish-vertical"),await (0,l.y)(1e3),t(e),null==i||i.classList.remove("animate-squish-vertical"),null==i||i.classList.add("animate-expand-vertical"),await (0,l.y)(250)};return(0,a.jsxs)("div",{className:"flex mt-10 px-8",children:[(0,a.jsx)(o,{experiences:c,handleSelectExperience:i}),(0,a.jsx)(r,{selectedExp:e})]})}function h(){return(0,a.jsx)("section",{id:"experience",className:"text-white",children:(0,a.jsx)(n.pL,{triggerOnce:!0,threshold:1,children:e=>{let{inView:t,ref:i}=e;return(0,a.jsxs)("div",{ref:i,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-4xl mb-[10px]",children:(0,a.jsx)("span",{className:t?"inline-block opacity-0 animate-slide-heading-up-right":"opacity-0",children:"Experience"})}),(0,a.jsx)("svg",{height:"1",width:"100%",viewBox:"0 0 100 50",preserveAspectRatio:"none",className:t?"opacity-1 translate-y-[100vh] animate-slide-up-body-line":"opacity-0",children:(0,a.jsx)("line",{x1:"0",y1:"0",x2:"100",y2:"0",stroke:"white",strokeWidth:"100%",opacity:"0.8",vectorEffect:"non-scaling-stroke"})})]}),(0,a.jsx)("div",{className:"mt-4 ".concat(t?"opacity-1":"opacity-0"),children:(0,a.jsx)(d,{})})]})}})})}},8860:(e,t,i)=>{"use strict";i.d(t,{y:()=>a});let a=async e=>new Promise(t=>setTimeout(t,e))}},e=>{var t=t=>e(e.s=t);e.O(0,[204,873,853,441,517,358],()=>t(4209)),_N_E=e.O()}]);