1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93],{1423:function(n,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/portfolio/contact",function(){return r(5055)}])},5419:function(n,e,r){"use strict";r.d(e,{Z:function(){return v}});var t=r(1799),i=r(9396),o=r(9534),a=r(5893),l=(r(7294),r(7297)),s=r(7379);function u(){var n=(0,l.Z)(["\n 0% {\n transform: translateX(25px);\n }\n 100% {\n transform: translateX(-20px);\n }\n"]);return u=function(){return n},n}function c(){var n=(0,l.Z)(["\n &::before {\n content: '';\n position: absolute;\n z-index: 1;\n top: 0;\n left: -100%;\n width: 300%;\n height: 100%;\n background: ","\n repeating-linear-gradient(\n 60deg,\n transparent,\n transparent 10px,\n #01bf71 10px,\n rgba(3, 21, 41, 0.32) 20px\n );\n animation: "," 1s infinite linear;\n }\n\n & > span {\n opacity: 0.5;\n }\n\n cursor: wait;\n"]);return c=function(){return n},n}function f(){var n=(0,l.Z)(["\n color: ",";\n // show icon\n span {\n visibility: visible;\n\n .action-icon {\n transform: translateX(8px);\n }\n }\n\n :before {\n opacity: 0;\n }\n\n :after {\n opacity: 1;\n transform-origin: 100px 100px;\n transform: scale(1) translate(-50px, -70px);\n }\n"]);return f=function(){return n},n}function d(){var n=(0,l.Z)(["\n background-image: ",";\n color: ",";\n cursor: not-allowed;\n"]);return d=function(){return n},n}function m(){var n=(0,l.Z)(["\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: 18px;\n transition: color 0.5s, transform 0.3s, background-color 0.3s;\n outline: none;\n border-radius: ",";\n padding: 1rem 3.5rem;\n background-color: transparent;\n color: ",";\n border: none;\n overflow: hidden;\n box-shadow: none;\n\n &:active {\n transform: translateX(5px);\n }\n\n &::after,\n &::before {\n border-radius: ",";\n }\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 3px solid ",";\n transition: opacity 0.3s, border 0.3s;\n }\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 350px;\n height: 200px;\n background-image: linear-gradient(\n 45deg,\n #01bf71 0%,\n #2bd2ff 52%,\n #2bff88 90%\n );\n border-color: transparent;\n border-radius: 50%;\n transform: translate(-10px, -70px) scale(0.1);\n opacity: 0;\n z-index: -1;\n\n transition: transform 0.5s, opacity 0.5s, background-color 0.5s;\n }\n\n // Wrapped Icon\n span {\n position: absolute;\n right: 10%;\n transform: translate(-50%, 0);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0.25rem;\n visibility: hidden;\n\n .action-icon {\n font-size: 20px;\n transition: transform 0.3s;\n }\n }\n\n &:hover {\n ",";\n }\n\n ",";\n\n &:disabled {\n ",";\n }\n\n @media "," {\n padding: 1rem 2rem;\n font-size: 1rem;\n }\n"]);return m=function(){return n},n}var h=(0,s.F4)(u()),p=(0,s.iv)(c(),(function(n){return n.theme.portfolio.primaryColor.light}),h),g=(0,s.iv)(f(),(function(n){return n.theme.portfolio.bgColor})),b=(0,s.iv)(d(),(function(n){return n.theme.gradients.portfolioGreen}),(function(n){return n.theme.primary.text})),x=s.ZP.button(m(),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.portfolio.primaryColor.light}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.portfolio.primaryColor.light}),(function(n){return!n.disabled&&!n.isLoading&&g}),(function(n){return n.isLoading&&p}),b,(function(n){return n.theme.media.phone})),v=function(n){var e=n.buttonText,r=n.icon,l=n.renderAsLink,s=n.isLoading,u=n.disabled,c=n.href,f=(0,o.Z)(n,["buttonText","icon","renderAsLink","isLoading","disabled","href"]);return l&&c?(0,a.jsxs)(x,{as:"a",href:c,isLoading:s,target:"_blank",rel:"noopener",children:[e,(0,a.jsx)("span",{children:r})]}):(0,a.jsxs)(x,(0,i.Z)((0,t.Z)({isLoading:s,disabled:u},f),{children:[e,(0,a.jsx)("span",{children:r})]}))}},532:function(n,e,r){"use strict";r.d(e,{Z:function(){return y}});
1var t=r(1799),i=r(9534),o=r(828),a=r(5893),l=(r(7294),r(7297)),s=r(7379);function u(){var n=(0,l.Z)(["\n position: relative;\n padding: 0.25rem 0;\n border: 0;\n width: 100%;\n /* custom background and color on form autofill */\n\n input:-webkit-autofill,\n input:-webkit-autofill:hover,\n input:-webkit-autofill:focus,\n input:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px #4831d4 inset !important;\n }\n\n input:-webkit-autofill {\n -webkit-text-fill-color: #fff !important;\n }\n\n @media "," {\n label {\n font-size: 1rem;\n }\n\n input {\n font-size: 1rem;\n }\n }\n"]);return u=function(){return n},n}function c(){var n=(0,l.Z)(["\n top: -11px;\n left: 0;\n font-size: 1rem;\n color: ",";\n"]);return c=function(){return n},n}function f(){var n=(0,l.Z)(["\n position: absolute;\n top: 50%;\n left: 0.5rem;\n font-size: 1.5rem;\n transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n -webkit-transform: translateY(-50%);\n cursor: text;\n user-select: none;\n transition: 0.15s ease-in-out;\n text-transform: capitalize;\n\n // if label is not empty the below styles will override some default styles, thereby positioning label above input\n ",";\n"]);return f=function(){return n},n}function d(){var n=(0,l.Z)(["\n display: block;\n height: 3rem;\n padding: 0.5rem;\n font-size: 1.5rem;\n width: 100%;\n color: ",";\n background: transparent;\n outline: 0;\n border: 0;\n border-bottom: 3px solid ",";\n border-color: ",";\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 1px ",";\n border-color: ",";\n }\n"]);return d=function(){return n},n}function m(){var n=(0,l.Z)(["\n visibility: ",";\n position: absolute;\n display: flex;\n align-items: center;
1\n margin-top: 1px;\n color: ",";\n font-size: 1rem;\n\n .icon {\n font-size: 1rem;\n margin-right: 5px;\n color: ",";\n }\n"]);return m=function(){return n},n}var h=s.ZP.fieldset(u(),(function(n){return n.theme.media.tablet})),p=(0,s.iv)(c(),(function(n){return n.theme.portfolio.primaryColor.light})),g=s.ZP.label(f(),(function(n){return n.hasValue&&p})),b=s.ZP.input(d(),(function(n){return n.theme.primary.text}),(function(n){return n.theme.portfolio.primaryColor.light}),(function(n){var e=n.theme;return n.hasError?e.colors.red.lightDanger:e.portfolio.primaryColor.light}),(function(n){return n.theme.portfolio.primaryColor.light}),(function(n){return n.theme.portfolio.primaryColor.light})),x=s.ZP.div(m(),(function(n){return n.hasError?"visible":"hidden"}),(function(n){return n.theme.colors.red.lightDanger}),(function(n){return n.theme.colors.red.lightDanger})),v=r(2580),Z=r(5434),y=function(n){var e=n.placeholder,r=n.type,l=(0,i.Z)(n,["placeholder","type"]),s=(0,o.Z)((0,v.U$)(l),2),u=s[0],c=s[1],f=c.error&&c.touched?c.error:"";return(0,a.jsxs)(h,{children:[(0,a.jsx)(b,(0,t.Z)({type:r,hasError:!!f},u)),(0,a.jsx)(g,{htmlFor:u.name,hasValue:""!==u.value,children:e}),(0,a.jsxs)(x,{hasError:!!f,children:[(0,a.jsx)(Z.eJU,{className:"icon"}),f]})]})}},705:function(n,e,r){"use strict";r.d(e,{Z:function(){return c}});var t=r(828),i=r(5893),o=r(7294),a=r(7297);function l(){var n=(0,a.Z)(["\n min-height: ",";\n background-color: ",";\n position: relative;\n scroll-snap-align: start;\n"]);return l=function(){return n},n}var s=r(7379).ZP.div(l(),(function(n){return n.height}),(function(n){return n.bgColor})),u=r(3398),c=function(n){var e=n.anchorID,r=n.bgColor,a=n.height,l=n.children,c=(0,o.useRef)(null),f=(0,t.Z)((0,u.S)(c,{threshold:.35}),1)[0],d=(0,o.useState)(!1),m=d[0],h=d[1];return(0,o.useEffect)((function(){f&&!m&&h(!0)}),[f,m]),(0,i.jsx)(s,{id:e,ref:c,bgColor:r,height:a,children:m?l:""})}},3398:function(n,e,r){"use strict";r.d(e,{S:function(){return o}});var t=r(828),i=r(7294),o=function(n,e){var r=(0,i.useState)(!1),o=r[0],a=r[1];return(0,i.useEffect)((function(){var r=new IntersectionObserver((function(n){var e=(0,t.Z)(n,1)[0];a(e.isIntersecting)}),e);return(null===n||void 0===n?void 0:n.current)&&r.observe(n.current),function(){(null===n||void 0===n?void 0:n.current)&&r.unobserve(n.current)}}),[n,e]),[o]}},5055:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return W}});var t=r(5893),i=(r(7294),r(4576)),o=r(7297),a=r(7379);function l(){var n=(0,o.Z)(["\n height: 100vh;\n @media "," {\n /**\n * Scroll snapping will be applied only on desktop screens\n */\n scroll-snap-type: y mandatory;\n overflow-y: scroll;\n }\n"]);return l=function(){return n},n}function s(){var n=(0,o.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100vh;\n flex-direction: column;\n\n h1 {\n width: 70%;\n }\n\n @media "," {\n h1 {\n width: 85%;\n }\n }\n"]);return s=function(){return n},n}function u(){var n=(0,o.Z)(["\n height: 100vh;\n padding: 4rem;\n\n @media "," {\n padding: 2rem;\n }\n"]);return u=function(){return n},n}function c(){var n=(0,o.Z)(["\n display: flex;\n gap: 2rem;\n height: 100%;\n @media "," {\n flex-direction: column;\n gap: 0;\n h1 {\n font-size: 3rem;\n line-height: 1;\n }\n }\n"]);return c=function(){return n},n}function f(){var n=(0,o.Z)(["\n flex: 0.8;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n @media "," {\n gap: 1rem;\n }\n"]);return f=function(){return n},n}function d(){var n=(0,o.Z)(["\n flex: 0.2;\n display: flex;\n align-items: center;\n height: 100%;\n\n h1 {\n writing-mode: tb-rl;\n }\n\n @media "," {\n flex-direction: column-reverse;\n justify-content: flex-end;\n\n h1 {\n writing-mode: lr;\n }\n }\n"]);return d=function(){return n},n}function m(){var n=(0,o.Z)(["\n display: flex;\n flex-direction: column;\n gap: 2rem;\n @media "," {\n flex-direction: row;\n marging-top: 1rem;\n }\n"]);return m=function(){return n},n}var h=a.ZP.section(l(),(function(n){return n.theme.media.desktop})),p=a.ZP.div(s(),(function(n){return n.theme.media.tablet})),g=a.ZP.div(u(),(function(n){return n.theme.media.tablet})),b=a.ZP.div(c(),(function(n){return n.theme.media.tablet})),x=a.ZP.div(f(),(function(n){return n.theme.media.tablet})),v=a.ZP.div(d(),(function(n){return n.theme.media.tablet})),Z=a.ZP.ul(m(),(function(n){return n.theme.media.tablet})),y=r(705),j=r(5665),w=r(1687),k=r(4608),P=r(7262),C=r(8395),_=r(7568),z=r(7582),E=r(7316);function S(){var n=(0,o.Z)(["\n width: 100%;\n animation: "," 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n\n form {\n display: flex;\n flex-direction: column;\n gap: 2.25rem;\n width: 95%;\n max-width: 700px;\n margin: 3rem auto;\n }
1\n\n button {\n align-self: center;\n\n :hover {\n color: #fff;\n }\n }\n\n @media "," {\n form {\n width: 100%;\n margin: 1rem auto;\n gap: 1.5rem;\n }\n }\n"]);return S=function(){return n},n}function L(){var n=(0,o.Z)(["\n display: flex;\n gap: 2rem;\n @media "," {\n width: 100%;\n flex-direction: column;\n gap: 1.5rem;\n }\n"]);return L=function(){return n},n}var D=a.ZP.section(S(),E.RX,(function(n){return n.theme.media.tablet})),T=a.ZP.div(L(),(function(n){return n.theme.media.tablet})),I=r(2580),N=r(4231),X=r(532),R=r(5419),V=r(6893),q=r(2565),G=r(5062),Y=N.Ry({name:N.Z_().required("Please introduce Yourself"),email:N.Z_().email("Email is incorrect").required("Please add email"),message:N.Z_().required("Please leave some message")}),A=function(){var n=(0,q.o)().sendEmailViaSendgrid,e=(0,G.i)((function(n){return n.contact})),r=e.isEmailSending,i=e.isEmailSent;return(0,t.jsx)(D,{children:(0,t.jsx)(I.J9,{initialValues:{email:"",name:"",message:""},validationSchema:Y,onSubmit:function(){var e=(0,_.Z)((function(e){return(0,z.__generator)(this,(function(r){return n(e),[2]}))}));return function(n){return e.apply(this,arguments)}}(),children:(0,t.jsxs)(I.l0,{children:[(0,t.jsxs)(T,{children:[(0,t.jsx)(X.Z,{placeholder:"name",name:"name",type:"text"}),(0,t.jsx)(X.Z,{placeholder:"email",name:"email",type:"text"})]}),(0,t.jsx)(X.Z,{placeholder:"message",name:"message",type:"text"}),(0,t.jsx)(R.Z,{buttonText:i?"Sent \ud83d\udc4d":"Shoot",icon:(0,t.jsx)(V.LbG,{className:"action-icon"}),isLoading:r,disabled:i,type:"submit"})]})})})},F=r(1699),O=r(5005),U=r(7728),J=function(){var n=(0,P.R)().myContacts;return(0,t.jsxs)(h,{children:[(0,t.jsx)(O.Z,{isLogoExpanded:!0}),(0,t.jsx)(y.Z,{bgColor:"#010606",height:"100vh",anchorID:"first-slide",children:(0,t.jsxs)(p,{children:[(0,t.jsxs)(j.Z,{variant:"large",margin:"0",color:"#fff",children:["Let`s build something"," ",(0,t.jsx)(U.Z,{color:"yellow",children:"cool!"})]}),(0,t.jsx)(k.Z,{})]})}),(0,t.jsx)(F.Z,{waveImg:"/assets/portfolio/blob-1.svg",dividerHeight:"150px"}),(0,t.jsx)(y.Z,{bgColor:"#4831d4",height:"100vh",anchorID:"first-slide",children:(0,t.jsx)(g,{children:(0,t.jsxs)(b,{children:[(0,t.jsxs)(x,{children:[(0,t.jsx)(j.Z,{variant:"small",headerText:"Send me a message!",margin:"0",color:"#2bff88"}),(0,t.jsx)(w.Z,{margin:"0",paragraphText:"Got a question or proposal, or just want to say hello? Go ahead.",withDarkColor:!1,variant:"large",withAnimatedPresence:!0}),(0,t.jsx)(A,{})]}),(0,t.jsxs)(v,{children:[(0,t.jsx)(Z,{children:n.map((function(n){return(0,t.jsx)("li",{children:(0,t.jsx)(C.Z,{icon:n.icon,href:n.href})},n.id)}))}),(0,t.jsx)(j.Z,{variant:"small",headerText:"Connect",margin:"0",color:"#2bff88"})]})]})})})]})},W=function(){return(0,t.jsx)(i.Z,{title:"Vova Ushenko | Full-Stack Web Developer",children:(0,t.jsx)(J,{})})}}},function(n){n.O(0,[228,996,893,675,723,934,994,27,350,774,888,179],(function(){return e=1423,n(n.s=e);var e}));var e=n.O();_N_E=e}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.