diff --git a/asset-manifest.json b/asset-manifest.json
index b8c1560..58f5cfa 100644
--- a/asset-manifest.json
+++ b/asset-manifest.json
@@ -1,8 +1,8 @@
{
"files": {
"main.css": "/react-page/static/css/main.6dea0f05.chunk.css",
- "main.js": "/react-page/static/js/main.caba6c7f.chunk.js",
- "main.js.map": "/react-page/static/js/main.caba6c7f.chunk.js.map",
+ "main.js": "/react-page/static/js/main.a0176c0d.chunk.js",
+ "main.js.map": "/react-page/static/js/main.a0176c0d.chunk.js.map",
"runtime-main.js": "/react-page/static/js/runtime-main.0f5e6367.js",
"runtime-main.js.map": "/react-page/static/js/runtime-main.0f5e6367.js.map",
"static/js/2.7cbd04ba.chunk.js": "/react-page/static/js/2.7cbd04ba.chunk.js",
@@ -27,6 +27,6 @@
"static/js/runtime-main.0f5e6367.js",
"static/js/2.7cbd04ba.chunk.js",
"static/css/main.6dea0f05.chunk.css",
- "static/js/main.caba6c7f.chunk.js"
+ "static/js/main.a0176c0d.chunk.js"
]
}
\ No newline at end of file
diff --git a/index.html b/index.html
index d24844d..faaa9dc 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-DAD
\ No newline at end of file
+DAD
\ No newline at end of file
diff --git a/static/js/main.a0176c0d.chunk.js b/static/js/main.a0176c0d.chunk.js
new file mode 100644
index 0000000..8adf37a
--- /dev/null
+++ b/static/js/main.a0176c0d.chunk.js
@@ -0,0 +1,2 @@
+(this["webpackJsonpreact-page"]=this["webpackJsonpreact-page"]||[]).push([[0],{60:function(e,t,n){"use strict";(function(e){var o=n(3),r=n(55),a=n(43),c=n(0),i=n(17),s=n(98),l=n(100),d=n(77),b=n(101),p=n(104),u=n(75),j=n(24),h=n(71),x=n.n(h),m=n(70),O=n.n(m),g=n(103),f=n(49),F=Object(g.a)((function(e){return{toolbar:e.mixins.toolbar,drawerIconContainer:Object(a.a)({alignSelf:"center","&:hover":{backgroundColor:"transparent"}},e.breakpoints.down("md"),{padding:0}),drawerIcon:{height:"40px",width:"40px",color:"white"},drawer:{minWidth:"50vw"},tab:{alignItems:"flex-start",fontSize:"2rem",textTransform:"capitalize"},right:{}}}));t.a=function(t){var n=F(),a=Object(f.a)(),h=Object(s.a)(a.breakpoints.down("sm")),m=e.browser&&/iPad|iPhone|iPod/.test(navigator.userAgent),g=Object(c.useState)(0),w=Object(r.a)(g,2),k=w[0],v=w[1],y=Object(c.useState)(!1),C=Object(r.a)(y,2),S=C[0],I=C[1],z=function(e,t){v(t),I(!1)},A=Object(c.createRef)();return Object(o.jsxs)(l.a,{ref:A,children:[Object(o.jsx)(d.a,{mdUp:!0,children:Object(o.jsx)(b.a,{onClick:function(){return I(!S)},disableRipple:!0,className:n.drawerIconContainer,children:S?Object(o.jsx)(O.a,{className:n.drawerIcon}):Object(o.jsx)(x.a,{className:n.drawerIcon})})}),h?Object(o.jsxs)(p.a,{disableBackdropTransition:!m,disableDiscovery:m,open:S,onOpen:function(){I(!0)},onClose:function(){I(!1)},classes:{paper:n.drawer},children:[Object(o.jsx)("div",{className:n.toolbar}),Object(o.jsxs)(u.a,{value:k,onChange:z,orientation:"vertical",indicatorColor:"primary",children:[Object(o.jsx)(j.a,{label:"Home",component:i.b,to:"/",classes:{wrapper:n.tab}}),Object(o.jsx)(j.a,{label:"Projects",component:i.b,to:"/projects",classes:{wrapper:n.tab}}),Object(o.jsx)(j.a,{label:"Games",component:i.b,to:"/games",classes:{wrapper:n.tab}}),Object(o.jsx)(j.a,{label:"Snippets",component:i.b,to:"/snippets",classes:{wrapper:n.tab}}),Object(o.jsx)(j.a,{label:"About",component:i.b,to:"/about",classes:{wrapper:n.tab}})]})]}):Object(o.jsx)(d.a,{smDown:!0,children:Object(o.jsxs)(u.a,{value:k,onChange:z,centered:!0,children:[Object(o.jsx)(j.a,{label:"Home",component:i.b,to:"/"}),Object(o.jsx)(j.a,{label:"Projects",component:i.b,to:"/projects"}),Object(o.jsx)(j.a,{label:"Games",component:i.b,to:"/games"}),Object(o.jsx)(j.a,{label:"Snippets",component:i.b,to:"/snippets"}),Object(o.jsx)(j.a,{label:"About",component:i.b,to:"/about"})]})})]})}}).call(this,n(91))},85:function(e,t,n){},95:function(e,t,n){"use strict";n.r(t);var o=n(3),r=n(0),a=n.n(r),c=n(11),i=n.n(c),s=(n(85),n(17)),l=n(135),d=n(128),b={MuiAlert:{root:{fontSize:"16px",borderRadius:0},standardError:{color:"#A72121",fontWeight:300,backgroundColor:"#FFA9A9"},standardWarning:{color:"rgba(0, 0, 0, 0.5)",fontWeight:300,backgroundColor:"#FFDDA9"},standardInfo:{color:"#2176A7",fontWeight:300,backgroundColor:"#A9E5FF"},standardSuccess:{color:"#059346",fontWeight:300,backgroundColor:"#BFFFA9"},icon:{display:"flex",opacity:1,fontsize:"16px",marginLeft:"3rem",marginRight:"1rem"},message:{padding:"16px 0 8px 0"}},MuiInputBase:{input:{height:"1.3rem","&:disabled":{background:j,color:j}}},MuiMenuItem:{root:{fontFamily:"Poppins",fontSize:"14px",lineHeight:"19px",textAlign:"left",color:j,padding:".5rem"}},MuiOutlinedInput:{root:{position:"relative","&:hover:not($disabled):not($focused):not($error) $notchedOutline":{border:"1px solid ".concat(j),"@media (hover: none)":{borderColor:j}},"&$focused $notchedOutline":{borderColor:j},"&$disabled $notchedOutline":{background:j,borderColor:"#E5E5E5",opacity:.8,color:j}},notchedOutline:{borderColor:j},input:{background:"#FFFFFF",padding:".5rem",borderRadius:"3px",fontFamily:"Poppins",fontSize:" 14px",lineHeight:"19px",color:j,"&:disabled":{background:j,opacity:.8,color:j},notchedOutline:{border:"transparent"}},multiline:{padding:".5rem !important",border:"0px",margin:0}},MuiSelect:{root:{background:"#FFFFFF",padding:".5rem",borderRadius:"3px",fontFamily:"Poppins",fontSize:"14px",lineHeight:"19px",textAlign:"left",color:j,border:"1px solid ".concat(j),"&:focus":{borderRadius:"3px",borderColor:"transparent",background:"#FFFFFF"}},select:{minWidth:"5.5rem",borderRadius:"3px",border:"1px solid ".concat(j),fontSize:"16px",lineHeight:"19px","&:focus":{borderRadius:"3px",borderColor:j,background:"#FFFFFF"}},selectMenu:{background:"#FFFFFF",color:j,"&:notchedOutline":{borderColor:"transparent !important"}},outlined:{color:"".concat(j," !important"),borderColor:"transparent",fontSize:"14px",lineHeight:"19px","&:hover ":{borderColor:"transparent",outline:"none"},"&:focus":{background:"#FFFFFF",borderColor:"transparent"}},iconOutlined:{color:j},icon:{color:j}},MuiSwitch:{root:{overflow:"visible",width:"4rem"},switchBase:{background:"transparent","&$checked":{transform:"translateX(26px)","&$checked + $track":{backgroundColor:j,border:"none",boxShadow:"none",width:36},"& $thumb":{backgroundColor:j,boxShadow:"0px 2px 5px rgba(0, 0, 0, 0.25)"}}},thumb:{backgroundColor:j,boxShadow:"0px 2px 5px rgba(0, 0, 0, 0.25)",width:20,height:20},track:{backgroundColor:j,width:36},checked:{}}},p="#004d40",u="#a5d6a7",j=Object(d.a)({palette:{common:{},primary:{main:p,contrastText:u},secondary:{main:u,contrastText:p},contrastThreshold:3},typography:{fontFamily:"Chilanka"},overrides:b}),h=n(10),x=n(134),m=n(67),O=n(68),g=n(73),f=n(72),F=function(e){Object(g.a)(n,e);var t=Object(f.a)(n);function n(e){var o;return Object(m.a)(this,n),(o=t.call(this,e)).state={error:null,errorInfo:null},o}return Object(O.a)(n,[{key:"componentDidCatch",value:function(e,t){this.setState({error:e,errorInfo:t})}},{key:"render",value:function(){return this.state.errorInfo?Object(o.jsxs)("div",{children:[Object(o.jsx)("h2",{children:"Something went wrong."}),Object(o.jsxs)("details",{style:{whiteSpace:"pre-wrap"},children:[this.state.error&&this.state.error.toString(),Object(o.jsx)("br",{}),this.state.errorInfo.componentStack]})]}):this.props.children}}]),n}(r.Component),w=n(69),k=function(e){var t=e.layout,n=e.component;return Object(o.jsx)(h.a,{render:function(e){return Object(o.jsx)(t,{children:Object(o.jsx)(n,Object(w.a)({},e))})}})},v=n(100),y=n(103),C=n(131),S=n(132),I=n(133),z=n(129),A=n(130),H=function(e){var t=e.children,n=e.window,r=Object(z.a)({target:n?n():void 0});return Object(o.jsx)(A.a,{appear:!1,direction:"down",in:!r,children:t})},$=n(60),P=Object(y.a)((function(e){return{appBar:{zIndex:1301}}})),B=function(){var e=P();return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(C.a,{}),Object(o.jsx)(H,{children:Object(o.jsx)(S.a,{className:e.appBar,position:"static",elevation:0,children:Object(o.jsx)(I.a,{children:Object(o.jsx)($.a,{})})})})]})},M=function(){return Object(o.jsx)("div",{style:{marginTop:"auto"},children:"Footer"})},R=Object(y.a)((function(e){return{container:{minHeight:"calc(100vh-128px)",paddingTop:"2rem",paddingBottom:"2rem",fallbacks:[{minHeight:"-moz-calc(100% - 128px)"},{minHeight:"-webkit-calc(100% - 128px)"},{minHeight:"-o-calc(100% - 128px)"}]}}})),T=function(e){var t=e.children,n=R();return Object(o.jsxs)("div",{style:{minHeight:"100vh",display:"flex",flexDirection:"column"},children:[Object(o.jsx)(B,{}),Object(o.jsx)(v.a,{className:n.container,maxWidth:"xl",children:t}),Object(o.jsx)(M,{})]})},W=Object(r.lazy)((function(){return n.e(5).then(n.bind(null,137))})),D=Object(r.lazy)((function(){return n.e(3).then(n.bind(null,138))})),E=Object(r.lazy)((function(){return n.e(6).then(n.bind(null,139))})),N=Object(r.lazy)((function(){return n.e(4).then(n.bind(null,140))})),L=Object(r.lazy)((function(){return n.e(7).then(n.bind(null,141))})),G=function(){return Object(o.jsx)(r.Suspense,{fallback:Object(o.jsx)(x.a,{color:"secondary"}),children:Object(o.jsx)(F,{children:Object(o.jsxs)(h.c,{children:[Object(o.jsx)(k,{exact:!0,path:"/",component:W,layout:T}),Object(o.jsx)(k,{exact:!0,path:"/about",component:D,layout:T}),Object(o.jsx)(k,{exact:!0,path:"/projects",component:E,layout:T}),Object(o.jsx)(k,{exact:!0,path:"/games",component:N,layout:T}),Object(o.jsx)(k,{exact:!0,path:"/snippets",component:L,layout:T})]})})})};var J=function(){return Object(o.jsx)(l.a,{theme:j,children:Object(o.jsx)(s.a,{basename:"/react-page",children:Object(o.jsx)(G,{})})})},U=function(e){e&&e instanceof Function&&n.e(8).then(n.bind(null,136)).then((function(t){var n=t.getCLS,o=t.getFID,r=t.getFCP,a=t.getLCP,c=t.getTTFB;n(e),o(e),r(e),a(e),c(e)}))};i.a.render(Object(o.jsx)(a.a.StrictMode,{children:Object(o.jsx)(J,{})}),document.getElementById("root")),U()}},[[95,1,2]]]);
+//# sourceMappingURL=main.a0176c0d.chunk.js.map
\ No newline at end of file
diff --git a/static/js/main.a0176c0d.chunk.js.map b/static/js/main.a0176c0d.chunk.js.map
new file mode 100644
index 0000000..3f87e16
--- /dev/null
+++ b/static/js/main.a0176c0d.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["layouts/main/components/header/navigation/Navigation.jsx","themes/overrides/index.js","themes/overrides/MuiAlert.js","themes/overrides/MuiInputBase.js","themes/overrides/MuiMenuItem.js","themes/overrides/MuiOutlinedInput.js","themes/overrides/MuiSelect.js","themes/overrides/MuiSwitch.js","themes/Theme.js","routes/components/errorBoundary/ErrorBoundary.jsx","routes/components/customRoute/CustomRoute.jsx","layouts/main/components/header/hideOnScroll/HideOnScroll.jsx","layouts/main/components/header/Header.jsx","layouts/main/components/footer/Footer.jsx","layouts/main/Main.jsx","routes/Routes.js","App.js","reportWebVitals.js","index.js"],"names":["useStyles","makeStyles","theme","toolbar","mixins","drawerIconContainer","alignSelf","backgroundColor","breakpoints","down","padding","drawerIcon","height","width","color","drawer","minWidth","tab","alignItems","fontSize","textTransform","right","Navigation","props","classes","useTheme","matches","useMediaQuery","iOS","process","browser","test","navigator","userAgent","useState","value","setValue","openDrawer","setOpenDrawer","handleTabsChange","e","newValue","wrapper","createRef","ref","mdUp","onClick","disableRipple","className","disableBackdropTransition","disableDiscovery","open","onOpen","onClose","paper","onChange","orientation","indicatorColor","label","component","Link","to","smDown","centered","MuiAlert","root","borderRadius","standardError","fontWeight","standardWarning","standardInfo","standardSuccess","icon","display","opacity","fontsize","marginLeft","marginRight","message","MuiInputBase","input","background","Cultured","Charcoal","MuiMenuItem","fontFamily","lineHeight","textAlign","Celadon","MuiOutlinedInput","position","border","borderColor","notchedOutline","multiline","margin","MuiSelect","select","selectMenu","outlined","outline","iconOutlined","BlueGreen","MuiSwitch","overflow","switchBase","transform","boxShadow","thumb","track","checked","createMuiTheme","palette","common","primary","main","contrastText","secondary","contrastThreshold","typography","overrides","ErrorBoundary","state","error","errorInfo","this","setState","style","whiteSpace","toString","componentStack","children","Component","CustomRoute","Layout","layout","render","matchProps","HideOnScroll","window","trigger","useScrollTrigger","target","undefined","Slide","appear","direction","in","appBar","zIndex","Header","CssBaseline","AppBar","elevation","Toolbar","Footer","marginTop","container","minHeight","paddingTop","paddingBottom","fallbacks","Main","flexDirection","Container","maxWidth","Home","lazy","About","Projects","Games","Snippets","CustomRoutes","fallback","CircularProgress","exact","path","App","ThemeProvider","basename","Routes","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","StrictMode","document","getElementById"],"mappings":"oRAeMA,EAAYC,aAAW,SAACC,GAAD,MAAY,CACvCC,QAASD,EAAME,OAAOD,QAEtBE,oBAAoB,aAClBC,UAAW,SACX,UAAW,CAAEC,gBAAiB,gBAC7BL,EAAMM,YAAYC,KAAK,MAAQ,CAAEC,QAAS,IAE7CC,WAAY,CACVC,OAAQ,OACRC,MAAO,OACPC,MAAO,SAETC,OAAQ,CAAEC,SAAU,QACpBC,IAAK,CACHC,WAAY,aACZC,SAAU,OACVC,cAAe,cAGjBC,MAAO,OAuGMC,IApGI,SAACC,GAClB,IAAMC,EAAUxB,IACVE,EAAQuB,cAERC,EAAUC,YAAczB,EAAMM,YAAYC,KAAK,OAC/CmB,EAAMC,EAAQC,SAAW,mBAAmBC,KAAKC,UAAUC,WALrC,EAMFC,mBAAS,GANP,mBAMrBC,EANqB,KAMdC,EANc,OAOQF,oBAAS,GAPjB,mBAOrBG,EAPqB,KAOTC,EAPS,KAStBC,EAAmB,SAACC,EAAGC,GAC3BL,EAASK,GACTH,GAAc,IASVI,EAAUC,sBAEhB,OACE,eAAC,IAAD,CAAWC,IAAKF,EAAhB,UACE,cAAC,IAAD,CAAQG,MAAI,EAAZ,SACE,cAAC,IAAD,CACEC,QAAS,kBAAMR,GAAeD,IAC9BU,eAAa,EACbC,UAAWxB,EAAQnB,oBAHrB,SAKGgC,EACC,cAAC,IAAD,CAAcW,UAAWxB,EAAQb,aAEjC,cAAC,IAAD,CAAUqC,UAAWxB,EAAQb,iBAKlCe,EACC,eAAC,IAAD,CACEuB,2BAA4BrB,EAC5BsB,iBAAkBtB,EAClBuB,KAAMd,EACNe,OA7BK,WACXd,GAAc,IA6BRe,QA3BM,WACZf,GAAc,IA2BRd,QAAS,CAAE8B,MAAO9B,EAAQT,QAN5B,UAQE,qBAAKiC,UAAWxB,EAAQrB,UACxB,eAAC,IAAD,CACEgC,MAAOA,EACPoB,SAAUhB,EACViB,YAAY,WACZC,eAAe,UAJjB,UAME,cAAC,IAAD,CACEC,MAAM,OACNC,UAAWC,IACXC,GAAG,IACHrC,QAAS,CAAEkB,QAASlB,EAAQP,OAE9B,cAAC,IAAD,CACEyC,MAAM,WACNC,UAAWC,IACXC,GAAG,YACHrC,QAAS,CAAEkB,QAASlB,EAAQP,OAE9B,cAAC,IAAD,CACEyC,MAAM,QACNC,UAAWC,IACXC,GAAG,SACHrC,QAAS,CAAEkB,QAASlB,EAAQP,OAE9B,cAAC,IAAD,CACEyC,MAAM,WACNC,UAAWC,IACXC,GAAG,YACHrC,QAAS,CAAEkB,QAASlB,EAAQP,OAE9B,cAAC,IAAD,CACEyC,MAAM,QACNC,UAAWC,IACXC,GAAG,SACHrC,QAAS,CAAEkB,QAASlB,EAAQP,aAKlC,cAAC,IAAD,CAAQ6C,QAAM,EAAd,SACE,eAAC,IAAD,CAAM3B,MAAOA,EAAOoB,SAAUhB,EAAkBwB,UAAQ,EAAxD,UACE,cAAC,IAAD,CAAKL,MAAM,OAAOC,UAAWC,IAAMC,GAAG,MACtC,cAAC,IAAD,CAAKH,MAAM,WAAWC,UAAWC,IAAMC,GAAG,cAC1C,cAAC,IAAD,CAAKH,MAAM,QAAQC,UAAWC,IAAMC,GAAG,WACvC,cAAC,IAAD,CAAKH,MAAM,WAAWC,UAAWC,IAAMC,GAAG,cAC1C,cAAC,IAAD,CAAKH,MAAM,QAAQC,UAAWC,IAAMC,GAAG,sB,4JC5HpC,GACbG,SCRe,CACfC,KAAM,CACJ9C,SAAU,OACV+C,aAAc,GAEhBC,cAAe,CACbrD,MAAO,UACPsD,WAAY,IACZ7D,gBAAiB,WAEnB8D,gBAAiB,CACfvD,MAAO,qBACPsD,WAAY,IACZ7D,gBAAiB,WAEnB+D,aAAc,CACZxD,MAAO,UACPsD,WAAY,IACZ7D,gBAAiB,WAEnBgE,gBAAiB,CACfzD,MAAO,UACPsD,WAAY,IACZ7D,gBAAiB,WAEnBiE,KAAM,CACJC,QAAS,OACTC,QAAS,EACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QAEfC,QAAS,CACPpE,QAAS,iBDxBXqE,aENmB,CACnBC,MAAO,CACLpE,OAAQ,SACR,aAAc,CACZqE,WAAYC,EACZpE,MAAOqE,KFEXC,YGTkB,CAClBnB,KAAM,CACJoB,WAAY,UACZlE,SAAU,OACVmE,WAAY,OACZC,UAAW,OACXzE,MAAO0E,EACP9E,QAAS,UHGX+E,iBIRuB,CACvBxB,KAAM,CACJyB,SAAU,WACV,mEAAoE,CAClEC,OAAO,aAAD,OAAeH,GAGrB,uBAAwB,CACtBI,YAAaJ,IAIjB,4BAA6B,CAC3BI,YAAaJ,GAEf,6BAA8B,CAC5BP,WAAYC,EACZU,YAAa,UACblB,QAAS,GACT5D,MAAOqE,IAKXU,eAAgB,CACdD,YAAaV,GAEfF,MAAO,CACLC,WAAY,UACZvE,QAAS,QACTwD,aAAc,MACdmB,WAAY,UACZlE,SAAU,QACVmE,WAAY,OACZxE,MAAOqE,EAEP,aAAc,CACZF,WAAYC,EACZR,QAAS,GACT5D,MAAOqE,GAETU,eAAgB,CACdF,OAAQ,gBAIZG,UAAW,CACTpF,QAAS,mBACTiF,OAAQ,MACRI,OAAQ,IJxCVC,UKPgB,CAChB/B,KAAM,CACJgB,WAAY,UACZvE,QAAS,QACTwD,aAAc,MACdmB,WAAY,UACZlE,SAAU,OACVmE,WAAY,OACZC,UAAW,OACXzE,MAAOqE,EACPQ,OAAO,aAAD,OAAeT,GACrB,UAAW,CACThB,aAAc,MACd0B,YAAa,cACbX,WAAY,YAGhBgB,OAAQ,CACNjF,SAAU,SACVkD,aAAc,MACdyB,OAAO,aAAD,OAAeH,GACrBrE,SAAU,OACVmE,WAAY,OACZ,UAAW,CACTpB,aAAc,MACd0B,YAAaJ,EACbP,WAAY,YAIhBiB,WAAY,CACVjB,WAAY,UACZnE,MAAO0E,EACP,mBAAoB,CAClBI,YAAa,2BAIjBO,SAAU,CACRrF,MAAM,GAAD,OAAKqE,EAAL,eACLS,YAAa,cACbzE,SAAU,OACVmE,WAAY,OACZ,WAAY,CACVM,YAAa,cACbQ,QAAS,QAEX,UAAW,CACTnB,WAAY,UACZW,YAAa,gBAGjBS,aAAc,CACZvF,MAAOwF,GAET9B,KAAM,CACJ1D,MAAO0E,ILhDTe,UMVgB,CAChBtC,KAAM,CACJuC,SAAU,UACV3F,MAAO,QAET4F,WAAY,CACVxB,WAAY,cACZ,YAAa,CACXyB,UAAW,mBACX,qBAAsB,CACpBnG,gBAAiB2E,EACjBS,OAAQ,OACRgB,UAAW,OACX9F,MAAO,IAET,WAAY,CACVN,gBAAiB+F,EACjBK,UAAW,qCAKjBC,MAAO,CACLrG,gBAAiB4E,EACjBwB,UAAW,kCACX9F,MAAO,GACPD,OAAQ,IAEViG,MAAO,CAAEtG,gBAAiB2E,EAAUrE,MAAO,IAC3CiG,QAAS,KC5BER,EAAY,UACZd,EAAU,UAORuB,cAAe,CAC5BC,QAAS,CACPC,OAAQ,GACRC,QAAS,CAAEC,KAAMb,EAAWc,aAAc5B,GAC1C6B,UAAW,CAAEF,KAAM3B,EAAS4B,aAAcd,GAC1CgB,kBAAmB,GAErBC,WAAY,CACVlC,WAAY,YAEdmC,c,iDCcaC,E,kDAjCb,WAAYlG,GAAQ,IAAD,8BACjB,cAAMA,IACDmG,MAAQ,CAAEC,MAAO,KAAMC,UAAW,MAFtB,E,8DAKDD,EAAOC,GAEvBC,KAAKC,SAAS,CACZH,MAAOA,EACPC,UAAWA,M,+BAMb,OAAIC,KAAKH,MAAME,UAGX,gCACE,uDACA,0BAASG,MAAO,CAAEC,WAAY,YAA9B,UACGH,KAAKH,MAAMC,OAASE,KAAKH,MAAMC,MAAMM,WACtC,uBACCJ,KAAKH,MAAME,UAAUM,qBAMvBL,KAAKtG,MAAM4G,a,GA9BMC,a,QCebC,EAdK,SAAC,GAA8C,IAApCC,EAAmC,EAA3CC,OAA2BH,EAAgB,EAA3BzE,UACrC,OACE,cAAC,IAAD,CACE6E,OAAQ,SAACC,GACP,OACE,cAACH,EAAD,UACE,cAACF,EAAD,eAAeK,U,+DCKZC,EAVM,SAACnH,GAAW,IACvB4G,EAAqB5G,EAArB4G,SAAUQ,EAAWpH,EAAXoH,OACZC,EAAUC,YAAiB,CAAEC,OAAQH,EAASA,SAAWI,IAE/D,OACE,cAACC,EAAA,EAAD,CAAOC,QAAQ,EAAOC,UAAU,OAAOC,IAAKP,EAA5C,SACGT,K,QCHDnI,EAAYC,aAAW,SAACC,GAAD,MAAY,CACvCkJ,OAAQ,CAENC,OAAQ,UAoBGC,EAhBA,WACb,IAAM9H,EAAUxB,IAChB,OACE,qCACE,cAACuJ,EAAA,EAAD,IACA,cAAC,EAAD,UACE,cAACC,EAAA,EAAD,CAAQxG,UAAWxB,EAAQ4H,OAAQ1D,SAAS,SAAS+D,UAAW,EAAhE,SACE,cAACC,EAAA,EAAD,UACE,cAACpI,EAAA,EAAD,cChBGqI,EAJA,WACb,OAAO,qBAAK5B,MAAO,CAAE6B,UAAW,QAAzB,qBCGH5J,EAAYC,aAAW,SAACC,GAAD,MAAY,CACvC2J,UAAW,CACTC,UAAW,oBACXC,WAAY,OACZC,cAAe,OACfC,UAAW,CACT,CAAEH,UAAW,2BACb,CAAEA,UAAW,8BACb,CAAEA,UAAW,+BAoBJI,EAfF,SAAC3I,GAAW,IACf4G,EAAa5G,EAAb4G,SACF3G,EAAUxB,IAEhB,OACE,sBACE+H,MAAO,CAAE+B,UAAW,QAASrF,QAAS,OAAQ0F,cAAe,UAD/D,UAGE,cAAC,EAAD,IACA,cAACC,EAAA,EAAD,CAAWpH,UAAWxB,EAAQqI,UAAWQ,SAAS,KAAlD,SAAwDlC,IACxD,cAAC,EAAD,QCpBAmC,EAAOC,gBAAK,kBAAM,iCAClBC,EAAQD,gBAAK,kBAAM,iCACnBE,EAAWF,gBAAK,kBAAM,iCACtBG,EAAQH,gBAAK,kBAAM,iCACnBI,EAAWJ,gBAAK,kBAAM,iCA6BbK,EA3BM,WAEnB,OACE,cAAC,WAAD,CAAUC,SAAU,cAACC,EAAA,EAAD,CAAkBhK,MAAM,cAA5C,SACE,cAAC,EAAD,UACE,eAAC,IAAD,WACE,cAAC,EAAD,CAAaiK,OAAK,EAACC,KAAK,IAAIrH,UAAW2G,EAAM/B,OAAQ2B,IACrD,cAAC,EAAD,CAAaa,OAAK,EAACC,KAAK,SAASrH,UAAW6G,EAAOjC,OAAQ2B,IAC3D,cAAC,EAAD,CACEa,OAAK,EACLC,KAAK,YACLrH,UAAW8G,EACXlC,OAAQ2B,IAEV,cAAC,EAAD,CAAaa,OAAK,EAACC,KAAK,SAASrH,UAAW+G,EAAOnC,OAAQ2B,IAC3D,cAAC,EAAD,CACEa,OAAK,EACLC,KAAK,YACLrH,UAAWgH,EACXpC,OAAQ2B,YCjBLe,MAVf,WACE,OACE,cAACC,EAAA,EAAD,CAAehL,MAAOA,EAAtB,SACE,cAAC,IAAD,CAAQiL,SAAUtJ,cAAlB,SACE,cAACuJ,EAAD,SCCOC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,8BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAAStD,OACP,cAAC,IAAMuD,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1BZ,M","file":"static/js/main.a0176c0d.chunk.js","sourcesContent":["import React, { useState, useEffect, createRef } from 'react';\nimport { Link } from 'react-router-dom';\nimport {\n Container,\n Hidden,\n Tabs,\n Tab,\n useMediaQuery,\n IconButton,\n SwipeableDrawer,\n} from '@material-ui/core';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport { makeStyles, useTheme } from '@material-ui/styles';\n\nconst useStyles = makeStyles((theme) => ({\n toolbar: theme.mixins.toolbar,\n\n drawerIconContainer: {\n alignSelf: 'center',\n '&:hover': { backgroundColor: 'transparent' },\n [theme.breakpoints.down('md')]: { padding: 0 },\n },\n drawerIcon: {\n height: '40px',\n width: '40px',\n color: 'white',\n },\n drawer: { minWidth: '50vw' },\n tab: {\n alignItems: 'flex-start',\n fontSize: '2rem',\n textTransform: 'capitalize',\n\n },\n right: {},\n}));\n\nconst Navigation = (props) => {\n const classes = useStyles();\n const theme = useTheme();\n\n const matches = useMediaQuery(theme.breakpoints.down('sm'));\n const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);\n const [value, setValue] = useState(0);\n const [openDrawer, setOpenDrawer] = useState(false);\n\n const handleTabsChange = (e, newValue) => {\n setValue(newValue);\n setOpenDrawer(false);\n };\n\n const open = () => {\n setOpenDrawer(true);\n };\n const close = () => {\n setOpenDrawer(false);\n };\n const wrapper = createRef();\n\n return (\n \n \n setOpenDrawer(!openDrawer)}\n disableRipple\n className={classes.drawerIconContainer}\n >\n {openDrawer ? (\n \n ) : (\n \n )}\n \n \n\n {matches ? (\n \n \n \n \n \n \n \n \n \n \n ) : (\n \n \n \n \n \n \n \n \n \n )}\n \n );\n};\nexport default Navigation;\n","import MuiAlert from './MuiAlert';\nimport MuiInputBase from './MuiInputBase';\nimport MuiMenuItem from './MuiMenuItem';\nimport MuiOutlinedInput from './MuiOutlinedInput';\nimport MuiSelect from './MuiSelect';\nimport MuiSwitch from './MuiSwitch';\n\nexport default {\n MuiAlert,\n MuiInputBase,\n MuiMenuItem,\n MuiOutlinedInput,\n MuiSelect,\n MuiSwitch,\n};\n","const MuiAlert = {\n root: {\n fontSize: '16px',\n borderRadius: 0,\n },\n standardError: {\n color: '#A72121',\n fontWeight: 300,\n backgroundColor: '#FFA9A9',\n },\n standardWarning: {\n color: 'rgba(0, 0, 0, 0.5)',\n fontWeight: 300,\n backgroundColor: '#FFDDA9',\n },\n standardInfo: {\n color: '#2176A7',\n fontWeight: 300,\n backgroundColor: '#A9E5FF',\n },\n standardSuccess: {\n color: '#059346',\n fontWeight: 300,\n backgroundColor: '#BFFFA9',\n },\n icon: {\n display: 'flex',\n opacity: 1,\n fontsize: '16px',\n marginLeft: '3rem',\n marginRight: '1rem',\n },\n message: {\n padding: '16px 0 8px 0',\n },\n};\nexport default MuiAlert;\n","import Cultured from '../Theme';\nimport Charcoal from '../Theme';\n\nconst MuiInputBase = {\n input: {\n height: '1.3rem',\n '&:disabled': {\n background: Cultured,\n color: Charcoal,\n },\n },\n};\nexport default MuiInputBase;\n","import Celadon from '../Theme';\nconst MuiMenuItem = {\n root: {\n fontFamily: 'Poppins',\n fontSize: '14px',\n lineHeight: '19px',\n textAlign: 'left',\n color: Celadon,\n padding: '.5rem',\n },\n};\nexport default MuiMenuItem;\n","import Celadon from '../Theme'\nimport Cultured from '../Theme'\nimport Charcoal from '../Theme'\nconst MuiOutlinedInput = {\n root: {\n position: 'relative',\n '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {\n border: `1px solid ${Celadon}`,\n\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n borderColor: Celadon,\n },\n },\n // border focused\n '&$focused $notchedOutline': {\n borderColor: Celadon,\n },\n '&$disabled $notchedOutline': {\n background: Cultured,\n borderColor: '#E5E5E5',\n opacity: 0.8,\n color: Charcoal,\n \n },\n },\n //border before\n notchedOutline: {\n borderColor: Cultured,\n },\n input: {\n background: '#FFFFFF',\n padding: '.5rem',\n borderRadius: '3px',\n fontFamily: 'Poppins',\n fontSize: ' 14px',\n lineHeight: '19px',\n color: Charcoal,\n\n '&:disabled': {\n background: Cultured,\n opacity: 0.8,\n color: Charcoal,\n },\n notchedOutline: {\n border: 'transparent',\n },\n },\n\n multiline: {\n padding: '.5rem !important',\n border: '0px',\n margin: 0,\n },\n};\nexport default MuiOutlinedInput;\n","import BlueGreen from '../Theme';\nimport Celadon from '../Theme';\nimport Cultured from '../Theme';\nimport Charcoal from '../Theme';\n\nconst MuiSelect = {\n root: {\n background: '#FFFFFF',\n padding: '.5rem',\n borderRadius: '3px',\n fontFamily: 'Poppins',\n fontSize: '14px',\n lineHeight: '19px',\n textAlign: 'left',\n color: Charcoal,\n border: `1px solid ${Cultured}`,\n '&:focus': {\n borderRadius: '3px',\n borderColor: 'transparent',\n background: '#FFFFFF',\n },\n },\n select: {\n minWidth: '5.5rem',\n borderRadius: '3px',\n border: `1px solid ${Celadon}`,\n fontSize: '16px',\n lineHeight: '19px',\n '&:focus': {\n borderRadius: '3px',\n borderColor: Celadon,\n background: '#FFFFFF',\n },\n },\n\n selectMenu: {\n background: '#FFFFFF',\n color: Celadon,\n '&:notchedOutline': {\n borderColor: 'transparent !important',\n },\n },\n\n outlined: {\n color: `${Charcoal} !important`,\n borderColor: 'transparent',\n fontSize: '14px',\n lineHeight: '19px',\n '&:hover ': {\n borderColor: 'transparent',\n outline: 'none',\n },\n '&:focus': {\n background: '#FFFFFF',\n borderColor: 'transparent',\n },\n },\n iconOutlined: {\n color: BlueGreen,\n },\n icon: {\n color: Celadon,\n },\n};\n\nexport default MuiSelect;\n","import BlueGreen from '../Theme'\nimport Cultured from '../Theme'\nimport Charcoal from '../Theme'\nconst MuiSwitch = {\n root: {\n overflow: 'visible',\n width: '4rem',\n },\n switchBase: {\n background: 'transparent',\n '&$checked': {\n transform: 'translateX(26px)',\n '&$checked + $track': {\n backgroundColor: Cultured,\n border: 'none',\n boxShadow: 'none',\n width: 36,\n },\n '& $thumb': {\n backgroundColor: BlueGreen,\n boxShadow: '0px 2px 5px rgba(0, 0, 0, 0.25)',\n },\n },\n },\n\n thumb: {\n backgroundColor: Charcoal,\n boxShadow: '0px 2px 5px rgba(0, 0, 0, 0.25)',\n width: 20,\n height: 20,\n },\n track: { backgroundColor: Cultured, width: 36 },\n checked: {},\n};\nexport default MuiSwitch;\n","import { unstable_createMuiStrictModeTheme as createMuiTheme } from '@material-ui/core/styles';\n\nimport overrides from './overrides';\n\nexport const BlueGreen = '#004d40';\nexport const Celadon = '#a5d6a7';\nexport const Charcoal = '#37474f';\nexport const Cultured = '#eceff1';\n\n// const BannerBlue =\n// 'linear-gradient(136.88deg, #2176A7 41.34%, #0AB5FE 102.25%)';\n\nexport default createMuiTheme({\n palette: {\n common: {},\n primary: { main: BlueGreen, contrastText: Celadon },\n secondary: { main: Celadon, contrastText: BlueGreen },\n contrastThreshold: 3,\n },\n typography: {\n fontFamily: 'Chilanka',\n },\n overrides,\n});\n","import React, { Component } from 'react';\n\nclass ErrorBoundary extends Component {\n constructor(props) {\n super(props);\n this.state = { error: null, errorInfo: null };\n }\n\n componentDidCatch(error, errorInfo) {\n // Catch errors in any components below and re-render with error message\n this.setState({\n error: error,\n errorInfo: errorInfo,\n });\n // You can also log error messages to an error reporting service here\n }\n\n render() {\n if (this.state.errorInfo) {\n // Error path\n return (\n \n
Something went wrong.
\n \n {this.state.error && this.state.error.toString()}\n
\n {this.state.errorInfo.componentStack}\n \n \n );\n }\n // Normally, just render children\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\n\nconst CustomRoute = ({ layout: Layout, component: Component }) => {\n return (\n {\n return (\n \n \n \n );\n }}\n />\n );\n};\n\nexport default CustomRoute;\n","import React from 'react';\nimport { useScrollTrigger, Slide } from '@material-ui/core';\n\n\nconst HideOnScroll = (props) => {\n const { children, window } = props;\n const trigger = useScrollTrigger({ target: window ? window() : undefined });\n\n return (\n \n {children}\n \n );\n};\nexport default HideOnScroll;","import React from 'react';\n\nimport { AppBar, Toolbar, CssBaseline } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport HideOnScroll from './hideOnScroll';\nimport Navigation from './navigation';\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n // position: 'relative',\n zIndex: 1301,\n },\n}));\n\nconst Header = () => {\n const classes = useStyles();\n return (\n <>\n \n \n \n \n \n \n \n \n {/* */}\n \n );\n};\nexport default Header;\n","import React from 'react';\n\nconst Footer = () => {\n return Footer
;\n};\n\nexport default Footer;\n","import React from 'react';\nimport { Container } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport Header from './components/header';\nimport Footer from './components/footer';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n minHeight: 'calc(100vh-128px)',\n paddingTop: '2rem',\n paddingBottom: '2rem',\n fallbacks: [\n { minHeight: '-moz-calc(100% - 128px)' },\n { minHeight: '-webkit-calc(100% - 128px)' },\n { minHeight: '-o-calc(100% - 128px)' },\n ],\n },\n}));\n\nconst Main = (props) => {\n const { children } = props;\n const classes = useStyles();\n\n return (\n \n \n {children}\n \n \n );\n};\n\nexport default Main;\n","import React, { Suspense, lazy } from 'react';\nimport { Switch } from 'react-router-dom';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport ErrorBoundary from './components/errorBoundary';\nimport CustomRoute from './components/customRoute';\nimport Main from '../layouts/main';\n\n// const Main = lazy(() => import('layouts/main'));\n\nconst Home = lazy(() => import('../pages/home'));\nconst About = lazy(() => import('../pages/about'));\nconst Projects = lazy(() => import('../pages/projects'));\nconst Games = lazy(() => import('../pages/games'));\nconst Snippets = lazy(() => import('../pages/snippets'));\n\nconst CustomRoutes = () => {\n \n return (\n }>\n \n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default CustomRoutes;\n","import React from 'react';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport { ThemeProvider } from '@material-ui/core/styles';\nimport theme from './themes';\n\nimport Routes from './routes';\n\nfunction App() {\n return (\n \n \n \n \n \n );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/main.caba6c7f.chunk.js b/static/js/main.caba6c7f.chunk.js
deleted file mode 100644
index 3a0fefe..0000000
--- a/static/js/main.caba6c7f.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(this["webpackJsonpreact-page"]=this["webpackJsonpreact-page"]||[]).push([[0],{60:function(e,t,n){"use strict";(function(e){var o=n(3),r=n(55),a=n(43),c=n(0),i=n(17),s=n(98),l=n(100),d=n(77),b=n(101),p=n(104),u=n(75),j=n(24),h=n(71),x=n.n(h),m=n(70),O=n.n(m),g=n(103),f=n(49),F=Object(g.a)((function(e){return{toolbar:e.mixins.toolbar,drawerIconContainer:Object(a.a)({alignSelf:"center","&:hover":{backgroundColor:"transparent"}},e.breakpoints.down("md"),{padding:0}),drawerIcon:{height:"40px",width:"40px",color:"white"},drawer:{minWidth:"50vw",fontSize:"3rem"},wrapper:{alignItems:"flex-start",fontSize:"1.5rem",textTransform:"capitalize"},right:{}}}));t.a=function(t){var n=F(),a=Object(f.a)(),h=Object(s.a)(a.breakpoints.down("sm")),m=e.browser&&/iPad|iPhone|iPod/.test(navigator.userAgent),g=Object(c.useState)(0),w=Object(r.a)(g,2),k=w[0],v=w[1],y=Object(c.useState)(!1),C=Object(r.a)(y,2),S=C[0],z=C[1],I=function(e,t){v(t),z(!1)},A=Object(c.createRef)();return Object(o.jsxs)(l.a,{ref:A,children:[Object(o.jsx)(d.a,{mdUp:!0,children:Object(o.jsx)(b.a,{onClick:function(){return z(!S)},disableRipple:!0,className:n.drawerIconContainer,children:S?Object(o.jsx)(O.a,{className:n.drawerIcon}):Object(o.jsx)(x.a,{className:n.drawerIcon})})}),h?Object(o.jsxs)(p.a,{disableBackdropTransition:!m,disableDiscovery:m,open:S,onOpen:function(){z(!0)},onClose:function(){z(!1)},classes:{paper:n.drawer},children:[Object(o.jsx)("div",{className:n.toolbar}),Object(o.jsxs)(u.a,{value:k,onChange:I,orientation:"vertical",indicatorColor:"primary",children:[Object(o.jsx)(j.a,{label:"Home",component:i.b,to:"/",classes:{wrapper:n.wrapper}}),Object(o.jsx)(j.a,{label:"Projects",component:i.b,to:"/projects",classes:{wrapper:n.wrapper}}),Object(o.jsx)(j.a,{label:"Games",component:i.b,to:"/games",classes:{wrapper:n.wrapper}}),Object(o.jsx)(j.a,{label:"Snippets",component:i.b,to:"/snippets",classes:{wrapper:n.wrapper}}),Object(o.jsx)(j.a,{label:"About",component:i.b,to:"/about",classes:{wrapper:n.wrapper}})]})]}):Object(o.jsx)(d.a,{smDown:!0,children:Object(o.jsxs)(u.a,{value:k,onChange:I,centered:!0,children:[Object(o.jsx)(j.a,{label:"Home",component:i.b,to:"/"}),Object(o.jsx)(j.a,{label:"Projects",component:i.b,to:"/projects"}),Object(o.jsx)(j.a,{label:"Games",component:i.b,to:"/games"}),Object(o.jsx)(j.a,{label:"Snippets",component:i.b,to:"/snippets"}),Object(o.jsx)(j.a,{label:"About",component:i.b,to:"/about"})]})})]})}}).call(this,n(91))},85:function(e,t,n){},95:function(e,t,n){"use strict";n.r(t);var o=n(3),r=n(0),a=n.n(r),c=n(11),i=n.n(c),s=(n(85),n(17)),l=n(135),d=n(128),b={MuiAlert:{root:{fontSize:"16px",borderRadius:0},standardError:{color:"#A72121",fontWeight:300,backgroundColor:"#FFA9A9"},standardWarning:{color:"rgba(0, 0, 0, 0.5)",fontWeight:300,backgroundColor:"#FFDDA9"},standardInfo:{color:"#2176A7",fontWeight:300,backgroundColor:"#A9E5FF"},standardSuccess:{color:"#059346",fontWeight:300,backgroundColor:"#BFFFA9"},icon:{display:"flex",opacity:1,fontsize:"16px",marginLeft:"3rem",marginRight:"1rem"},message:{padding:"16px 0 8px 0"}},MuiInputBase:{input:{height:"1.3rem","&:disabled":{background:p,color:p}}},MuiMenuItem:{root:{fontFamily:"Poppins",fontSize:"14px",lineHeight:"19px",textAlign:"left",color:p,padding:".5rem"}},MuiOutlinedInput:{root:{position:"relative","&:hover:not($disabled):not($focused):not($error) $notchedOutline":{border:"1px solid ".concat(p),"@media (hover: none)":{borderColor:p}},"&$focused $notchedOutline":{borderColor:p},"&$disabled $notchedOutline":{background:p,borderColor:"#E5E5E5",opacity:.8,color:p}},notchedOutline:{borderColor:p},input:{background:"#FFFFFF",padding:".5rem",borderRadius:"3px",fontFamily:"Poppins",fontSize:" 14px",lineHeight:"19px",color:p,"&:disabled":{background:p,opacity:.8,color:p},notchedOutline:{border:"transparent"}},multiline:{padding:".5rem !important",border:"0px",margin:0}},MuiSelect:{root:{background:"#FFFFFF",padding:".5rem",borderRadius:"3px",fontFamily:"Poppins",fontSize:"14px",lineHeight:"19px",textAlign:"left",color:p,border:"1px solid ".concat(p),"&:focus":{borderRadius:"3px",borderColor:"transparent",background:"#FFFFFF"}},select:{minWidth:"5.5rem",borderRadius:"3px",border:"1px solid ".concat(p),fontSize:"16px",lineHeight:"19px","&:focus":{borderRadius:"3px",borderColor:p,background:"#FFFFFF"}},selectMenu:{background:"#FFFFFF",color:p,"&:notchedOutline":{borderColor:"transparent !important"}},outlined:{color:"".concat(p," !important"),borderColor:"transparent",fontSize:"14px",lineHeight:"19px","&:hover ":{borderColor:"transparent",outline:"none"},"&:focus":{background:"#FFFFFF",borderColor:"transparent"}},iconOutlined:{color:p},icon:{color:p}},MuiSwitch:{root:{overflow:"visible",width:"4rem"},switchBase:{background:"transparent","&$checked":{transform:"translateX(26px)","&$checked + $track":{backgroundColor:p,border:"none",boxShadow:"none",width:36},"& $thumb":{backgroundColor:p,boxShadow:"0px 2px 5px rgba(0, 0, 0, 0.25)"}}},thumb:{backgroundColor:p,boxShadow:"0px 2px 5px rgba(0, 0, 0, 0.25)",width:20,height:20},track:{backgroundColor:p,width:36},checked:{}}},p=Object(d.a)({palette:{common:{},primary:{main:"#004d40",contrastText:"#eceff1"},secondary:{main:"#a5d6a7",contrastText:"#37474f"},contrastThreshold:3},typography:{h1:{},h2:{},h3:{},h4:{},h5:{},h6:{}},overrides:b}),u=n(10),j=n(134),h=n(67),x=n(68),m=n(73),O=n(72),g=function(e){Object(m.a)(n,e);var t=Object(O.a)(n);function n(e){var o;return Object(h.a)(this,n),(o=t.call(this,e)).state={error:null,errorInfo:null},o}return Object(x.a)(n,[{key:"componentDidCatch",value:function(e,t){this.setState({error:e,errorInfo:t})}},{key:"render",value:function(){return this.state.errorInfo?Object(o.jsxs)("div",{children:[Object(o.jsx)("h2",{children:"Something went wrong."}),Object(o.jsxs)("details",{style:{whiteSpace:"pre-wrap"},children:[this.state.error&&this.state.error.toString(),Object(o.jsx)("br",{}),this.state.errorInfo.componentStack]})]}):this.props.children}}]),n}(r.Component),f=n(69),F=function(e){var t=e.layout,n=e.component;return Object(o.jsx)(u.a,{render:function(e){return Object(o.jsx)(t,{children:Object(o.jsx)(n,Object(f.a)({},e))})}})},w=n(100),k=n(103),v=n(131),y=n(132),C=n(133),S=n(129),z=n(130),I=function(e){var t=e.children,n=e.window,r=Object(S.a)({target:n?n():void 0});return Object(o.jsx)(z.a,{appear:!1,direction:"down",in:!r,children:t})},A=n(60),H=Object(k.a)((function(e){return{appBar:{zIndex:1301}}})),$=function(){var e=H();return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(v.a,{}),Object(o.jsx)(I,{children:Object(o.jsx)(y.a,{className:e.appBar,position:"static",children:Object(o.jsx)(C.a,{children:Object(o.jsx)(A.a,{})})})})]})},P=function(){return Object(o.jsx)("div",{style:{marginTop:"auto"},children:"Footer"})},B=Object(k.a)((function(e){return{container:{minHeight:"calc(100vh-128px)",paddingTop:"2rem",paddingBottom:"2rem",fallbacks:[{minHeight:"-moz-calc(100% - 128px)"},{minHeight:"-webkit-calc(100% - 128px)"},{minHeight:"-o-calc(100% - 128px)"}]}}})),M=function(e){var t=e.children,n=B();return Object(o.jsxs)("div",{style:{minHeight:"100vh",display:"flex",flexDirection:"column"},children:[Object(o.jsx)($,{}),Object(o.jsx)(w.a,{className:n.container,children:t}),Object(o.jsx)(P,{})]})},R=Object(r.lazy)((function(){return n.e(5).then(n.bind(null,137))})),T=Object(r.lazy)((function(){return n.e(3).then(n.bind(null,138))})),D=Object(r.lazy)((function(){return n.e(6).then(n.bind(null,139))})),W=Object(r.lazy)((function(){return n.e(4).then(n.bind(null,140))})),E=Object(r.lazy)((function(){return n.e(7).then(n.bind(null,141))})),N=function(){return Object(o.jsx)(r.Suspense,{fallback:Object(o.jsx)(j.a,{color:"secondary"}),children:Object(o.jsx)(g,{children:Object(o.jsxs)(u.c,{children:[Object(o.jsx)(F,{exact:!0,path:"/",component:R,layout:M}),Object(o.jsx)(F,{exact:!0,path:"/about",component:T,layout:M}),Object(o.jsx)(F,{exact:!0,path:"/projects",component:D,layout:M}),Object(o.jsx)(F,{exact:!0,path:"/games",component:W,layout:M}),Object(o.jsx)(F,{exact:!0,path:"/snippets",component:E,layout:M})]})})})};var L=function(){return Object(o.jsx)(l.a,{theme:p,children:Object(o.jsx)(s.a,{basename:"/react-page",children:Object(o.jsx)(N,{})})})},G=function(e){e&&e instanceof Function&&n.e(8).then(n.bind(null,136)).then((function(t){var n=t.getCLS,o=t.getFID,r=t.getFCP,a=t.getLCP,c=t.getTTFB;n(e),o(e),r(e),a(e),c(e)}))};i.a.render(Object(o.jsx)(a.a.StrictMode,{children:Object(o.jsx)(L,{})}),document.getElementById("root")),G()}},[[95,1,2]]]);
-//# sourceMappingURL=main.caba6c7f.chunk.js.map
\ No newline at end of file
diff --git a/static/js/main.caba6c7f.chunk.js.map b/static/js/main.caba6c7f.chunk.js.map
deleted file mode 100644
index 5329b04..0000000
--- a/static/js/main.caba6c7f.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["layouts/main/components/header/navigation/Navigation.jsx","themes/overrides/index.js","themes/overrides/MuiAlert.js","themes/overrides/MuiInputBase.js","themes/overrides/MuiMenuItem.js","themes/overrides/MuiOutlinedInput.js","themes/overrides/MuiSelect.js","themes/overrides/MuiSwitch.js","themes/Theme.js","routes/components/errorBoundary/ErrorBoundary.jsx","routes/components/customRoute/CustomRoute.jsx","layouts/main/components/header/hideOnScroll/HideOnScroll.jsx","layouts/main/components/header/Header.jsx","layouts/main/components/footer/Footer.jsx","layouts/main/Main.jsx","routes/Routes.js","App.js","reportWebVitals.js","index.js"],"names":["useStyles","makeStyles","theme","toolbar","mixins","drawerIconContainer","alignSelf","backgroundColor","breakpoints","down","padding","drawerIcon","height","width","color","drawer","minWidth","fontSize","wrapper","alignItems","textTransform","right","Navigation","props","classes","useTheme","matches","useMediaQuery","iOS","process","browser","test","navigator","userAgent","useState","value","setValue","openDrawer","setOpenDrawer","handleTabsChange","e","newValue","createRef","ref","mdUp","onClick","disableRipple","className","disableBackdropTransition","disableDiscovery","open","onOpen","onClose","paper","onChange","orientation","indicatorColor","label","component","Link","to","smDown","centered","MuiAlert","root","borderRadius","standardError","fontWeight","standardWarning","standardInfo","standardSuccess","icon","display","opacity","fontsize","marginLeft","marginRight","message","MuiInputBase","input","background","Cultured","Charcoal","MuiMenuItem","fontFamily","lineHeight","textAlign","Celadon","MuiOutlinedInput","position","border","borderColor","notchedOutline","multiline","margin","MuiSelect","select","selectMenu","outlined","outline","iconOutlined","BlueGreen","MuiSwitch","overflow","switchBase","transform","boxShadow","thumb","track","checked","createMuiTheme","palette","common","primary","main","contrastText","secondary","contrastThreshold","typography","h1","h2","h3","h4","h5","h6","overrides","ErrorBoundary","state","error","errorInfo","this","setState","style","whiteSpace","toString","componentStack","children","Component","CustomRoute","Layout","layout","render","matchProps","HideOnScroll","window","trigger","useScrollTrigger","target","undefined","Slide","appear","direction","in","appBar","zIndex","Header","CssBaseline","AppBar","Toolbar","Footer","marginTop","container","minHeight","paddingTop","paddingBottom","fallbacks","Main","flexDirection","Container","Home","lazy","About","Projects","Games","Snippets","CustomRoutes","fallback","CircularProgress","exact","path","App","ThemeProvider","basename","Routes","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","StrictMode","document","getElementById"],"mappings":"oRAeMA,EAAYC,aAAW,SAACC,GAAD,MAAY,CACvCC,QAASD,EAAME,OAAOD,QAEtBE,oBAAoB,aAClBC,UAAW,SACX,UAAW,CAAEC,gBAAiB,gBAC7BL,EAAMM,YAAYC,KAAK,MAAQ,CAAEC,QAAS,IAE7CC,WAAY,CACVC,OAAQ,OACRC,MAAO,OACPC,MAAO,SAETC,OAAQ,CAAEC,SAAU,OAAQC,SAAU,QACtCC,QAAS,CACPC,WAAY,aACZF,SAAU,SACVG,cAAe,cAEjBC,MAAO,OAuGMC,IApGI,SAACC,GAClB,IAAMC,EAAUxB,IACVE,EAAQuB,cAERC,EAAUC,YAAczB,EAAMM,YAAYC,KAAK,OAC/CmB,EAAMC,EAAQC,SAAW,mBAAmBC,KAAKC,UAAUC,WALrC,EAMFC,mBAAS,GANP,mBAMrBC,EANqB,KAMdC,EANc,OAOQF,oBAAS,GAPjB,mBAOrBG,EAPqB,KAOTC,EAPS,KAStBC,EAAmB,SAACC,EAAGC,GAC3BL,EAASK,GACTH,GAAc,IASVpB,EAAUwB,sBAEhB,OACE,eAAC,IAAD,CAAWC,IAAKzB,EAAhB,UACE,cAAC,IAAD,CAAQ0B,MAAI,EAAZ,SACE,cAAC,IAAD,CACEC,QAAS,kBAAMP,GAAeD,IAC9BS,eAAa,EACbC,UAAWvB,EAAQnB,oBAHrB,SAKGgC,EACC,cAAC,IAAD,CAAcU,UAAWvB,EAAQb,aAEjC,cAAC,IAAD,CAAUoC,UAAWvB,EAAQb,iBAKlCe,EACC,eAAC,IAAD,CACEsB,2BAA4BpB,EAC5BqB,iBAAkBrB,EAClBsB,KAAMb,EACNc,OA7BK,WACXb,GAAc,IA6BRc,QA3BM,WACZd,GAAc,IA2BRd,QAAS,CAAE6B,MAAO7B,EAAQT,QAN5B,UAQE,qBAAKgC,UAAWvB,EAAQrB,UACxB,eAAC,IAAD,CACEgC,MAAOA,EACPmB,SAAUf,EACVgB,YAAY,WACZC,eAAe,UAJjB,UAME,cAAC,IAAD,CACEC,MAAM,OACNC,UAAWC,IACXC,GAAG,IACHpC,QAAS,CAAEN,QAASM,EAAQN,WAE9B,cAAC,IAAD,CACEuC,MAAM,WACNC,UAAWC,IACXC,GAAG,YACHpC,QAAS,CAAEN,QAASM,EAAQN,WAE9B,cAAC,IAAD,CACEuC,MAAM,QACNC,UAAWC,IACXC,GAAG,SACHpC,QAAS,CAAEN,QAASM,EAAQN,WAE9B,cAAC,IAAD,CACEuC,MAAM,WACNC,UAAWC,IACXC,GAAG,YACHpC,QAAS,CAAEN,QAASM,EAAQN,WAE9B,cAAC,IAAD,CACEuC,MAAM,QACNC,UAAWC,IACXC,GAAG,SACHpC,QAAS,CAAEN,QAASM,EAAQN,iBAKlC,cAAC,IAAD,CAAQ2C,QAAM,EAAd,SACE,eAAC,IAAD,CAAM1B,MAAOA,EAAOmB,SAAUf,EAAkBuB,UAAQ,EAAxD,UACE,cAAC,IAAD,CAAKL,MAAM,OAAOC,UAAWC,IAAMC,GAAG,MACtC,cAAC,IAAD,CAAKH,MAAM,WAAWC,UAAWC,IAAMC,GAAG,cAC1C,cAAC,IAAD,CAAKH,MAAM,QAAQC,UAAWC,IAAMC,GAAG,WACvC,cAAC,IAAD,CAAKH,MAAM,WAAWC,UAAWC,IAAMC,GAAG,cAC1C,cAAC,IAAD,CAAKH,MAAM,QAAQC,UAAWC,IAAMC,GAAG,sB,4JC3HpC,GACbG,SCRe,CACfC,KAAM,CACJ/C,SAAU,OACVgD,aAAc,GAEhBC,cAAe,CACbpD,MAAO,UACPqD,WAAY,IACZ5D,gBAAiB,WAEnB6D,gBAAiB,CACftD,MAAO,qBACPqD,WAAY,IACZ5D,gBAAiB,WAEnB8D,aAAc,CACZvD,MAAO,UACPqD,WAAY,IACZ5D,gBAAiB,WAEnB+D,gBAAiB,CACfxD,MAAO,UACPqD,WAAY,IACZ5D,gBAAiB,WAEnBgE,KAAM,CACJC,QAAS,OACTC,QAAS,EACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QAEfC,QAAS,CACPnE,QAAS,iBDxBXoE,aENmB,CACnBC,MAAO,CACLnE,OAAQ,SACR,aAAc,CACZoE,WAAYC,EACZnE,MAAOoE,KFEXC,YGTkB,CAClBnB,KAAM,CACJoB,WAAY,UACZnE,SAAU,OACVoE,WAAY,OACZC,UAAW,OACXxE,MAAOyE,EACP7E,QAAS,UHGX8E,iBIRuB,CACvBxB,KAAM,CACJyB,SAAU,WACV,mEAAoE,CAClEC,OAAO,aAAD,OAAeH,GAGrB,uBAAwB,CACtBI,YAAaJ,IAIjB,4BAA6B,CAC3BI,YAAaJ,GAEf,6BAA8B,CAC5BP,WAAYC,EACZU,YAAa,UACblB,QAAS,GACT3D,MAAOoE,IAKXU,eAAgB,CACdD,YAAaV,GAEfF,MAAO,CACLC,WAAY,UACZtE,QAAS,QACTuD,aAAc,MACdmB,WAAY,UACZnE,SAAU,QACVoE,WAAY,OACZvE,MAAOoE,EAEP,aAAc,CACZF,WAAYC,EACZR,QAAS,GACT3D,MAAOoE,GAETU,eAAgB,CACdF,OAAQ,gBAIZG,UAAW,CACTnF,QAAS,mBACTgF,OAAQ,MACRI,OAAQ,IJxCVC,UKPgB,CAChB/B,KAAM,CACJgB,WAAY,UACZtE,QAAS,QACTuD,aAAc,MACdmB,WAAY,UACZnE,SAAU,OACVoE,WAAY,OACZC,UAAW,OACXxE,MAAOoE,EACPQ,OAAO,aAAD,OAAeT,GACrB,UAAW,CACThB,aAAc,MACd0B,YAAa,cACbX,WAAY,YAGhBgB,OAAQ,CACNhF,SAAU,SACViD,aAAc,MACdyB,OAAO,aAAD,OAAeH,GACrBtE,SAAU,OACVoE,WAAY,OACZ,UAAW,CACTpB,aAAc,MACd0B,YAAaJ,EACbP,WAAY,YAIhBiB,WAAY,CACVjB,WAAY,UACZlE,MAAOyE,EACP,mBAAoB,CAClBI,YAAa,2BAIjBO,SAAU,CACRpF,MAAM,GAAD,OAAKoE,EAAL,eACLS,YAAa,cACb1E,SAAU,OACVoE,WAAY,OACZ,WAAY,CACVM,YAAa,cACbQ,QAAS,QAEX,UAAW,CACTnB,WAAY,UACZW,YAAa,gBAGjBS,aAAc,CACZtF,MAAOuF,GAET9B,KAAM,CACJzD,MAAOyE,ILhDTe,UMVgB,CAChBtC,KAAM,CACJuC,SAAU,UACV1F,MAAO,QAET2F,WAAY,CACVxB,WAAY,cACZ,YAAa,CACXyB,UAAW,mBACX,qBAAsB,CACpBlG,gBAAiB0E,EACjBS,OAAQ,OACRgB,UAAW,OACX7F,MAAO,IAET,WAAY,CACVN,gBAAiB8F,EACjBK,UAAW,qCAKjBC,MAAO,CACLpG,gBAAiB2E,EACjBwB,UAAW,kCACX7F,MAAO,GACPD,OAAQ,IAEVgG,MAAO,CAAErG,gBAAiB0E,EAAUpE,MAAO,IAC3CgG,QAAS,KCpBIC,cAAe,CAC5BC,QAAS,CACPC,OAAQ,GACRC,QAAS,CAAEC,KAXU,UAWOC,aARR,WASpBC,UAAW,CAAEF,KAXM,UAWSC,aAVR,WAWpBE,kBAAmB,GAErBC,WAAY,CACVC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,IAENC,c,iDCSaC,E,kDAjCb,WAAYvG,GAAQ,IAAD,8BACjB,cAAMA,IACDwG,MAAQ,CAAEC,MAAO,KAAMC,UAAW,MAFtB,E,8DAKDD,EAAOC,GAEvBC,KAAKC,SAAS,CACZH,MAAOA,EACPC,UAAWA,M,+BAMb,OAAIC,KAAKH,MAAME,UAGX,gCACE,uDACA,0BAASG,MAAO,CAAEC,WAAY,YAA9B,UACGH,KAAKH,MAAMC,OAASE,KAAKH,MAAMC,MAAMM,WACtC,uBACCJ,KAAKH,MAAME,UAAUM,qBAMvBL,KAAK3G,MAAMiH,a,GA9BMC,a,QCebC,EAdK,SAAC,GAA8C,IAApCC,EAAmC,EAA3CC,OAA2BH,EAAgB,EAA3B/E,UACrC,OACE,cAAC,IAAD,CACEmF,OAAQ,SAACC,GACP,OACE,cAACH,EAAD,UACE,cAACF,EAAD,eAAeK,U,+DCKZC,EAVM,SAACxH,GAAW,IACvBiH,EAAqBjH,EAArBiH,SAAUQ,EAAWzH,EAAXyH,OACZC,EAAUC,YAAiB,CAAEC,OAAQH,EAASA,SAAWI,IAE/D,OACE,cAACC,EAAA,EAAD,CAAOC,QAAQ,EAAOC,UAAU,OAAOC,IAAKP,EAA5C,SACGT,K,QCHDxI,EAAYC,aAAW,SAACC,GAAD,MAAY,CACvCuJ,OAAQ,CAENC,OAAQ,UAoBGC,EAhBA,WACb,IAAMnI,EAAUxB,IAChB,OACE,qCACE,cAAC4J,EAAA,EAAD,IACA,cAAC,EAAD,UACE,cAACC,EAAA,EAAD,CAAQ9G,UAAWvB,EAAQiI,OAAQhE,SAAS,SAA5C,SACE,cAACqE,EAAA,EAAD,UACE,cAACxI,EAAA,EAAD,cChBGyI,EAJA,WACb,OAAO,qBAAK3B,MAAO,CAAE4B,UAAW,QAAzB,qBCGHhK,EAAYC,aAAW,SAACC,GAAD,MAAY,CACvC+J,UAAW,CACTC,UAAW,oBACXC,WAAY,OACZC,cAAe,OACfC,UAAW,CACT,CAAEH,UAAW,2BACb,CAAEA,UAAW,8BACb,CAAEA,UAAW,+BAoBJI,EAfF,SAAC/I,GAAW,IACfiH,EAAajH,EAAbiH,SACFhH,EAAUxB,IAEhB,OACE,sBACEoI,MAAO,CAAE8B,UAAW,QAAS1F,QAAS,OAAQ+F,cAAe,UAD/D,UAGE,cAAC,EAAD,IACA,cAACC,EAAA,EAAD,CAAWzH,UAAWvB,EAAQyI,UAA9B,SAA0CzB,IAC1C,cAAC,EAAD,QCpBAiC,EAAOC,gBAAK,kBAAM,iCAClBC,EAAQD,gBAAK,kBAAM,iCACnBE,EAAWF,gBAAK,kBAAM,iCACtBG,EAAQH,gBAAK,kBAAM,iCACnBI,EAAWJ,gBAAK,kBAAM,iCA4BbK,EA1BM,WACnB,OACE,cAAC,WAAD,CAAUC,SAAU,cAACC,EAAA,EAAD,CAAkBnK,MAAM,cAA5C,SACE,cAAC,EAAD,UACE,eAAC,IAAD,WACE,cAAC,EAAD,CAAaoK,OAAK,EAACC,KAAK,IAAIzH,UAAW+G,EAAM7B,OAAQ0B,IACrD,cAAC,EAAD,CAAaY,OAAK,EAACC,KAAK,SAASzH,UAAWiH,EAAO/B,OAAQ0B,IAC3D,cAAC,EAAD,CACEY,OAAK,EACLC,KAAK,YACLzH,UAAWkH,EACXhC,OAAQ0B,IAEV,cAAC,EAAD,CAAaY,OAAK,EAACC,KAAK,SAASzH,UAAWmH,EAAOjC,OAAQ0B,IAC3D,cAAC,EAAD,CACEY,OAAK,EACLC,KAAK,YACLzH,UAAWoH,EACXlC,OAAQ0B,YChBLc,MAVf,WACE,OACE,cAACC,EAAA,EAAD,CAAenL,MAAOA,EAAtB,SACE,cAAC,IAAD,CAAQoL,SAAUzJ,cAAlB,SACE,cAAC0J,EAAD,SCCOC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,8BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAASpD,OACP,cAAC,IAAMqD,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1BZ,M","file":"static/js/main.caba6c7f.chunk.js","sourcesContent":["import React, { useState, createRef } from 'react';\nimport { Link } from 'react-router-dom';\nimport {\n Container,\n Hidden,\n Tabs,\n Tab,\n useMediaQuery,\n IconButton,\n SwipeableDrawer,\n} from '@material-ui/core';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport { makeStyles, useTheme } from '@material-ui/styles';\n\nconst useStyles = makeStyles((theme) => ({\n toolbar: theme.mixins.toolbar,\n\n drawerIconContainer: {\n alignSelf: 'center',\n '&:hover': { backgroundColor: 'transparent' },\n [theme.breakpoints.down('md')]: { padding: 0 },\n },\n drawerIcon: {\n height: '40px',\n width: '40px',\n color: 'white',\n },\n drawer: { minWidth: '50vw', fontSize: '3rem' },\n wrapper: {\n alignItems: 'flex-start',\n fontSize: '1.5rem',\n textTransform: 'capitalize',\n },\n right: {},\n}));\n\nconst Navigation = (props) => {\n const classes = useStyles();\n const theme = useTheme();\n\n const matches = useMediaQuery(theme.breakpoints.down('sm'));\n const iOS = process.browser && /iPad|iPhone|iPod/.test(navigator.userAgent);\n const [value, setValue] = useState(0);\n const [openDrawer, setOpenDrawer] = useState(false);\n\n const handleTabsChange = (e, newValue) => {\n setValue(newValue);\n setOpenDrawer(false);\n };\n\n const open = () => {\n setOpenDrawer(true);\n };\n const close = () => {\n setOpenDrawer(false);\n };\n const wrapper = createRef();\n\n return (\n \n \n setOpenDrawer(!openDrawer)}\n disableRipple\n className={classes.drawerIconContainer}\n >\n {openDrawer ? (\n \n ) : (\n \n )}\n \n \n\n {matches ? (\n \n \n \n \n \n \n \n \n \n \n ) : (\n \n \n \n \n \n \n \n \n \n )}\n \n );\n};\nexport default Navigation;\n","import MuiAlert from './MuiAlert';\nimport MuiInputBase from './MuiInputBase';\nimport MuiMenuItem from './MuiMenuItem';\nimport MuiOutlinedInput from './MuiOutlinedInput';\nimport MuiSelect from './MuiSelect';\nimport MuiSwitch from './MuiSwitch';\n\nexport default {\n MuiAlert,\n MuiInputBase,\n MuiMenuItem,\n MuiOutlinedInput,\n MuiSelect,\n MuiSwitch,\n};\n","const MuiAlert = {\n root: {\n fontSize: '16px',\n borderRadius: 0,\n },\n standardError: {\n color: '#A72121',\n fontWeight: 300,\n backgroundColor: '#FFA9A9',\n },\n standardWarning: {\n color: 'rgba(0, 0, 0, 0.5)',\n fontWeight: 300,\n backgroundColor: '#FFDDA9',\n },\n standardInfo: {\n color: '#2176A7',\n fontWeight: 300,\n backgroundColor: '#A9E5FF',\n },\n standardSuccess: {\n color: '#059346',\n fontWeight: 300,\n backgroundColor: '#BFFFA9',\n },\n icon: {\n display: 'flex',\n opacity: 1,\n fontsize: '16px',\n marginLeft: '3rem',\n marginRight: '1rem',\n },\n message: {\n padding: '16px 0 8px 0',\n },\n};\nexport default MuiAlert;\n","import Cultured from '../Theme';\nimport Charcoal from '../Theme';\n\nconst MuiInputBase = {\n input: {\n height: '1.3rem',\n '&:disabled': {\n background: Cultured,\n color: Charcoal,\n },\n },\n};\nexport default MuiInputBase;\n","import Celadon from '../Theme';\nconst MuiMenuItem = {\n root: {\n fontFamily: 'Poppins',\n fontSize: '14px',\n lineHeight: '19px',\n textAlign: 'left',\n color: Celadon,\n padding: '.5rem',\n },\n};\nexport default MuiMenuItem;\n","import Celadon from '../Theme'\nimport Cultured from '../Theme'\nimport Charcoal from '../Theme'\nconst MuiOutlinedInput = {\n root: {\n position: 'relative',\n '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {\n border: `1px solid ${Celadon}`,\n\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n borderColor: Celadon,\n },\n },\n // border focused\n '&$focused $notchedOutline': {\n borderColor: Celadon,\n },\n '&$disabled $notchedOutline': {\n background: Cultured,\n borderColor: '#E5E5E5',\n opacity: 0.8,\n color: Charcoal,\n \n },\n },\n //border before\n notchedOutline: {\n borderColor: Cultured,\n },\n input: {\n background: '#FFFFFF',\n padding: '.5rem',\n borderRadius: '3px',\n fontFamily: 'Poppins',\n fontSize: ' 14px',\n lineHeight: '19px',\n color: Charcoal,\n\n '&:disabled': {\n background: Cultured,\n opacity: 0.8,\n color: Charcoal,\n },\n notchedOutline: {\n border: 'transparent',\n },\n },\n\n multiline: {\n padding: '.5rem !important',\n border: '0px',\n margin: 0,\n },\n};\nexport default MuiOutlinedInput;\n","import BlueGreen from '../Theme';\nimport Celadon from '../Theme';\nimport Cultured from '../Theme';\nimport Charcoal from '../Theme';\n\nconst MuiSelect = {\n root: {\n background: '#FFFFFF',\n padding: '.5rem',\n borderRadius: '3px',\n fontFamily: 'Poppins',\n fontSize: '14px',\n lineHeight: '19px',\n textAlign: 'left',\n color: Charcoal,\n border: `1px solid ${Cultured}`,\n '&:focus': {\n borderRadius: '3px',\n borderColor: 'transparent',\n background: '#FFFFFF',\n },\n },\n select: {\n minWidth: '5.5rem',\n borderRadius: '3px',\n border: `1px solid ${Celadon}`,\n fontSize: '16px',\n lineHeight: '19px',\n '&:focus': {\n borderRadius: '3px',\n borderColor: Celadon,\n background: '#FFFFFF',\n },\n },\n\n selectMenu: {\n background: '#FFFFFF',\n color: Celadon,\n '&:notchedOutline': {\n borderColor: 'transparent !important',\n },\n },\n\n outlined: {\n color: `${Charcoal} !important`,\n borderColor: 'transparent',\n fontSize: '14px',\n lineHeight: '19px',\n '&:hover ': {\n borderColor: 'transparent',\n outline: 'none',\n },\n '&:focus': {\n background: '#FFFFFF',\n borderColor: 'transparent',\n },\n },\n iconOutlined: {\n color: BlueGreen,\n },\n icon: {\n color: Celadon,\n },\n};\n\nexport default MuiSelect;\n","import BlueGreen from '../Theme'\nimport Cultured from '../Theme'\nimport Charcoal from '../Theme'\nconst MuiSwitch = {\n root: {\n overflow: 'visible',\n width: '4rem',\n },\n switchBase: {\n background: 'transparent',\n '&$checked': {\n transform: 'translateX(26px)',\n '&$checked + $track': {\n backgroundColor: Cultured,\n border: 'none',\n boxShadow: 'none',\n width: 36,\n },\n '& $thumb': {\n backgroundColor: BlueGreen,\n boxShadow: '0px 2px 5px rgba(0, 0, 0, 0.25)',\n },\n },\n },\n\n thumb: {\n backgroundColor: Charcoal,\n boxShadow: '0px 2px 5px rgba(0, 0, 0, 0.25)',\n width: 20,\n height: 20,\n },\n track: { backgroundColor: Cultured, width: 36 },\n checked: {},\n};\nexport default MuiSwitch;\n","import { unstable_createMuiStrictModeTheme as createMuiTheme } from '@material-ui/core/styles';\n\nimport overrides from './overrides';\n\nexport const BlueGreen = '#004d40';\nexport const Celadon = '#a5d6a7';\nexport const Charcoal = '#37474f';\nexport const Cultured = '#eceff1';\n\n// const BannerBlue =\n// 'linear-gradient(136.88deg, #2176A7 41.34%, #0AB5FE 102.25%)';\n\nexport default createMuiTheme({\n palette: {\n common: {},\n primary: { main: BlueGreen, contrastText: Cultured },\n secondary: { main: Celadon, contrastText: Charcoal },\n contrastThreshold: 3,\n },\n typography: {\n h1: {},\n h2: {},\n h3: {},\n h4: {},\n h5: {},\n h6: {},\n },\n overrides,\n});\n","import React, { Component } from 'react';\n\nclass ErrorBoundary extends Component {\n constructor(props) {\n super(props);\n this.state = { error: null, errorInfo: null };\n }\n\n componentDidCatch(error, errorInfo) {\n // Catch errors in any components below and re-render with error message\n this.setState({\n error: error,\n errorInfo: errorInfo,\n });\n // You can also log error messages to an error reporting service here\n }\n\n render() {\n if (this.state.errorInfo) {\n // Error path\n return (\n \n
Something went wrong.
\n \n {this.state.error && this.state.error.toString()}\n
\n {this.state.errorInfo.componentStack}\n \n \n );\n }\n // Normally, just render children\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\n\nconst CustomRoute = ({ layout: Layout, component: Component }) => {\n return (\n {\n return (\n \n \n \n );\n }}\n />\n );\n};\n\nexport default CustomRoute;\n","import React from 'react';\nimport { useScrollTrigger, Slide } from '@material-ui/core';\n\n\nconst HideOnScroll = (props) => {\n const { children, window } = props;\n const trigger = useScrollTrigger({ target: window ? window() : undefined });\n\n return (\n \n {children}\n \n );\n};\nexport default HideOnScroll;","import React from 'react';\n\nimport { AppBar, Toolbar, CssBaseline } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport HideOnScroll from './hideOnScroll';\nimport Navigation from './navigation';\n\nconst useStyles = makeStyles((theme) => ({\n appBar: {\n // position: 'relative',\n zIndex: 1301,\n },\n}));\n\nconst Header = () => {\n const classes = useStyles();\n return (\n <>\n \n \n \n \n \n \n \n \n {/* */}\n \n );\n};\nexport default Header;\n","import React from 'react';\n\nconst Footer = () => {\n return Footer
;\n};\n\nexport default Footer;\n","import React from 'react';\nimport { Container } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport Header from './components/header';\nimport Footer from './components/footer';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n minHeight: 'calc(100vh-128px)',\n paddingTop: '2rem',\n paddingBottom: '2rem',\n fallbacks: [\n { minHeight: '-moz-calc(100% - 128px)' },\n { minHeight: '-webkit-calc(100% - 128px)' },\n { minHeight: '-o-calc(100% - 128px)' },\n ],\n },\n}));\n\nconst Main = (props) => {\n const { children } = props;\n const classes = useStyles();\n\n return (\n \n \n {children}\n \n \n );\n};\n\nexport default Main;\n","import React, { Suspense, lazy } from 'react';\nimport { Switch } from 'react-router-dom';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport ErrorBoundary from './components/errorBoundary';\nimport CustomRoute from './components/customRoute';\nimport Main from '../layouts/main';\n\n// const Main = lazy(() => import('layouts/main'));\n\nconst Home = lazy(() => import('../pages/home'));\nconst About = lazy(() => import('../pages/about'));\nconst Projects = lazy(() => import('../pages/projects'));\nconst Games = lazy(() => import('../pages/games'));\nconst Snippets = lazy(() => import('../pages/snippets'));\n\nconst CustomRoutes = () => {\n return (\n }>\n \n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default CustomRoutes;\n","import React from 'react';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport { ThemeProvider } from '@material-ui/core/styles';\nimport theme from './themes';\n\nimport Routes from './routes';\n\nfunction App() {\n return (\n \n \n \n \n \n );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}
\ No newline at end of file