https://jim-junior.github.io/_next/static/chunks/app/layout-a00e253d8e59b2bb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7177],{1491:()=>{},3905:()=>{},4345:(e,t,r)=>{"use strict";r.d(t,{RootLayout:()=>X});var o=r(5155),n=r(9630),l=r(3495),a=r(3340),i=r(2115),c=r(692),s=r(3380);function d(e){let{styles:t,defaultTheme:r={}}=e,n="function"==typeof t?e=>t(null==e||0===Object.keys(e).length?r:e):t;return(0,o.jsx)(s.mL,{styles:n})}let m=i.createContext(null);function h(){return i.useContext(m)}let u="function"==typeof Symbol&&Symbol.for?Symbol.for("mui.nested"):"__THEME_NESTED__",f=function(e){let{children:t,theme:r}=e,l=h(),a=i.useMemo(()=>{var e,t;let o=null===l?r:(e=l,"function"==typeof(t=r)?t(e):(0,n.A)({},e,t));return null!=o&&(o[u]=null!==l),o},[r,l]);return(0,o.jsx)(m.Provider,{value:a,children:t})};var g=r(9199),x=r(5726);let p=["value"],y=i.createContext(),b=function(e){let{value:t}=e,r=(0,l.A)(e,p);return(0,o.jsx)(y.Provider,(0,n.A)({value:null==t||t},r))},S=i.createContext(void 0),v=function(e){let{value:t,children:r}=e;return(0,o.jsx)(S.Provider,{value:t,children:r})},k={};function j(e,t,r){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return i.useMemo(()=>{let l=e&&t[e]||t;if("function"==typeof r){let a=r(l),i=e?(0,n.A)({},t,{[e]:a}):a;return o?()=>i:i}return e?(0,n.A)({},t,{[e]:r}):(0,n.A)({},t,r)},[e,t,r,o])}let C=function(e){let{children:t,theme:r,themeId:n}=e,l=(0,x.A)(k),a=h()||k,i=j(n,l,r),c=j(n,a,r,!0),s="rtl"===i.direction;return(0,o.jsx)(f,{theme:c,children:(0,o.jsx)(g.T.Provider,{value:i,children:(0,o.jsx)(b,{value:s,children:(0,o.jsx)(v,{value:null==i?void 0:i.components,children:t})})})})},w="mode",A="color-scheme",N="data-color-scheme";function E(e){if("undefined"!=typeof window&&"system"===e)return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function I(e,t){return"light"===e.mode||"system"===e.mode&&"light"===e.systemMode?t("light"):"dark"===e.mode||"system"===e.mode&&"dark"===e.systemMode?t("dark"):void 0}function z(e,t){let r;if("undefined"!=typeof window){try{(r=localStorage.getItem(e)||void 0)||localStorage.setItem(e,t)}catch(e){}return r||t}}let $=["colorSchemes","components","generateCssVars","cssVarPrefix"];var M=r(5820),O=r(2512);let T={attribute:"data-joy-color-scheme",colorSchemeStorageKey:"joy-color-scheme",defaultLightColorScheme:"light",defaultDarkColorScheme:"dark",modeStorageKey:"joy-mode"},{CssVarsProvider:_,useColorScheme:P,getInitColorSchemeScript:K}=function(e){let{themeId:t,theme:r={},attribute:s=N,modeStorageKey:m=w,colorSchemeStorageKey:u=A,defaultMode:f="light",defaultColorScheme:g,disableTransitionOnChange:x=!1,resolveTheme:p,excludeVariablesFromRoot:y}=e;r.colorSchemes&&("string"!=typeof g||r.colorSchemes[g])&&("object"!=typeof g||r.colorSchemes[null==g?void 0:g.light])&&("object"!=typeof g||r.colorSchemes[null==g?void 0:g.dark])||console.error(`MUI: \`${g}\` does not exist in \`theme.colorSchemes\`.`);let b=i.createContext(void 0),S="string"==typeof g?g:g.light,v="string"==typeof g?g:g.dark;return{CssVarsProvider:function(e){let{children:a,theme:S=r,modeStorageKey:v=m,colorSchemeStorageKey:k=u,attribute:j=s,defaultMode:N=f,defaultColorScheme:M=g,disableTransitionOnChange:O=x,storageWindow:T="undefined"==typeof window?void 0:window,documentNode:_="undefined"==typeof document?void 0:document,colorSchemeNode:P="undefined"==typeof document?void 0:document.documentElement,colorSchemeSelector:K=":root",disableNestedContext:L=!1,disableStyleSheetGeneration:W=!1}=e,D=i.useRef(!1),F=h(),R=i.useContext(b),H=!!R&&!L,J=S[t],V=J||S,{colorSchemes:U={},components:B={},generateCssVars:q=()=>({vars:{},css:{}}),cssVarPrefix:G}=V,Q=(0,l.A)(V,$),X=Object.keys(U),Y="string"==typeof M?M:M.light,Z="string"==typeof M?M:M.dark,{mode:ee,setMode:et,systemMode:er,lightColorScheme:eo,darkColorScheme:en,colorScheme:el,setColorScheme:ea}=function(e){let{defaultMode:t="light",defaultLightColorScheme:r,defaultDarkColorScheme:o,supportedColorSchemes:l=[],modeStorageKey:a=w,colorSchemeStorageKey:c=A,storageWindow:s="undefined"==typeof window?void 0:window}=e,d=l.join(","),[m,h]=i.useState(()=>{let e=z(a,t),n=z("".concat(c,"-light"),r),l=z("".concat(c,"-dark"),o);return{mode:e,systemMode:E(e),lightColorScheme:n,darkColorScheme:l}}),u=I(m,e=>"light"===e?m.lightColorScheme:"dark"===e?m.darkColorScheme:void 0),f=i.useCallback(e=>{h(r=>{if(e===r.mode)return r;let o=null!=e?e:t;try{localStorage.setItem(a,o)}catch(e){}return(0,n.A)({},r,{mode:o,systemMode:E(o)})})},[a,t]),g=i.useCallback(e=>{e?"string"==typeof e?e&&!d.includes(e)?console.error("`".concat(e,"` does not exist in `theme.colorSchemes`.")):h(t=>{let r=(0,n.A)({},t);return I(t,t=>{try{localStorage.setItem("".concat(c,"-").concat(t),e)}catch(e){}

1"light"===t&&(r.lightColorScheme=e),"dark"===t&&(r.darkColorScheme=e)}),r}):h(t=>{let l=(0,n.A)({},t),a=null===e.light?r:e.light,i=null===e.dark?o:e.dark;if(a)if(d.includes(a)){l.lightColorScheme=a;try{localStorage.setItem("".concat(c,"-light"),a)}catch(e){}}else console.error("`".concat(a,"` does not exist in `theme.colorSchemes`."));if(i)if(d.includes(i)){l.darkColorScheme=i;try{localStorage.setItem("".concat(c,"-dark"),i)}catch(e){}}else console.error("`".concat(i,"` does not exist in `theme.colorSchemes`."));return l}):h(e=>{try{localStorage.setItem("".concat(c,"-light"),r),localStorage.setItem("".concat(c,"-dark"),o)}catch(e){}return(0,n.A)({},e,{lightColorScheme:r,darkColorScheme:o})})},[d,c,r,o]),x=i.useCallback(e=>{"system"===m.mode&&h(t=>{let r=null!=e&&e.matches?"dark":"light";return t.systemMode===r?t:(0,n.A)({},t,{systemMode:r})})},[m.mode]),p=i.useRef(x);return p.current=x,i.useEffect(()=>{let e=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return p.current(...t)},t=window.matchMedia("(prefers-color-scheme: dark)");return t.addListener(e),e(t),()=>{t.removeListener(e)}},[]),i.useEffect(()=>{if(s){let e=e=>{let r=e.newValue;"string"==typeof e.key&&e.key.startsWith(c)&&(!r||d.match(r))&&(e.key.endsWith("light")&&g({light:r}),e.key.endsWith("dark")&&g({dark:r})),e.key===a&&(!r||["light","dark","system"].includes(r))&&f(r||t)};return s.addEventListener("storage",e),()=>{s.removeEventListener("storage",e)}}},[g,f,a,c,d,t,s]),(0,n.A)({},m,{colorScheme:u,setMode:f,setColorScheme:g})}({supportedColorSchemes:X,defaultLightColorScheme:Y,defaultDarkColorScheme:Z,modeStorageKey:v,colorSchemeStorageKey:k,defaultMode:N,storageWindow:T}),ei=ee,ec=el;H&&(ei=R.mode,ec=R.colorScheme);let es=ei||("system"===N?f:N),ed=ec?ec:"dark"===es?Z:Y,{css:em,vars:eh}=q(),eu=(0,n.A)({},Q,{components:B,colorSchemes:U,cssVarPrefix:G,vars:eh,getColorSchemeSelector:e=>`[${j}="${e}"] &`}),ef={},eg={};

1Object.entries(U).forEach(([e,t])=>{let{css:r,vars:o}=q(e);if(eu.vars=(0,c.A)(eu.vars,o),e===ed&&(Object.keys(t).forEach(e=>{t[e]&&"object"==typeof t[e]?eu[e]=(0,n.A)({},eu[e],t[e]):eu[e]=t[e]}),eu.palette&&(eu.palette.colorScheme=e)),e===("string"==typeof M?M:"dark"===N?M.dark:M.light)){if(y){let t={};y(G).forEach(e=>{t[e]=r[e],delete r[e]}),ef[`[${j}="${e}"]`]=t}ef[`${K}, [${j}="${e}"]`]=r}else eg[`${":root"===K?"":K}[${j}="${e}"]`]=r}),eu.vars=(0,c.A)(eu.vars,eh),i.useEffect(()=>{ec&&P&&P.setAttribute(j,ec)},[ec,j,P]),i.useEffect(()=>{let e;if(O&&D.current&&_){let t=_.createElement("style");t.appendChild(_.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),_.head.appendChild(t),window.getComputedStyle(_.body),e=setTimeout(()=>{_.head.removeChild(t)},1)}return()=>{clearTimeout(e)}},[ec,O,_]),i.useEffect(()=>(D.current=!0,()=>{D.current=!1}),[]);let ex=i.useMemo(()=>({allColorSchemes:X,colorScheme:ec,darkColorScheme:en,lightColorScheme:eo,mode:ei,setColorScheme:ea,setMode:et,systemMode:er}),[X,ec,en,eo,ei,ea,et,er]),ep=!0;(W||H&&(null==F?void 0:F.cssVarPrefix)===G)&&(ep=!1);let ey=(0,o.jsxs)(i.Fragment,{children:[ep&&(0,o.jsxs)(i.Fragment,{children:[(0,o.jsx)(d,{styles:{[K]:em}}),(0,o.jsx)(d,{styles:ef}),(0,o.jsx)(d,{styles:eg})]}),(0,o.jsx)(C,{themeId:J?t:void 0,theme:p?p(eu):eu,children:a})]});return H?ey:(0,o.jsx)(b.Provider,{value:ex,children:ey})},useColorScheme:()=>{let e=i.useContext(b);if(!e)throw Error((0,a.A)(19));return e},getInitColorSchemeScript:e=>(function(e){let{defaultMode:t="light",defaultLightColorScheme:r="light",defaultDarkColorScheme:n="dark",modeStorageKey:l=w,colorSchemeStorageKey:a=A,attribute:i=N,colorSchemeNode:c="document.documentElement",nonce:s}=e||{};return(0,o.jsx)("script",{suppressHydrationWarning:!0,nonce:"undefined"==typeof window?s:"",dangerouslySetInnerHTML:{__html:`(function() {
2try {
3  var mode = localStorage.getItem('${l}') || '${t}';
4  var colorScheme = '';
5  if (mode === 'system') {
6    // handle system mode
7    var mql = window.matchMedia('(prefers-color-scheme: dark)');
8    if (mql.matches) {
9      colorScheme = localStorage.getItem('${a}-dark') || '${n}';
10    } else {
11      colorScheme = localStorage.getItem('${a}-light') || '${r}';
12    }
13  }
14  if (mode === 'light') {
15    colorScheme = localStorage.getItem('${a}-light') || '${r}';
16  }
17  if (mode === 'dark') {
18    colorScheme = localStorage.getItem('${a}-dark') || '${n}';
19  }
20  if (colorScheme) {
21    ${c}.setAttribute('${i}', colorScheme);
22  }
23} catch(e){}})();`}},"mui-color-scheme-init")})((0,n.A)({attribute:s,colorSchemeStorageKey:u,defaultMode:f,defaultLightColorScheme:S,defaultDarkColorScheme:v,modeStorageKey:m},e))}}({themeId:O.A,theme:M.A,attribute:T.attribute,modeStorageKey:T.modeStorageKey,colorSchemeStorageKey:T.colorSchemeStorageKey,defaultColorScheme:{light:T.defaultLightColorScheme,dark:T.defaultDarkColorScheme}});var L=r(9651);let W=function(e){let{styles:t,themeId:r,defaultTheme:n={}}=e,l=(0,L.A)(n),a="function"==typeof t?t(r&&l[r]||l):t;return(0,o.jsx)(d,{styles:a})},D=function(e){return(0,o.jsx)(W,(0,n.A)({},e,{defaultTheme:M.A,themeId:O.A}))},F=function(e){let{children:t,disableColorScheme:r=!1}=e;return(0,o.jsxs)(i.Fragment,{children:[(0,o.jsx)(D,{styles:e=>{var t,o;let l={};r||Object.entries(e.colorSchemes).forEach(t=>{var r;let[o,n]=t;l[e.getColorSchemeSelector(o).replace(/\s*&/,"")]={colorScheme:null==(r=n.palette)?void 0:r.mode}});let a=null!=(t=null==(o=e.components)||null==(o=o.JoyTypography)||null==(o=o.defaultProps)?void 0:o.level)?t:"body-md";return(0,n.A)({html:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box",WebkitTextSizeAdjust:"100%"},"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.vars.fontWeight.lg},body:(0,n.A)({margin:0,color:e.vars.palette.text.primary,fontFamily:e.vars.fontFamily.body},e.typography[a],{backgroundColor:e.vars.palette.background.body,"@media print":{backgroundColor:e.vars.palette.common.white},"&::backdrop":{backgroundColor:e.vars.palette.background.backdrop}})},l)},defaultTheme:M.A}),t]})};var R=r(6874),H=r.n(R),J=r(8999),V=r(9911);let U=[{label:"About",href:"/"},{label:"Experience",href:"/experience"},{label:"Projects",href:"/projects"},{label:"Blog",href:"/blog"},{label:"Notes",href:"/notes"}],B=()=>{let[e,t]=(0,i.useState)(!1),r=(0,J.usePathname)(),n=e=>"/"===e?"/"===r:r.startsWith(e);return(0,o.jsxs)("nav",{className:"fixed left-0 top-0 z-50 w-full bg-white/80 shadow-[0px_10px_30px_rgba(26,28,29,0.04)] backdrop-blur-md dark:bg-zinc-950/80",children:[(0,o.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 lg:px-12",children:[(0,o.jsx)(H(),{href:"/",className:"text-xl font-bold tracking-tighter text-zinc-900 dark:text-zinc-50",children:"JIM JUNIOR"}),(0,o.jsxs)("div",{className:"flex items-center gap-6 md:gap-8",children:[(0,o.jsx)("div",{className:"hidden gap-6 md:flex",children:U.map(e=>{let t=n(e.href);return(0,o.jsx)(H(),{href:e.href,"aria-current":t?"page":void 0,className:"border-b text-[0.6875rem] font-bold uppercase tracking-[0.1em] transition-colors duration-200 ".concat(t?"border-blue-600 text-blue-600 dar

23k:border-blue-500 dark:text-blue-500":"border-transparent text-zinc-500 hover:text-blue-600 dark:text-zinc-400"),children:e.label},e.href)})}),(0,o.jsx)("button",{type:"button",className:"scale-95 text-zinc-900 transition-transform active:opacity-80 dark:text-zinc-50","aria-label":"Open terminal",children:(0,o.jsx)(V.iuJ,{size:24,strokeWidth:1.5})}),(0,o.jsx)("button",{type:"button",className:"p-1 text-zinc-900 transition-transform active:opacity-80 dark:text-zinc-50 md:hidden",onClick:()=>t(e=>!e),"aria-label":"Toggle menu","aria-expanded":e,children:e?(0,o.jsx)(V.QCr,{size:24}):(0,o.jsx)(V.OXb,{size:24})})]})]}),e&&(0,o.jsx)("div",{className:"absolute left-0 top-full flex w-full origin-top animate-in flex-col gap-2 border-t border-zinc-100 bg-white px-6 py-4 shadow-xl duration-200 fade-in slide-in-from-top-2 dark:border-zinc-900 dark:bg-zinc-950 md:hidden",children:U.map(e=>{let r=n(e.href);return(0,o.jsxs)(H(),{href:e.href,"aria-current":r?"page":void 0,onClick:()=>t(!1),className:"py-2 text-[0.75rem] font-bold uppercase tracking-[0.1em] transition-colors duration-200 ".concat(r?"text-blue-600 dark:text-blue-500":"text-zinc-500 hover:text-blue-600 dark:text-zinc-400"),children:["/",e.label.toLowerCase()]},e.href)})})]})};var q=r(9432);let G=[{name:"GITHUB",url:"https://github.com/jim-junior",icon:(0,o.jsx)(V.hL4,{})},{name:"LINKEDIN",url:"https://www.linkedin.com/in/jim-junior-beingana/",icon:(0,o.jsx)(V.QEs,{})},{name:"MEDIUM",url:"https://jimjunior.medium.com/",icon:(0,o.jsx)(V.DC0,{})},{name:"DEV.TO",url:"https://dev.to/jimjunior",icon:(0,o.jsx)(V.fKW,{})},{name:"MASTODON",url:"https://infosec.exchange/@jimjunior",icon:(0,o.jsx)(V.hHC,{})},{name:"CNCF",url:"https://community.cncf.io/u/mm8h43/",icon:(0,o.jsx)(q.nBt,{})}],Q=()=>(0,o.jsxs)("footer",{className:"w-full py-12 px-6 lg:px-12 flex flex-col md:flex-row justify-between items-center gap-6 border-t border-zinc-200/20 bg-zinc-50 dark:bg-zinc-900",children:[(0,o.jsx)("div",{className:"text-[0.6875rem] uppercase tracking-widest text-zinc-500",children:"\xa9 2024 JIM JUNIOR. ENGINEERED WITH PRECISION."}),(0,o.jsx)("div",{className:"flex gap-6",children:G.map(e=>(0,o.jsxs)("a",{href:e.url,className:"text-zinc-500 hover:text-[#0053a1] transition-colors flex items-center gap-2",target:"_blank",rel:"noopener noreferrer",children:[e.icon,(0,o.jsx)("span",{className:"sr-only",children:e.name})]},e.name))})]});function X(e){let{children:t}=e;return(0,o.jsxs)(_,{disableTransitionOnChange:!0,children:[(0,o.jsx)(F,{}),(0,o.jsxs)("div",{className:"bg-[#f9f9fa] text-[#1a1c1d] selection:bg-[#0053a1]/10 selection:text-[#0053a1] min-h-screen",children:[(0,o.jsx)("div",{className:"fixed inset-0 dot-grid -z-10 pointer-events-none"}),(0,o.jsx)(B,{}),(0,o.jsx)("main",{className:"pt-32 pb-24 px-6 lg:px-12 max-w-7xl mx-auto",children:t}),(0,o.jsx)(Q,{})]})]})}},4812:(e,t,r)=>{Promise.resolve().then(r.bind(r,4345)),Promise.resolve().then(r.t.bind(r,1491,23)),Promise.resolve().then(r.t.bind(r,3905,23))}},e=>{e.O(0,[562,7992,6711,2362,6874,2945,8441,5964,7358],()=>e(e.s=4812)),_N_E=e.O()}]);