(self.webpackChunkgil_site=self.webpackChunkgil_site||[]).push([[530],{6950:function(e,t,o){"use strict";o.d(t,{Z:function(){return E}});var n=o(6156),r=o(9756),a=o(2122),i=o(7294),l=o(2585),c=o(1922),s=o(8412),d=o(2151),u=o(577),p=o(5224),m=o(5145),f=o(2142);function b(e){return(0,f.Z)("MuiButton",e)}var h=(0,o(1206).Z)("MuiButton",["root","text","textInherit","textPrimary","textSecondary","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","contained","containedInherit","containedPrimary","containedSecondary","disableElevation","focusVisible","disabled","colorInherit","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),g=o(5893),v=["children","color","component","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],y=function(e){return(0,a.Z)({},"small"===e.size&&{"& > *:nth-of-type(1)":{fontSize:18}},"medium"===e.size&&{"& > *:nth-of-type(1)":{fontSize:20}},"large"===e.size&&{"& > *:nth-of-type(1)":{fontSize:22}})},x=(0,d.ZP)(p.Z,{shouldForwardProp:function(e){return(0,d.FO)(e)||"classes"===e},name:"MuiButton",slot:"Root",overridesResolver:function(e,t){var o=e.styleProps;return[t.root,t[o.variant],t["".concat(o.variant).concat((0,m.Z)(o.color))],t["size".concat((0,m.Z)(o.size))],t["".concat(o.variant,"Size").concat((0,m.Z)(o.size))],"inherit"===o.color&&t.colorInherit,o.disableElevation&&t.disableElevation,o.fullWidth&&t.fullWidth]}})((function(e){var t,o=e.theme,r=e.styleProps;return(0,a.Z)({},o.typography.button,(t={minWidth:64,padding:"6px 16px",borderRadius:o.shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":(0,a.Z)({textDecoration:"none",backgroundColor:(0,s.Fq)(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"text"===r.variant&&"inherit"!==r.color&&{backgroundColor:(0,s.Fq)(o.palette[r.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"outlined"===r.variant&&"inherit"!==r.color&&{border:"1px solid ".concat(o.palette[r.color].main),backgroundColor:(0,s.Fq)(o.palette[r.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"contained"===r.variant&&{backgroundColor:o.palette.grey.A100,boxShadow:o.shadows[4],"@media (hover: none)":{boxShadow:o.shadows[2],backgroundColor:o.palette.grey[300]}},"contained"===r.variant&&"inherit"!==r.color&&{backgroundColor:o.palette[r.color].dark,"@media (hover: none)":{backgroundColor:o.palette[r.color].main}}),"&:active":(0,a.Z)({},"contained"===r.variant&&{boxShadow:o.shadows[8]})},(0,n.Z)(t,"&.".concat(h.focusVisible),(0,a.Z)({},"contained"===r.variant&&{boxShadow:o.shadows[6]})),(0,n.Z)(t,"&.".concat(h.disabled),(0,a.Z)({color:o.palette.action.disabled},"outlined"===r.variant&&{border:"1px solid ".concat(o.palette.action.disabledBackground)},"outlined"===r.variant&&"secondary"===r.color&&{border:"1px solid ".concat(o.palette.action.disabled)},"contained"===r.variant&&{color:o.palette.action.disabled,boxShadow:o.shadows[0],backgroundColor:o.palette.action.disabledBackground})),t),"text"===r.variant&&{padding:"6px 8px"},"text"===r.variant&&"inherit"!==r.color&&{color:o.palette[r.color].main},"outlined"===r.variant&&{padding:"5px 15px",border:"1px solid ".concat("light"===o.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")},"outlined"===r.variant&&"inherit"!==r.color&&{color:o.palette[r.color].main,border:"1px solid ".concat((0,s.Fq)(o.palette[r.color].main,.5))},"contained"===r.variant&&{color:o.palette.getContrastText(o.palette.grey[300]),backgroundColor:o.palette.grey[300],boxShadow:o.shadows[2]},"contained"===r.variant&&"inherit"!==r.color&&{color:o.palette[r.color].contrastText,backgroundColor:o.palette[r.color].main},"inherit"===r.color&&{color:"inherit",borderColor:"currentColor"},"small"===r.size&&"text"===r.variant&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},"large"===r.size&&"text"===r.variant&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},"small"===r.size&&"outlined"===r.variant&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},"large"===r.size&&"outlined"===r.variant&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},"small"===r.size&&"contained"===r.variant&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},"large"===r.size&&"contained"===r.variant&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},r.fullWidth&&{width:"100%"})}),(function(e){var t;return e.styleProps.disableElevation&&(t={boxShadow:"none","&:hover":{boxShadow:"none"}},(0,n.Z)(t,"&.".concat(h.focusVisible),{boxShadow:"none"}),(0,n.Z)(t,"&:active",{boxShadow:"none"}),(0,n.Z)(t,"&.".concat(h.disabled),{boxShadow:"none"}),t)})),S=(0,d.ZP)("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:function(e,t){var o=e.styleProps;return[t.startIcon,t["iconSize".concat((0,m.Z)(o.size))]]}})((function(e){var t=e.styleProps;return(0,a.Z)({display:"inherit",marginRight:8,marginLeft:-4},"small"===t.size&&{marginLeft:-2},y(t))})),w=(0,d.ZP)("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:function(e,t){var o=e.styleProps;return[t.endIcon,t["iconSize".concat((0,m.Z)(o.size))]]}})((function(e){var t=e.styleProps;return(0,a.Z)({display:"inherit",marginRight:-4,marginLeft:8},"small"===t.size&&{marginRight:-2},y(t))})),E=i.forwardRef((function(e,t){var o=(0,u.Z)({props:e,name:"MuiButton"}),n=o.children,i=o.color,s=void 0===i?"primary":i,d=o.component,p=void 0===d?"button":d,f=o.disabled,h=void 0!==f&&f,y=o.disableElevation,E=void 0!==y&&y,k=o.disableFocusRipple,Z=void 0!==k&&k,z=o.endIcon,C=o.focusVisibleClassName,R=o.fullWidth,I=void 0!==R&&R,O=o.size,P=void 0===O?"medium":O,B=o.startIcon,N=o.type,T=o.variant,j=void 0===T?"text":T,F=(0,r.Z)(o,v),M=(0,a.Z)({},o,{color:s,component:p,disabled:h,disableElevation:E,disableFocusRipple:Z,fullWidth:I,size:P,type:N,variant:j}),W=function(e){var t=e.color,o=e.disableElevation,n=e.fullWidth,r=e.size,i=e.variant,l=e.classes,s={root:["root",i,"".concat(i).concat((0,m.Z)(t)),"size".concat((0,m.Z)(r)),"".concat(i,"Size").concat((0,m.Z)(r)),"inherit"===t&&"colorInherit",o&&"disableElevation",n&&"fullWidth"],label:["label"],startIcon:["startIcon","iconSize".concat((0,m.Z)(r))],endIcon:["endIcon","iconSize".concat((0,m.Z)(r))]},d=(0,c.Z)(s,b,l);return(0,a.Z)({},l,d)}(M),_=B&&(0,g.jsx)(S,{className:W.startIcon,styleProps:M,children:B}),L=z&&(0,g.jsx)(w,{className:W.endIcon,styleProps:M,children:z});return(0,g.jsxs)(x,(0,a.Z)({styleProps:M,component:p,disabled:h,focusRipple:!Z,focusVisibleClassName:(0,l.Z)(W.focusVisible,C),ref:t,type:N},F,{classes:W,children:[_,n,L]}))}))},8690:function(e,t,o){"use strict";o.d(t,{Z:function(){return j}});var n,r,a,i=o(7294),l=o(3497),c=o(6005),s=o(5673),d=o(6894),u=function(e){var t=e.embedId;return i.createElement(i.Fragment,null," ",t&&i.createElement("div",{className:d.videoResponsive},i.createElement("iframe",{src:"https://www.youtube.com/embed/"+t+"?autoplay=1&mute=1&loop=1&showinfo=0",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,title:"Embedded youtube"})))},p=o(5214),m=o(8453),f=o.n(m),b=o(5658),h=o(6950),g=o(3488),v=o(2585),y=(0,b.Z)((function(e){return{"@keyframes wiggle":{"0%":{transform:"rotate(0deg)"},"80%":{transform:"rotate(0deg)"},"85%":{transform:"rotate(5deg)"},"95%":{transform:"rotate(-5deg)"},"100%":{transform:"rotate(0deg)"}},githubWrapper:{paddingTop:"2rem"},githubButton:{color:"#95eaff",textTransform:"none",backgroundColor:"#34495e","&:hover":{color:"black",background:"#ffcb74;"}},wiggle:{animation:"$wiggle 2.5s infinite","&:hover":{animation:"none"}}}})),x=function(e){var t=e.location,o=y();return i.createElement(s.Z,{className:(0,v.Z)(o.githubWrapper),align:"center"},i.createElement(h.Z,{target:"_blank",className:(0,v.Z)(o.githubButton,o.wiggle),variant:"contained",color:"secondary",href:t,endIcon:i.createElement(g.Z,null,i.createElement(f(),null))},"Source"))},S=o(165),w=o(5334),E=o(5697),k=o.n(E),Z=(n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])})(e,t)},function(e,t){function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),z=function(){return(z=Object.assign||function(e){for(var t,o=1,n=arguments.length;o=0||(r[o]=e[o]);return r}(r,["id","volume","playbackRate","soundEnabled","interrupt","onload"]),h=i.useRef(null),g=i.useRef(!1),v=i.useState(null),y=v[0],x=v[1],S=i.useState(null),w=S[0],E=S[1],k=function(){"function"==typeof f&&f.call(this),g.current&&x(1e3*this.duration()),E(this)};n=function(){return o.e(89).then(o.t.bind(o,2089,23)).then((function(t){g.current||(h.current=t.Howl,g.current=!0,new h.current(P({src:Array.isArray(e)?e:[e],volume:l,rate:s,onload:k},b)))})),function(){g.current=!1}},(0,i.useEffect)(n,[]),i.useEffect((function(){h.current&&w&&E(new h.current(P({src:Array.isArray(e)?e:[e],volume:l,onload:k},b)))}),[JSON.stringify(e)]),i.useEffect((function(){w&&(w.volume(l),w.rate(s))}),[l,s]);var Z=i.useCallback((function(e){void 0===e&&(e={}),w&&(u||e.forceSoundEnabled)&&(m&&w.stop(),e.playbackRate&&w.rate(e.playbackRate),w.play(e.id))}),[w,u,m]),z=i.useCallback((function(e){w&&w.stop(e)}),[w]),C=i.useCallback((function(e){w&&w.pause(e)}),[w]);return[Z,{sound:w,stop:z,pause:C,duration:y}]},N=o.p+"static/_bubble-fd142c5fe15fa7d15d2fc55b66c9a47f.mp3",T=o(3843),j=function(e){var t=e.children,o=e.pageContext,n=(e.pageResources,e.path,e.location,o.frontmatter),r={Typography:s.Z,DetailedDescription:S.Z,BulletPoint:w.Z},a=(n.category,n.title),d=(n.date,n.description),m=(n.publishDate,n.media),f=n.roles,b=n.technologies,h=n.featuredImage,g=n.github,v=["fca311","14213d","d62828","000000"],y=["d9ed92","b5e48c","99d98c","76c893","52b69a","34a0a4","168aad","1a759f","1e6091","184e77"],E=B(N)[0],k=h||null,Z=0,z=null==b?void 0:b.split(",").map((function(e,t){return e?(Z=t%y.length,i.createElement(i.Fragment,null,i.createElement("div",{key:e,style:{display:"inline-flex",backgroundColor:"#"+y[Z],overflow:"hidden",borderRadius:"25px",color:Z>=5?"white":"black",marginBottom:".2rem"}},i.createElement(O,null,i.createElement("button",{onClick:E,className:T.nakedButton}," ",e.trim()," ")))," ")):null})),C=null==f?void 0:f.split(",").map((function(e,t){return i.createElement(i.Fragment,null,i.createElement("div",{key:e,style:{display:"inline-flex",backgroundColor:"#"+v[t],borderRadius:"25px",color:"white",fontWeight:800,marginBottom:".3rem",overflow:"hidden"}},i.createElement(O,null,i.createElement("button",{onClick:E,className:T.nakedButton}," ",e.trim()," ")))," ")}));return i.createElement(l.Zo,{components:r},i.createElement(c.Z,null,i.createElement(p.Z,{title:a,description:d,image:k,isMDX:!0}),i.createElement(s.Z,{align:"center"},i.createElement("h1",{className:T.focusInExpand},a)),m.video?i.createElement(i.Fragment,null,i.createElement(u,{embedId:m.video}),i.createElement("br",null)):null,i.createElement(s.Z,{variant:"subtitle1",align:"left"},i.createElement("strong",null,"Roles: "),C||f),i.createElement(s.Z,{variant:"subtitle1",align:"left",gutterBottom:!0},i.createElement("strong",null,"Technologoies: "),z||b),i.createElement(s.Z,{variant:"body1",align:"left"},i.createElement("strong",null,"Description: ")," ",i.createElement("em",null,d)),g&&i.createElement(x,{location:g}),i.createElement("div",null,t)))}},3843:function(e,t,o){"use strict";o.r(t),o.d(t,{focusInExpand:function(){return n},nakedButton:function(){return r}});var n="portfolio-layout-module--focus-in-expand--2QUiC",r="portfolio-layout-module--naked-button--2TMCo"},6894:function(e,t,o){"use strict";o.r(t),o.d(t,{videoResponsive:function(){return n}});var n="youtube-embed-module--video-responsive--GfsNx"}}]); //# sourceMappingURL=5f7ad47e2bf783daed777884521df615798263cf-04ebc56590faf9dbc7e9.js.map