3.chunk.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{231:function(e,a,t){e.exports=t.p+"imgs/facebook-logo.1d965015435d8d062b31164b9f654eac.svg"},232:function(e,a,t){e.exports=t.p+"imgs/twitter-logo.9a299814dfb5ddef497b0f8207b48016.svg"},233:function(e,a,t){e.exports=t.p+"imgs/github-logo.7d97c1618abb13ccc42f93d23b82ba4b.svg"},234:function(e,a,t){e.exports=t.p+"imgs/linked-in-logo.4e04ea3fc888e1ef1d3038491a5b663d.svg"},237:function(e,a,t){"use strict";t.r(a);var o=t(0),i=t.n(o),r=t(218),n=t(188),l=(t(124),t(27),t(2)),c=t(1),d=(t(5),t(3)),s=t(4),p=t(14),m=t(123),u=t(6),b=o.forwardRef(function(e,a){var t=e.children,i=e.classes,r=e.className,n=e.color,s=void 0===n?"default":n,p=e.component,b=void 0===p?"button":p,g=e.disabled,h=void 0!==g&&g,f=e.disableElevation,y=void 0!==f&&f,v=e.disableFocusRipple,x=void 0!==v&&v,w=e.endIcon,S=e.focusVisibleClassName,E=e.fullWidth,k=void 0!==E&&E,C=e.size,z=void 0===C?"medium":C,N=e.startIcon,j=e.type,O=void 0===j?"button":j,R=e.variant,T=void 0===R?"text":R,I=Object(l.a)(e,["children","classes","className","color","component","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"]),W=N&&o.createElement("span",{className:Object(d.a)(i.startIcon,i["iconSize".concat(Object(u.a)(z))])},N),F=w&&o.createElement("span",{className:Object(d.a)(i.endIcon,i["iconSize".concat(Object(u.a)(z))])},w);return o.createElement(m.a,Object(c.a)({className:Object(d.a)(i.root,i[T],r,"inherit"===s?i.colorInherit:"default"!==s&&i["".concat(T).concat(Object(u.a)(s))],"medium"!==z&&[i["".concat(T,"Size").concat(Object(u.a)(z))],i["size".concat(Object(u.a)(z))]],y&&i.disableElevation,h&&i.disabled,k&&i.fullWidth),component:b,disabled:h,focusRipple:!x,focusVisibleClassName:Object(d.a)(i.focusVisible,S),ref:a,type:O},I),o.createElement("span",{className:i.label},W,t,F))}),g=Object(s.a)(function(e){return{root:Object(c.a)({},e.typography.button,{boxSizing:"border-box",minWidth:64,padding:"6px 16px",borderRadius:e.shape.borderRadius,color:e.palette.text.primary,transition:e.transitions.create(["background-color","box-shadow","border"],{duration:e.transitions.duration.short}),"&:hover":{textDecoration:"none",backgroundColor:Object(p.b)(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"},"&$disabled":{backgroundColor:"transparent"}},"&$disabled":{color:e.palette.action.disabled}}),label:{width:"100%",display:"inherit",alignItems:"inherit",justifyContent:"inherit"},text:{padding:"6px 8px"},textPrimary:{color:e.palette.primary.main,"&:hover":{backgroundColor:Object(p.b)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},textSecondary:{color:e.palette.secondary.main,"&:hover":{backgroundColor:Object(p.b)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlined:{padding:"5px 15px",border:"1px solid ".concat("light"===e.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"&$disabled":{border:"1px solid ".concat(e.palette.action.disabledBackground)}},outlinedPrimary:{color:e.palette.primary.main,border:"1px solid ".concat(Object(p.b)(e.palette.primary.main,.5)),"&:hover":{border:"1px solid ".concat(e.palette.primary.main),backgroundColor:Object(p.b)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlinedSecondary:{color:e.palette.secondary.main,border:"1px solid ".concat(Object(p.b)(e.palette.secondary.main,.5)),"&:hover":{border:"1px solid ".concat(e.palette.secondary.main),backgroundColor:Object(p.b)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{border:"1px solid ".concat(e.palette.action.disabled)}},contained:{color:e.palette.getContrastText(e.palette.grey[300]),backgroundColor:e.palette.grey[300],boxShadow:e.shadows[2],"&:hover":{backgroundColor:e.palette.grey.A100,boxShadow:e.shadows[4],"@media (hover: none)":{boxShadow:e.shadows[2],backgroundColor:e.palette.grey[300]},"&$disabled":{backgroundColor:e.palette.action.disabledBackground}},"&$focusVisible":{boxShadow:e.shadows[6]},"&:active":{boxShadow:e.shadows[8]},"&$disabled":{color:e.palette.action.disabled,boxShadow:e.shadows[0],backgroundColor:e.palette.action.disabledBackground}},containedPrimary:{color:e.palette.primary.contrastText,backgroundColor:e.palette.primary.main,"&:hover":{backgroundColor:e.palette.primary.dark,"@media (hover: none)":{backgroundColor:e.palette.primary.main}}},containedSecondary:{color:e.palette.secondary.contrastText,backgroundColor:e.palette.secondary.main,"&:hover":{backgroundColor:e.palette.secondary.dark,"@media (hover: none)":{backgroundColor:e.palette.secondary.main}}},disableElevation:{boxShadow:"none","&:hover":{boxShadow:"none"},"&$focusVisible":{boxShadow:"none"},"&:active":{boxShadow:"none"},"&$disabled":{boxShadow:"none"}},focusVisible:{},disabled:{},colorInherit:{color:"inherit",borderColor:"currentColor"},textSizeSmall:{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},textSizeLarge:{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},outlinedSizeSmall:{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},outlinedSizeLarge:{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},containedSizeSmall:{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},containedSizeLarge:{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},sizeSmall:{},sizeLarge:{},fullWidth:{width:"100%"},startIcon:{display:"inherit",marginRight:8,marginLeft:-4,"&$iconSizeSmall":{marginLeft:-2}},endIcon:{display:"inherit",marginRight:-4,marginLeft:8,"&$iconSizeSmall":{marginRight:-2}},iconSizeSmall:{"& > *:first-child":{fontSize:18}},iconSizeMedium:{"& > *:first-child":{fontSize:20}},iconSizeLarge:{"& > *:first-child":{fontSize:22}}}},{name:"MuiButton"})(b),h=t(122),f=t(13),y=t(26),v=t.n(y);const x=Object(h.a)(e=>({zeroPadding:{margin:"0 !important"},valid:{paddingRight:e.spacing(2),margin:"auto","&::before":{content:'"\\2713"',fontSize:e.spacing(3),color:e.palette.success.main}},invalid:{margin:"auto",paddingRight:e.spacing(2),"&::before":{content:'"\\00D7"',fontSize:e.spacing(3),color:e.palette.error.main}},form:{minWidth:"300px",display:"grid",gridAutoFlow:"row",gridRowGap:e.spacing(1.5),transition:"all 0.5s cubic-bezier(0.48,0,1,1)","@media(max-width:600px)":{width:"80vw"},"@media(min-width:600px)":{width:"70vw"},"@media(min-width:960px)":{width:"40vw"},"@media(min-width:1280px)":{width:"30vw"}},formGroup:{width:"100%",background:e.palette.primary.main,color:e.palette.secondary.main,borderRadius:e.spacing(1.5),padding:e.spacing(1),display:"flex"},textAreaField:{background:"transparent",padding:e.spacing(1),color:e.palette.primary.contrastText,fontSize:e.spacing(2),width:"100%",border:"none","&:focus":{outline:"none"},"&:active":{outline:"none"},"&:focus::-webkit-input-placeholder":{opacity:0,transition:"opacity 200ms ease-in-out"},"&::-webkit-input-placeholder":{color:e.palette.primary.contrastText,fontWeight:600}},inputField:{background:"transparent",padding:e.spacing(1),color:e.palette.primary.contrastText,fontSize:e.spacing(2),width:"100%",border:"none","&:focus":{outline:"none"},"&::-webkit-input-placeholder":{color:e.palette.primary.contrastText,fontWeight:600},"&:focus::-webkit-input-placeholder":{opacity:0,transition:"opacity 200ms ease-in-out"}}}));var w=()=>{const e=x(),[a,t]=i.a.useState({value:"",touched:!1,valid:!1}),[o,r]=i.a.useState({value:"",touched:!1,valid:!1}),[n,l]=i.a.useState({value:"",touched:!1,valid:!1});return i.a.createElement("form",{className:e.form,autoComplete:"off",id:"form"},i.a.createElement("div",{className:e.formGroup},i.a.createElement("input",{type:"text",id:"name",placeholder:"Name",className:e.inputField,value:a.value,onChange:e=>t({value:e.target.value,touched:!0,valid:f.a.isEmpty(e.target.value)}),required:!0,"aria-label":"name"}),i.a.createElement("div",{className:a.valid&&a.touched?e.valid:a.touched?e.invalid:""})),i.a.createElement("div",{className:e.formGroup},i.a.createElement("input",{type:"text",id:"email",placeholder:"Enter email",value:o.value,className:e.inputField,onChange:e=>r({value:e.target.value,touched:!0,valid:f.a.isEmpty(e.target.value)&&f.a.isEmail(e.target.value)}),"aria-label":"email",required:!0}),i.a.createElement("div",{className:o.valid&&o.touched?e.valid:o.touched?e.invalid:""})),i.a.createElement("div",{className:e.formGroup},i.a.createElement("textarea",{id:"message",placeholder:"Your message",value:n.value,className:e.textAreaField,rows:10,onChange:e=>l({value:e.target.value,touched:!0,valid:f.a.isEmpty(e.target.value)}),"aria-label":"message",required:!0}),i.a.createElement("div",{className:v()(e.zeroPadding,n.valid&&n.touched?e.valid:n.touched?e.invalid:"")})),i.a.createElement(g,{onClick:e=>{a.valid&&o.valid&&n.valid&&window.emailjs.send("default_service","portofolio",{name:a.value,email:o.value,message:n.value}).then(e=>window.location.replace("".concat(window.location.origin,"/index.html")))},id:"submit-btn"},"Submit"))},S=t(223),E=t(187),k=t(231),C=t.n(k),z=t(232),N=t.n(z),j=t(233),O=t.n(j),R=t(234),T=t.n(R),I=t(20),W=t(80),F=t(23),$=t.n(F),L=t(12);const q=Object(h.a)(e=>({root:{background:e.palette.primary.main,minHeight:e.spacing(30),display:"grid",gridAutoFlow:"row",gridTemplateRows:"repeat(auto-fit, minmax(80px, 1fr))",position:"relative",width:"100%"},redirectWrapper:{display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},introductionLink:{position:"absolute",top:"-32px",color:e.palette.primary.contrastText,"&:hover":{textDecoration:"none"}},redirect:{transform:"rotate(270deg)",fontSize:e.spacing(5),background:e.palette.secondary.main,padding:e.spacing(1.5),borderRadius:"25%",color:e.palette.secondary.contrastText,"&::before":{content:"'\\0bb'"}},iconsWrapper:{display:"flex",margin:"auto"},iconSquare:{padding:e.spacing(4),background:e.palette.secondary.dark,display:"flex",alignItems:"center",justifyContent:"center",transition:"background 0.5s cubic-bezier(0,0,0.58,1)","&:hover":{background:e.palette.secondary.main}},icon:{width:"30px"},copyrightsWrapper:{display:"flex",alignItems:"center",justifyContent:"center"},copyrights:{fontSize:e.spacing(2),opacity:.5,color:e.palette.primary.contrastText,textTransform:"uppercase"},year:{"&::after":{content:"'\\00a9  \\007C  '",fontSize:"1.25rem",fontWeight:900}}}));var V=()=>{const e=q(),{footer:a}=Object(L.b)();return i.a.createElement("footer",{className:e.root},i.a.createElement("div",{className:e.redirectWrapper},i.a.createElement(E.a,{href:"#","aria-label":"scroll-to-intro",onClick:()=>I.animateScroll.scrollToTop(f.b),className:e.introductionLink},i.a.createElement("div",{className:e.redirect}))),i.a.createElement("div",{className:e.iconsWrapper},i.a.createElement(E.a,{href:a.social.twitter,target:"_blank",rel:"noreferrer","aria-label":"twitter"},i.a.createElement(S.a,{className:e.iconSquare},i.a.createElement(W.a,{duration:500,delay:0,effect:$.a,top:!0},i.a.createElement("img",{src:N.a,className:e.icon,alt:"twitter-logo"})))),i.a.createElement(E.a,{href:a.social.fb,target:"_blank",rel:"noreferrer","aria-label":"fb"},i.a.createElement(S.a,{className:e.iconSquare},i.a.createElement(W.a,{duration:300,delay:300,effect:$.a,top:!0},i.a.createElement("img",{src:C.a,className:e.icon,alt:"fb-logo"})))),i.a.createElement(E.a,{href:a.social.github,target:"_blank",rel:"noreferrer","aria-label":"github"},i.a.createElement(S.a,{className:e.iconSquare},i.a.createElement(W.a,{duration:300,delay:600,effect:$.a,top:!0},i.a.createElement("img",{src:O.a,className:e.icon,alt:"github-logo"})))),i.a.createElement(E.a,{href:a.social.linkedIn,target:"_blank",rel:"noreferrer","aria-label":"linkedin"},i.a.createElement(S.a,{className:e.iconSquare},i.a.createElement(W.a,{duration:300,delay:900,effect:$.a,top:!0},i.a.createElement("img",{src:T.a,className:e.icon,alt:"linkedin-logo"}))))),i.a.createElement("div",{className:e.copyrightsWrapper},i.a.createElement(W.a,{duration:300,delay:1e3,effect:$.a,left:!0},i.a.createElement(n.a,{component:"div",className:e.copyrights},i.a.createElement(n.a,{component:"p",color:"secondary",display:"inline",className:e.year},a.year),i.a.createElement(n.a,{component:"p",color:"inherit",display:"inline"},a.author)))))};const A=Object(h.a)(e=>({root:{display:"grid",gridAutoFlow:"row",gridRowGap:e.spacing(5),color:e.palette.primary.main,padding:e.spacing(3)},contentItem:{margin:"auto",fontSize:e.spacing(2.5),fontWeight:600,color:e.palette.primary.contrastText},formContainer:{display:"flex",alignItems:"center",justifyContent:"center"}}));a.default=()=>{const e=A(),{sections:{contact:a}}=Object(L.b)();return i.a.createElement(i.a.Fragment,null,i.a.createElement(r.a,{container:!0,justify:"center",alignItems:"center",className:e.root},i.a.createElement(r.a,{item:!0,xs:12},i.a.createElement(W.a,{delay:600,duration:300,effect:$.a,right:!0},i.a.createElement(n.a,{component:"div",align:"center",className:e.contentItem},a.form.title))),i.a.createElement(r.a,{item:!0,xs:12,className:e.formContainer},i.a.createElement(W.a,{duration:300,delay:900,effect:$.a,left:!0},i.a.createElement(w,null)))),i.a.createElement(V,null))}}}]);