diff --git a/packages/mr-solid/dist/bundle.js b/packages/mr-solid/dist/bundle.js
index d169bf5..8ba7fb5 100644
--- a/packages/mr-solid/dist/bundle.js
+++ b/packages/mr-solid/dist/bundle.js
@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-0{margin-top:0;margin-bottom:0}.my-0\\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-2\\/6{height:33.333333%}.h-4{height:1rem}.h-4\\/6{height:66.666667%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\\[85vh\\]{height:85vh}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-\\[5rem\\]{min-height:5rem}.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.w-1\\/2{width:50%}.w-11\\/12{width:91.666667%}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-9\\/12{width:75%}.w-\\[60vw\\]{width:60vw}.w-\\[80vw\\]{width:80vw}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2.5rem * var(--tw-space-x-reverse));margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.text-nowrap{text-wrap:nowrap}.rounded-\\[10px\\]{border-radius:10px}.rounded-lg{border-radius:.5rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border,.border-\\[1px\\]{border-width:1px}.border-\\[rgba\\(255\\,255\\,255\\,0\\.18\\)\\]{border-color:#ffffff2e}.border-\\[solid\\]{border-color:solid}.border-transparent{border-color:transparent}.bg-\\[rgba\\(_0\\,_0\\,_0\\,_0\\.55_\\)\\]{background-color:#0000008c}.bg-green-800{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity))}.bg-purple-800{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-regal-blue-400{--tw-gradient-from: #23bcff var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 188 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-regal-blue-700{--tw-gradient-to: #0066b3 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-5{padding:1.25rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.py-0{padding-top:0;padding-bottom:0}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-normal{line-height:1.5}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-regal-blue-100{--tw-text-opacity: 1;color:rgb(221 242 255 / var(--tw-text-opacity))}.text-regal-blue-300{--tw-text-opacity: 1;color:rgb(111 210 255 / var(--tw-text-opacity))}.text-regal-blue-50{--tw-text-opacity: 1;color:rgb(238 248 255 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.\\[box-shadow\\:0_8px_32px_0_rgba\\(_31\\,_38\\,_135\\,_0\\.37_\\)\\]{box-shadow:0 8px 32px #1f26875e}@layer{svg.nav .svg-elem-1{stroke-dashoffset:20px;stroke-dasharray:20px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) 0s}svg.nav.active .svg-elem-1{stroke-dashoffset:0}svg.nav .svg-elem-2{stroke-dashoffset:20px;stroke-dasharray:20px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) .12s}svg.nav.active .svg-elem-2{stroke-dashoffset:0}svg.nav .svg-elem-3{stroke-dashoffset:20px;stroke-dasharray:20px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) .24s}svg.nav.active .svg-elem-3{stroke-dashoffset:0}svg.nav .svg-elem-4{stroke-dashoffset:31.656723022460938px;stroke-dasharray:31.656723022460938px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) 0s}svg.nav.active .svg-elem-4{stroke-dashoffset:0}svg.nav .svg-elem-5{stroke-dashoffset:78.8388442993164px;stroke-dasharray:78.8388442993164px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) 0s}svg.nav.active .svg-elem-5{stroke-dashoffset:0}p.navIconLabel{color:transparent;transition:color .5s cubic-bezier(.47,0,.745,.715) 0s}p.navIconLabel.active{color:#ddf2ff}}.before\\:size-6:before{content:var(--tw-content);width:1.5rem;height:1.5rem}.before\\:size-7:before{content:var(--tw-content);width:1.75rem;height:1.75rem}.before\\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}.before\\:text-gray-700:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.before\\:text-regal-blue-100:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(221 242 255 / var(--tw-text-opacity))}.dark\\:rounded-\\[10px\\]:is(.dark *){border-radius:10px}.dark\\:border-\\[1px\\]:is(.dark *){border-width:1px}.dark\\:border-\\[rgba\\(255\\,255\\,255\\,0\\.18\\)\\]:is(.dark *){border-color:#ffffff2e}.dark\\:border-\\[solid\\]:is(.dark *){border-color:solid}.dark\\:bg-\\[rgba\\(_0\\,_0\\,_0\\,_0\\.7_\\)\\]:is(.dark *){background-color:#000000b3}.dark\\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.dark\\:from-gray-900:is(.dark *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\\:to-gray-950:is(.dark *){--tw-gradient-to: #030712 var(--tw-gradient-to-position)}.dark\\:text-regal-blue-50:is(.dark *){--tw-text-opacity: 1;color:rgb(238 248 255 / var(--tw-text-opacity))}.dark\\:backdrop-blur-\\[14\\.5px\\]:is(.dark *){--tw-backdrop-blur: blur(14.5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\\:backdrop-filter:is(.dark *){-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\\:\\[box-shadow\\:0_8px_32px_0_rgba\\(_31\\,_38\\,_135\\,_0\\.37_\\)\\]:is(.dark *){box-shadow:0 8px 32px #1f26875e}@media (min-width: 768px){.md\\:mt-2{margin-top:.5rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-full{height:100%}.md\\:w-4\\/12{width:33.333333%}.md\\:w-8\\/12{width:66.666667%}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-end{align-items:flex-end}.md\\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\\:text-sm{font-size:.875rem;line-height:1.25rem}.md\\:leading-loose{line-height:2}}@media (min-width: 1024px){.lg\\:ml-0{margin-left:0}.lg\\:ml-2{margin-left:.5rem}.lg\\:mr-1{margin-right:.25rem}.lg\\:mt-2{margin-top:.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:h-\\[65vh\\]{height:65vh}.lg\\:w-3\\/12{width:25%}.lg\\:w-9\\/12{width:75%}.lg\\:flex-col{flex-direction:column}.lg\\:justify-center{justify-content:center}.lg\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.lg\\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\\:before\\:size-7:before{content:var(--tw-content);width:1.75rem;height:1.75rem}.lg\\:before\\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}}@media (min-width: 768px){@media (orientation: landscape){.md\\:landscape\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.md\\:landscape\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}}}')),document.head.appendChild(e),document.addEventListener("astro:page-load",()=>{var t=document.createElement("style");t.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-0{margin-top:0;margin-bottom:0}.my-0\\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-2\\/6{height:33.333333%}.h-4{height:1rem}.h-4\\/6{height:66.666667%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\\[85vh\\]{height:85vh}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-\\[5rem\\]{min-height:5rem}.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.w-1\\/2{width:50%}.w-11\\/12{width:91.666667%}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-9\\/12{width:75%}.w-\\[60vw\\]{width:60vw}.w-\\[80vw\\]{width:80vw}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2.5rem * var(--tw-space-x-reverse));margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.text-nowrap{text-wrap:nowrap}.rounded-\\[10px\\]{border-radius:10px}.rounded-lg{border-radius:.5rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border,.border-\\[1px\\]{border-width:1px}.border-\\[rgba\\(255\\,255\\,255\\,0\\.18\\)\\]{border-color:#ffffff2e}.border-\\[solid\\]{border-color:solid}.border-transparent{border-color:transparent}.bg-\\[rgba\\(_0\\,_0\\,_0\\,_0\\.55_\\)\\]{background-color:#0000008c}.bg-green-800{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity))}.bg-purple-800{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-regal-blue-400{--tw-gradient-from: #23bcff var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 188 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-regal-blue-700{--tw-gradient-to: #0066b3 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-5{padding:1.25rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.py-0{padding-top:0;padding-bottom:0}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-normal{line-height:1.5}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-regal-blue-100{--tw-text-opacity: 1;color:rgb(221 242 255 / var(--tw-text-opacity))}.text-regal-blue-300{--tw-text-opacity: 1;color:rgb(111 210 255 / var(--tw-text-opacity))}.text-regal-blue-50{--tw-text-opacity: 1;color:rgb(238 248 255 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.\\[box-shadow\\:0_8px_32px_0_rgba\\(_31\\,_38\\,_135\\,_0\\.37_\\)\\]{box-shadow:0 8px 32px #1f26875e}@layer{svg.nav .svg-elem-1{stroke-dashoffset:20px;stroke-dasharray:20px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) 0s}svg.nav.active .svg-elem-1{stroke-dashoffset:0}svg.nav .svg-elem-2{stroke-dashoffset:20px;stroke-dasharray:20px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) .12s}svg.nav.active .svg-elem-2{stroke-dashoffset:0}svg.nav .svg-elem-3{stroke-dashoffset:20px;stroke-dasharray:20px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) .24s}svg.nav.active .svg-elem-3{stroke-dashoffset:0}svg.nav .svg-elem-4{stroke-dashoffset:31.656723022460938px;stroke-dasharray:31.656723022460938px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) 0s}svg.nav.active .svg-elem-4{stroke-dashoffset:0}svg.nav .svg-elem-5{stroke-dashoffset:78.8388442993164px;stroke-dasharray:78.8388442993164px;transition:stroke-dashoffset .3s cubic-bezier(.47,0,.745,.715) 0s}svg.nav.active .svg-elem-5{stroke-dashoffset:0}p.navIconLabel{color:transparent;transition:color .5s cubic-bezier(.47,0,.745,.715) 0s}p.navIconLabel.active{color:#ddf2ff}}.before\\:size-6:before{content:var(--tw-content);width:1.5rem;height:1.5rem}.before\\:size-7:before{content:var(--tw-content);width:1.75rem;height:1.75rem}.before\\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}.before\\:text-gray-700:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.before\\:text-regal-blue-100:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(221 242 255 / var(--tw-text-opacity))}.dark\\:rounded-\\[10px\\]:is(.dark *){border-radius:10px}.dark\\:border-\\[1px\\]:is(.dark *){border-width:1px}.dark\\:border-\\[rgba\\(255\\,255\\,255\\,0\\.18\\)\\]:is(.dark *){border-color:#ffffff2e}.dark\\:border-\\[solid\\]:is(.dark *){border-color:solid}.dark\\:bg-\\[rgba\\(_0\\,_0\\,_0\\,_0\\.7_\\)\\]:is(.dark *){background-color:#000000b3}.dark\\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.dark\\:from-gray-900:is(.dark *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\\:to-gray-950:is(.dark *){--tw-gradient-to: #030712 var(--tw-gradient-to-position)}.dark\\:text-regal-blue-50:is(.dark *){--tw-text-opacity: 1;color:rgb(238 248 255 / var(--tw-text-opacity))}.dark\\:backdrop-blur-\\[14\\.5px\\]:is(.dark *){--tw-backdrop-blur: blur(14.5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\\:backdrop-filter:is(.dark *){-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\\:\\[box-shadow\\:0_8px_32px_0_rgba\\(_31\\,_38\\,_135\\,_0\\.37_\\)\\]:is(.dark *){box-shadow:0 8px 32px #1f26875e}@media (min-width: 768px){.md\\:mt-2{margin-top:.5rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-full{height:100%}.md\\:w-4\\/12{width:33.333333%}.md\\:w-8\\/12{width:66.666667%}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-end{align-items:flex-end}.md\\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\\:text-sm{font-size:.875rem;line-height:1.25rem}.md\\:leading-loose{line-height:2}}@media (min-width: 1024px){.lg\\:ml-0{margin-left:0}.lg\\:ml-2{margin-left:.5rem}.lg\\:mr-1{margin-right:.25rem}.lg\\:mt-2{margin-top:.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:h-\\[65vh\\]{height:65vh}.lg\\:w-3\\/12{width:25%}.lg\\:w-9\\/12{width:75%}.lg\\:flex-col{flex-direction:column}.lg\\:justify-center{justify-content:center}.lg\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.lg\\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\\:before\\:size-7:before{content:var(--tw-content);width:1.75rem;height:1.75rem}.lg\\:before\\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}}@media (min-width: 768px){@media (orientation: landscape){.md\\:landscape\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.md\\:landscape\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}}}')),document.head.appendChild(t)})}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import{sharedConfig as j,createRenderEffect as k,createSignal as M,createEffect as W,createComponent as u,Show as w,For as P}from"solid-js";function z(t,i,e){let o=e.length,l=i.length,r=o,n=0,s=0,a=i[l-1].nextSibling,f=null;for(;n<l||s<r;){if(i[n]===e[s]){n++,s++;continue}for(;i[l-1]===e[r-1];)l--,r--;if(l===n){const c=r<o?s?e[s-1].nextSibling:e[r-s]:a;for(;s<r;)t.insertBefore(e[s++],c)}else if(r===s)for(;n<l;)(!f||!f.has(i[n]))&&i[n].remove(),n++;else if(i[n]===e[r-1]&&e[s]===i[l-1]){const c=i[--l].nextSibling;t.insertBefore(e[s++],i[n++].nextSibling),t.insertBefore(e[--r],c),i[l]=e[r]}else{if(!f){f=new Map;let p=s;for(;p<r;)f.set(e[p],p++)}const c=f.get(i[n]);if(c!=null)if(s<c&&c<r){let p=n,d=1,m;for(;++p<l&&p<r&&!((m=f.get(i[p]))==null||m!==c+d);)d++;if(d>c-s){const b=i[n];for(;s<c;)t.insertBefore(e[s++],b)}else t.replaceChild(e[s++],i[n++])}else n++;else i[n++].remove()}}}const q="_$DX_DELEGATE";function x(t,i,e){let o;const l=()=>{const n=document.createElement("template");return n.innerHTML=t,n.content.firstChild},r=()=>(o||(o=l())).cloneNode(!0);return r.cloneNode=r,r}function I(t,i=window.document){const e=i[q]||(i[q]=new Set);for(let o=0,l=t.length;o<l;o++){const r=t[o];e.has(r)||(e.add(r),i.addEventListener(r,Y))}}function C(t,i,e){j.context&&t.isConnected||(e==null?t.removeAttribute(i):t.setAttribute(i,e))}function _(t,i){j.context&&t.isConnected||(i==null?t.removeAttribute("class"):t.className=i)}function R(t,i,e,o){Array.isArray(e)?(t[`$$${i}`]=e[0],t[`$$${i}Data`]=e[1]):t[`$$${i}`]=e}function h(t,i,e,o){if(e!==void 0&&!o&&(o=[]),typeof i!="function")return L(t,i,o,e);k(l=>L(t,i(),l,e),o)}function Y(t){const i=`$$${t.type}`;let e=t.composedPath&&t.composedPath()[0]||t.target;for(t.target!==e&&Object.defineProperty(t,"target",{configurable:!0,value:e}),Object.defineProperty(t,"currentTarget",{configurable:!0,get(){return e||document}}),j.registry&&!j.done&&(j.done=_$HY.done=!0);e;){const o=e[i];if(o&&!e.disabled){const l=e[`${i}Data`];if(l!==void 0?o.call(e,l,t):o.call(e,t),t.cancelBubble)return}e=e._$host||e.parentNode||e.host}}function L(t,i,e,o,l){const r=!!j.context&&t.isConnected;if(r){!e&&(e=[...t.childNodes]);let a=[];for(let f=0;f<e.length;f++){const c=e[f];c.nodeType===8&&c.data.slice(0,2)==="!$"?c.remove():a.push(c)}e=a}for(;typeof e=="function";)e=e();if(i===e)return e;const n=typeof i,s=o!==void 0;if(t=s&&e[0]&&e[0].parentNode||t,n==="string"||n==="number"){if(r)return e;if(n==="number"&&(i=i.toString()),s){let a=e[0];a&&a.nodeType===3?a.data!==i&&(a.data=i):a=document.createTextNode(i),e=S(t,e,o,a)}else e!==""&&typeof e=="string"?e=t.firstChild.data=i:e=t.textContent=i}else if(i==null||n==="boolean"){if(r)return e;e=S(t,e,o)}else{if(n==="function")return k(()=>{let a=i();for(;typeof a=="function";)a=a();e=L(t,a,e,o)}),()=>e;if(Array.isArray(i)){const a=[],f=e&&Array.isArray(e);if(T(a,i,e,l))return k(()=>e=L(t,a,e,o,!0)),()=>e;if(r){if(!a.length)return e;if(o===void 0)return[...t.childNodes];let c=a[0],p=[c];for(;(c=c.nextSibling)!==o;)p.push(c);return e=p}if(a.length===0){if(e=S(t,e,o),s)return e}else f?e.length===0?O(t,a,o):z(t,e,a):(e&&S(t),O(t,a));e=a}else if(i.nodeType){if(r&&i.parentNode)return e=s?[i]:i;if(Array.isArray(e)){if(s)return e=S(t,e,o,i);S(t,e,null,i)}else e==null||e===""||!t.firstChild?t.appendChild(i):t.replaceChild(i,t.firstChild);e=i}}return e}function T(t,i,e,o){let l=!1;for(let r=0,n=i.length;r<n;r++){let s=i[r],a=e&&e[t.length],f;if(!(s==null||s===!0||s===!1))if((f=typeof s)=="object"&&s.nodeType)t.push(s);else if(Array.isArray(s))l=T(t,s,a)||l;else if(f==="function")if(o){for(;typeof s=="function";)s=s();l=T(t,Array.isArray(s)?s:[s],Array.isArray(a)?a:[a])||l}else t.push(s),l=!0;else{const c=String(s);a&&a.nodeType===3&&a.data===c?t.push(a):t.push(document.createTextNode(c))}}return l}function O(t,i,e=null){for(let o=0,l=i.length;o<l;o++)t.insertBefore(i[o],e)}function S(t,i,e,o){if(e===void 0)return t.textContent="";const l=o||document.createTextNode("");if(i.length){let r=!1;for(let n=i.length-1;n>=0;n--){const s=i[n];if(l!==s){const a=s.parentNode===t;!r&&!n?a?t.replaceChild(l,s):t.insertBefore(l,e):a&&s.remove()}else r=!0}}else t.insertBefore(l,e);return[l]}var U=x('<div class="navButton cursor-pointer flex flex-row space-x-2 items-center justify-center text-xs font-medium text-regal-blue-50 dark:text-regal-blue-50 text-center">');function B(t){return(()=>{var i=U();return R(i,"click",t.onClick),k(e=>{var o=t.path,l=t.icon+'<p class="navIconLabel hidden md:flex">'+t.label+"</p>";return o!==e.e&&C(i,"data-path",e.e=o),l!==e.t&&(i.innerHTML=e.t=l),e},{e:void 0,t:void 0}),i})()}I(["click"]);var G=x('<div class="flex flex-row md:flex-col items-start justify-start w-full h-fit absolute p-1.5"><div class="flex flex-col items-start justify-start w-fit h-fit navDiv mt-0.5 ml-0.5 lg:mt-2 lg:ml-2"><ul class="flex flex-row lg:flex-col items-center justify-center w-fit h-fit space-y-0 md:landscape:space-y-4 lg:space-y-4 space-x-5 md:landscape:space-x-0 lg:space-x-0 list-none">');function J(t){const[i,e]=M(!0);return W(()=>{(i()||!i())&&(setTimeout(function(){document.querySelectorAll("svg.nav").forEach(o=>o.classList.add("active"))},300),setTimeout(function(){document.querySelectorAll("p.navIconLabel").forEach(o=>o.classList.add("active"))},300))}),(()=>{var o=G(),l=o.firstChild,r=l.firstChild;return h(l,u(w,{get when(){return i()},get children(){return u(B,{icon:'<svg class="nav w-6 h-6" stroke-width="1.2" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ddf2ff" viewBox="2.55 4.55 18.9 14.9"><path d="M3 5H21" stroke="#ddf2ff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-1"></path><path d="M3 12H21" stroke="#ddf2ff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-2"></path><path d="M3 19H21" stroke="#ddf2ff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-3"></path></svg>',label:"Menu",onClick:()=>{document.querySelectorAll("svg.nav").forEach(n=>n.classList.remove("active")),document.querySelectorAll("p.navIconLabel").forEach(n=>n.classList.remove("active")),setTimeout(function(){e(!1);let n=new Event("navClosed"),s=new Event("navOpened");i()||document.dispatchEvent(s),i()&&document.dispatchEvent(n)},300)}})}}),r),h(r,u(w,{get when(){return!i()},get children(){return[u(B,{icon:'<svg class="nav w-4 h-4 lg:mr-1 ml-1 lg:ml-0" stroke-width="0.8" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ddf2ff" viewBox="6.31 6.31 11.39 11.39"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="#ddf2ff" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-4"></path></svg>',label:"Close",onClick:()=>{document.querySelectorAll("svg.nav").forEach(n=>n.classList.remove("active")),document.querySelectorAll("p.navIconLabel").forEach(n=>n.classList.remove("active")),setTimeout(function(){e(!0);let n=new Event("navClosed"),s=new Event("navOpened");i()||document.dispatchEvent(s),i()&&document.dispatchEvent(n)},300)}}),u(P,{get each(){return t.navItems},children:(n,s)=>(s(),u(B,{get icon(){return n.icon},get label(){return n.label},get path(){return n.path}}))})]}})),o})()}const N=M([]);var Q=x("<div><p class=skillIconLabel>");function X(t){const i=(l,r)=>l.length!==0&&(l.includes(r)||l.map(n=>n.includes(r)).reduce((n,s)=>n&&s)),[e,o]=N;return(()=>{var l=Q(),r=l.firstChild;return l.$$click=()=>{t.link&&t.link!==""&&window.open(t.link)},l.$$mouseout=()=>{e().length===1&&o([])},l.$$mouseover=()=>{e().length===0&&o([t.skill])},h(r,()=>t.label),k(n=>{var s="skillButton cursor-pointer min-w-fit flex flex-row space-x-1.5 items-center justify-center py-1 mx-2 my-1 px-1.5 text-sm font-medium text-regal-blue-50 dark:text-regal-blue-50 border rounded-lg "+(i(e(),t.skill)?t.category==="front-end"?"bg-green-800 dark:bg-green-850 border-transparent":t.category==="back-end"?"bg-purple-800 dark:bg-purple-850 border-transparent":"":"bg-slate-800 dark:bg-slate-900 border-transparent"),a=t.skill;return s!==n.e&&_(l,n.e=s),a!==n.t&&C(l,"data-skill",n.t=a),n},{e:void 0,t:void 0}),l})()}I(["mouseover","mouseout","click"]);var K=x('<div class="rounded-t-none w-[60vw] min-h-[5rem] h-fit bg-[rgba(_0,_0,_0,_0.55_)] [box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] backdrop-filter backdrop-blur-[2px] rounded-[10px] border-[1px] border-[solid] border-[rgba(255,255,255,0.18)] dark:bg-[rgba(_0,_0,_0,_0.7_)] dark:[box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] dark:backdrop-filter dark:backdrop-blur-[14.5px] dark:rounded-[10px] dark:border-[1px] dark:border-[solid] dark:border-[rgba(255,255,255,0.18)] hidden md:hidden lg:flex flex-row justify-start items-center px-0 md:px-5 lg:px-10"><div class="flex flex-row flex-wrap w-12/12 h-11/12 py-2 justify-center items-center">');function Z(t){return(()=>{var i=K(),e=i.firstChild;return h(e,u(P,{get each(){return t.skills},children:(o,l)=>u(X,{get label(){return o.label},get skill(){return o.skill},get category(){return o.category},get link(){return o.link}})})),i})()}const D=()=>[{label:"CSS",skill:"css",category:"front-end",link:""},{label:"JS",skill:"js",category:"front-end",link:""},{label:"Typescript",skill:"ts",category:"front-end",link:""},{label:"Java",skill:"java",category:"back-end",link:""},{label:"Python",skill:"python",category:"back-end",link:"https://www.python.org/"},{label:"Golang",skill:"golang",category:"back-end",link:"https://go.dev/"},{label:"SQL",skill:"sql",category:"back-end",link:""},{label:"Tailwind",skill:"tailwindcss",category:"front-end",link:"https://tailwindcss.com/"},{label:"SolidJS",skill:"solidjs,ts",category:"front-end",link:"https://www.solidjs.com/"},{label:"Astro",skill:"astrojs,ts",category:"front-end",link:"https://astro.build/"},{label:"Angular",skill:"angularjs,ts",category:"front-end",link:"https://angular.io/"},{label:"Mitosis",skill:"mitosisjs,ts",category:"front-end",link:"https://mitosis.builder.io/"},{label:"Spring Boot (2/3)",skill:"spring-boot,java",category:"back-end",link:"https://spring.io/projects/spring-boot"},{label:"Spring Integration",skill:"spring-integration,java",category:"back-end",link:"https://spring.io/projects/spring-integration"},{label:"Spring Cloud",skill:"spring-cloud,java",category:"back-end",link:"https://spring.io/projects/spring-cloud"},{label:"Spring Security",skill:"spring-security,java",category:"back-end",link:"https://spring.io/projects/spring-security"},{label:"Apache Kafka",skill:"kafka",category:"back-end",link:"https://kafka.apache.org/"},{label:"MongoDB",skill:"mongo",category:"back-end",link:"https://www.mongodb.com/"},{label:"Hazelcast",skill:"hazelcast,java",category:"back-end",link:"https://hazelcast.com/"},{label:"YAVI",skill:"yavi,java",category:"back-end",link:"https://yavi.ik.am/"},{label:"PostgreSQL",skill:"postgresql",category:"back-end",link:"https://www.postgresql.org/"}],ee="/assets/resume-Cj28BdVG.pdf",E=()=>{const t=D(),i={};return t.forEach(e=>{i[e.skill]={label:e.label,category:e.category,link:e.link}}),i};var F=x('<div><p class="skillIconLabel text-nowrap">');function te(t){const i=(l,r)=>l.length!==0&&(l.includes(r)||l.map(n=>n.includes(r)).reduce((n,s)=>n&&s)),[e,o]=N;return u(w,{get when(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},get fallback(){return(()=>{var l=F(),r=l.firstChild;return l.$$click=()=>{t.link&&t.link!==""&&window.open(t.link)},l.$$mouseout=()=>{e().length===1&&o([])},l.$$mouseover=()=>{e().length===0&&o([t.skill])},h(r,()=>t.label),k(n=>{var s="skillButton cursor-pointer min-w-fit flex flex-row space-x-0.5 items-center justify-center py-0.5 mx-2 my-0.5 px-1 text-xs font-medium text-regal-blue-50 dark:text-regal-blue-50 border rounded-lg "+(i(e(),t.skill)?t.category==="front-end"?"bg-green-800 dark:bg-green-850 border-transparent":t.category==="back-end"?"bg-purple-800 dark:bg-purple-850 border-transparent":"":"bg-slate-800 dark:bg-slate-900 border-transparent"),a=t.skill;return s!==n.e&&_(l,n.e=s),a!==n.t&&C(l,"data-skill",n.t=a),n},{e:void 0,t:void 0}),l})()},get children(){var l=F(),r=l.firstChild;return l.$$click=()=>{t.link&&t.link!==""&&window.open(t.link)},h(r,()=>t.label),k(n=>{var s="skillButton min-w-fit flex flex-row space-x-0.5 items-center justify-center py-0.5 mx-1 my-0.5 px-1 text-xs font-medium text-regal-blue-50 dark:text-regal-blue-50 border rounded-lg "+(t.category==="front-end"?"bg-green-800 dark:bg-green-850 border-transparent":t.category==="back-end"?"bg-purple-800 dark:bg-purple-850 border-transparent":""),a=t.skill;return s!==n.e&&_(l,n.e=s),a!==n.t&&C(l,"data-skill",n.t=a),n},{e:void 0,t:void 0}),l}})}I(["click","mouseover","mouseout"]);var ie=x('<div class="w-full h-fit flex flex-row md:flex-col justify-center items-center md:items-end top space-x-10 min-h-fit"><a href=https://www.linkedin.com/in/nathanduarte class=cursor-pointer><div class="flex flex-row justify-center items-center"><p class="hidden md:flex text-regal-blue-100 text-xs lg:text-sm font-light">LinkedIn</p><i class="iconoir-linkedin before:size-7 lg:before:size-8 before:text-regal-blue-100 m-2"></i><p class="flex md:hidden text-regal-blue-100 text-xs font-light">LinkedIn</p></div></a><div class="flex flex-row justify-center items-center cursor-pointer"><p class="text-regal-blue-100 text-xs lg:text-sm font-light">Resume PDF</p><i class="iconoir-page before:size-6 lg:before:size-7 before:text-regal-blue-100 m-2">'),le=x('<div class="w-full h-fit flex flex-col justify-center items-center top space-x-2 min-h-fit"><p class="text-regal-blue-100 text-sm font-light text-center">Context: </p><div class="flex flex-row flex-wrap lg:hidden w-full h-full justify-center items-center mt-1 md:mt-2"><p class="text-regal-blue-100 text-sm font-light text-center inline-flex">Tags: '),ne=x(`<div class="w-9/12 h-full flex flex-col items-center justify-start lg:justify-center space-y-3 overflow-y-auto no-scrollbar"><p class="text-white text-xs md:text-sm lg:text-xl text-center pt-5 pb-5">As a Full Stack Software Engineer, I've had the opportunity to tackle some unique problems. Here I examine the methodologies and skills I've employed over the course of my career and personal projects <i class=font-serif>(Interactive Resume)</i>.</p><p class="text-regal-blue-100 text-xs text-center">To move forward, hit next. To go back, hit back. Also included on this page are shortcuts to my LinkedIn profile as well as my resume.`),se=x('<div class="w-9/12 h-full flex flex-col items-center justify-start lg:justify-center space-y-0 overflow-y-auto no-scrollbar"><p class="text-white text-xs md:text-lg lg:text-xl text-center pt-5 pb-5"></p><p class="text-regal-blue-100 text-xs md:text-sm text-center leading-normal md:leading-loose">'),oe=x('<div class="w-full h-full flex flex-col md:flex-row"><div class="flex flex-col justify-center items-center h-2/6 min-h-fit w-full md:h-full md:w-4/12 lg:w-3/12 overflow-y-auto"><div class="w-11/12 min-h-fit"></div></div><div class="flex flex-col justify-center items-center h-4/6 w-full md:h-full md:w-8/12 lg:w-9/12 bg-gradient-to-br from-regal-blue-400 to-regal-blue-700 dark:from-gray-900 dark:to-gray-950 overflow-y-hidden"><div class="w-1/2 h-fit flex flex-row justify-center items-center space-x-10"><div class="flex flex-row justify-center items-center cursor-pointer"><i></i><p>Back</p></div><div class="flex flex-row justify-center items-center cursor-pointer"><p>Next</p><i>');const y=[{context:"Main Page",skillList:[]},{context:"This Website :)",skillList:["css","js","ts","tailwindcss","solidjs,ts","astrojs,ts","mitosisjs,ts"],title:"Not Your Average Personal Website",blob:"This site was created not only to serve as the homepage for all things Nathan, it is also effectively a Single Page Application (SPA) that includes a micro-frontend written in SolidJS (this page), with more to come. The homepage/outer host website was written in Astro, inspired by this <a class='text-regal-blue-300 underline' href='https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520' target='_blank'>excellent Medium post by Sergio A. Arevalo Soria.</a>"},{context:"While working as a Full Stack Software Engineer at BNY Mellon as part of the SETUP Program...",skillList:["css","js","ts","java","angularjs,ts","spring-boot,java","kafka"],title:"Account Validation Services",blob:"During my initial tenure at the bank, I spearheaded the development of the backend infrastructure for a novel application facilitating ASV, AOA, and AOV requests to Early Warning Systems via an internal service. Under the mentorship of my manager and colleagues, I engineered the Spring Boot API from inception, while contributing to the Angular frontend as required. Our efforts culminated in the successful testing and deployment of the application within 7 months, swiftly garnering client adoption."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["css","js","ts","java","angularjs,ts","spring-boot,java","spring-cloud,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Early Days",blob:"Following the completion of AVS, I transitioned to a newly established team where I assumed responsibility for architecting the initial framework and structure of our APIs, including the establishment of our API gateway and implementation of new certificates. Additionally, I played a pivotal role in formulating a substantial portion of the enduring business logic. Leveraging the foundational knowledge acquired from prior projects, I predominantly focused on backend development during this phase, albeit occasionally addressing frontend requirements as needed."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","spring-boot,java"],title:"Treasury Services Online Banking: Challenges",blob:"As the product continued to mature, my role evolved to include more responsibility. During this phase, my responsibilities predominantly revolved around resolving complex, often uncharted issues that demanded innovative solutions. One such challenge involved integrating RSA SecurId prompts for specific actions based on entitlements. Despite initial complexities, adept coordination with the RSA Service team facilitated access to a new REST API, streamlining subsequent implementation through the utilization of interceptors and thread-scoped classes"},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","spring-boot,java","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"While the integration of RSA SecurId presented its own set of challenges, it merely scratched the surface of the complexities we encountered. Subsequently, I led the development of a demo API environment mirroring application functionalities, while remaining entirely detached from client data repositories. Collaborating with assigned interns, we expedited the development process, leveraging Hazelcast cache as a surrogate database for non-retrieval operations, thereby facilitating comprehensive product modeling for both existing and prospective clients."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","spring-boot,java","spring-integration,java","yavi,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"Among the array of challenges faced, the creation of a file import service emerged as notably difficult. This service required efficient processing of large data files containing complex payment information in diverse formats inherited from the legacy system. To tackle this challenge, I carefully designed a solution using the Spring Integration framework alongside the YAVI validation framework. This strategy entailed detailed, asynchronous validation of each line in the file, covering both formatting and business logic, before aggregating the outcomes. Importantly, this service plays a crucial role in facilitating the transition of clients from the old platform to TS Online Banking."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","sql","spring-boot,java","spring-integration,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"If not for imports, implementing migration would have been easily my most troublesome task. Initially, our process relied on the periodic provision of client data extracts by the legacy system management and development team, and subsequent manual import of said files into our Mongo database. With that in mind, we leveraged the pre-existing imports service for our initial implementation. However, the focus subsequently shifted to autonomously obtaining these extracts, requiring direct connections to the legacy MSSQL and DB2 databases. This transition at first involved the creation and manipulation of intermediary files before the actual ingestion to our Mongo instance, an evidently inefficient approach. Therefore, I undertook a redevelopment initiative to bypass file generation entirely. Despite encountering obstacles, we successfully accomplished the task, once again easing client transition from the legacy platform to TS Online Banking."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["css","js","ts","java","angularjs,ts","spring-boot,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"Although not a direct personal challenge, our team faced the task of entirely revamping our application website to align with specifications devised by a newly established, specialized design team. To facilitate this transition, I made key contributions to our new search page, ensuring seamless functionality from end to end, encompassing both UI and API development. Subsequently, several features I pioneered were integrated as components within the framework of the new design system."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["css","js","ts","angularjs,ts"],title:"AI Hub",blob:"Presently, alongside my ongoing contributions to Treasury Services, I am providing assistance to the AI Hub team in the development of their micro-frontend site using Angular and the single-spa library."},{context:"Personal Project",skillList:["golang"],title:"FIX API",blob:"Developed a comprehensive API wrapper leveraging the QuickFixGo library, employed to interface with the IBM FIX Gateway, facilitating seamless execution of requests."}],[re,H]=N,[g,V]=M(0),ae=()=>{g()>0&&V(g()-1)},ce=()=>{g()<y.length-1&&V(g()+1)};function de(t){return(()=>{var i=oe(),e=i.firstChild,o=e.firstChild,l=e.nextSibling,r=l.firstChild,n=r.firstChild,s=n.firstChild,a=s.nextSibling,f=n.nextSibling,c=f.firstChild,p=c.nextSibling;return i.$$mouseout=()=>{H([])},i.$$mouseover=()=>{g()!==0&&re().length===0&&H(y[g()].skillList)},h(o,u(w,{get when(){return g()===0},get children(){var d=ie(),m=d.firstChild,b=m.nextSibling;return b.$$click=()=>fetch(ee).then(v=>v.blob()).then(v=>{const $=window.URL.createObjectURL(v),A=document.createElement("a");A.style.display="none",A.href=$,A.download="NathanDuarteResume.pdf",document.body.appendChild(A),A.click(),window.URL.revokeObjectURL($)}).catch(()=>alert("Download failed")),d}}),null),h(o,u(w,{get when(){return g()!==0},get children(){var d=le(),m=d.firstChild;m.firstChild;var b=m.nextSibling;return b.firstChild,h(m,()=>y[g()].context,null),h(b,u(P,{get each(){return y[g()].skillList},children:v=>u(te,{get label(){return E()[v].label},skill:v,get category(){return E()[v].category},get link(){return E()[v].link}})}),null),d}}),null),h(l,u(w,{get when(){return g()===0},get children(){return ne()}}),r),h(l,u(w,{get when(){return g()!==0},get children(){var d=se(),m=d.firstChild,b=m.nextSibling;return h(m,()=>y[g()].title),k(()=>b.innerHTML=y[g()].blob),d}}),r),n.$$click=()=>ae(),f.$$click=()=>ce(),k(d=>{var m="iconoir-arrow-left-tag before:size-8 "+(g()>0?"before:text-regal-blue-100":"before:text-gray-700")+" m-2",b=(g()>0?"text-regal-blue-100":"text-gray-700")+" text-xs font-light",v=(g()<y.length-1?"text-regal-blue-100":"text-gray-700")+" text-xs font-light",$="iconoir-arrow-right-tag before:size-8 "+(g()<y.length-1?"before:text-regal-blue-100":"before:text-gray-700")+" m-2";return m!==d.e&&_(s,d.e=m),b!==d.t&&_(a,d.t=b),v!==d.a&&_(c,d.a=v),$!==d.o&&_(p,d.o=$),d},{e:void 0,t:void 0,a:void 0,o:void 0}),i})()}I(["mouseover","mouseout","click"]);var fe=x('<div class="flex h-full max-w-screen"><div class="h-full max-h-screen w-full overflow-hidden"><div class="page flex flex-col w-full h-full space-y-10"><div class="page flex flex-row justify-center items-center w-full"></div><div class="page flex flex-col justify-start items-center w-full"><div class="mt-2 flex flex-col md:flex-row justify-center items-center bg-[rgba(_0,_0,_0,_0.55_)] [box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] backdrop-filter backdrop-blur-[2px] rounded-[10px] border-[1px] border-[solid] border-[rgba(255,255,255,0.18)] dark:bg-[rgba(_0,_0,_0,_0.7_)] dark:[box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] dark:backdrop-filter dark:backdrop-blur-[14.5px] dark:rounded-[10px] dark:border-[1px] dark:border-[solid] dark:border-[rgba(255,255,255,0.18)] p-5 w-[80vw] h-[85vh] lg:h-[65vh] min-h-fit">');const ue=t=>{const i=()=>[{icon:'<svg class="nav w-7 h-7" stroke-width="0.8" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ddf2ff" viewBox="2.55 3.23 18.9 18.22"><path d="M9 21H7C4.79086 21 3 19.2091 3 17V10.7076C3 9.30887 3.73061 8.01175 4.92679 7.28679L9.92679 4.25649C11.2011 3.48421 12.7989 3.48421 14.0732 4.25649L19.0732 7.28679C20.2694 8.01175 21 9.30887 21 10.7076V17C21 19.2091 19.2091 21 17 21H15M9 21V17C9 15.3431 10.3431 14 12 14V14C13.6569 14 15 15.3431 15 17V21M9 21H15" stroke="#ddf2ff" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-5"></path></svg>',label:"Home",path:"home"}];return(()=>{var e=fe(),o=e.firstChild,l=o.firstChild,r=l.firstChild,n=r.nextSibling,s=n.firstChild;return h(o,u(J,{get navItems(){return i()}}),l),h(r,u(Z,{get skills(){return D()}})),h(s,u(de,{})),e})()};export{ue as default};
+import{sharedConfig as j,createRenderEffect as k,createSignal as M,createEffect as W,createComponent as u,Show as w,For as P}from"solid-js";function z(t,i,e){let o=e.length,l=i.length,r=o,n=0,s=0,a=i[l-1].nextSibling,f=null;for(;n<l||s<r;){if(i[n]===e[s]){n++,s++;continue}for(;i[l-1]===e[r-1];)l--,r--;if(l===n){const c=r<o?s?e[s-1].nextSibling:e[r-s]:a;for(;s<r;)t.insertBefore(e[s++],c)}else if(r===s)for(;n<l;)(!f||!f.has(i[n]))&&i[n].remove(),n++;else if(i[n]===e[r-1]&&e[s]===i[l-1]){const c=i[--l].nextSibling;t.insertBefore(e[s++],i[n++].nextSibling),t.insertBefore(e[--r],c),i[l]=e[r]}else{if(!f){f=new Map;let p=s;for(;p<r;)f.set(e[p],p++)}const c=f.get(i[n]);if(c!=null)if(s<c&&c<r){let p=n,d=1,m;for(;++p<l&&p<r&&!((m=f.get(i[p]))==null||m!==c+d);)d++;if(d>c-s){const b=i[n];for(;s<c;)t.insertBefore(e[s++],b)}else t.replaceChild(e[s++],i[n++])}else n++;else i[n++].remove()}}}const q="_$DX_DELEGATE";function x(t,i,e){let o;const l=()=>{const n=document.createElement("template");return n.innerHTML=t,n.content.firstChild},r=()=>(o||(o=l())).cloneNode(!0);return r.cloneNode=r,r}function I(t,i=window.document){const e=i[q]||(i[q]=new Set);for(let o=0,l=t.length;o<l;o++){const r=t[o];e.has(r)||(e.add(r),i.addEventListener(r,Y))}}function C(t,i,e){j.context&&t.isConnected||(e==null?t.removeAttribute(i):t.setAttribute(i,e))}function _(t,i){j.context&&t.isConnected||(i==null?t.removeAttribute("class"):t.className=i)}function R(t,i,e,o){Array.isArray(e)?(t[`$$${i}`]=e[0],t[`$$${i}Data`]=e[1]):t[`$$${i}`]=e}function h(t,i,e,o){if(e!==void 0&&!o&&(o=[]),typeof i!="function")return L(t,i,o,e);k(l=>L(t,i(),l,e),o)}function Y(t){const i=`$$${t.type}`;let e=t.composedPath&&t.composedPath()[0]||t.target;for(t.target!==e&&Object.defineProperty(t,"target",{configurable:!0,value:e}),Object.defineProperty(t,"currentTarget",{configurable:!0,get(){return e||document}}),j.registry&&!j.done&&(j.done=_$HY.done=!0);e;){const o=e[i];if(o&&!e.disabled){const l=e[`${i}Data`];if(l!==void 0?o.call(e,l,t):o.call(e,t),t.cancelBubble)return}e=e._$host||e.parentNode||e.host}}function L(t,i,e,o,l){const r=!!j.context&&t.isConnected;if(r){!e&&(e=[...t.childNodes]);let a=[];for(let f=0;f<e.length;f++){const c=e[f];c.nodeType===8&&c.data.slice(0,2)==="!$"?c.remove():a.push(c)}e=a}for(;typeof e=="function";)e=e();if(i===e)return e;const n=typeof i,s=o!==void 0;if(t=s&&e[0]&&e[0].parentNode||t,n==="string"||n==="number"){if(r)return e;if(n==="number"&&(i=i.toString()),s){let a=e[0];a&&a.nodeType===3?a.data!==i&&(a.data=i):a=document.createTextNode(i),e=S(t,e,o,a)}else e!==""&&typeof e=="string"?e=t.firstChild.data=i:e=t.textContent=i}else if(i==null||n==="boolean"){if(r)return e;e=S(t,e,o)}else{if(n==="function")return k(()=>{let a=i();for(;typeof a=="function";)a=a();e=L(t,a,e,o)}),()=>e;if(Array.isArray(i)){const a=[],f=e&&Array.isArray(e);if(T(a,i,e,l))return k(()=>e=L(t,a,e,o,!0)),()=>e;if(r){if(!a.length)return e;if(o===void 0)return[...t.childNodes];let c=a[0],p=[c];for(;(c=c.nextSibling)!==o;)p.push(c);return e=p}if(a.length===0){if(e=S(t,e,o),s)return e}else f?e.length===0?O(t,a,o):z(t,e,a):(e&&S(t),O(t,a));e=a}else if(i.nodeType){if(r&&i.parentNode)return e=s?[i]:i;if(Array.isArray(e)){if(s)return e=S(t,e,o,i);S(t,e,null,i)}else e==null||e===""||!t.firstChild?t.appendChild(i):t.replaceChild(i,t.firstChild);e=i}}return e}function T(t,i,e,o){let l=!1;for(let r=0,n=i.length;r<n;r++){let s=i[r],a=e&&e[t.length],f;if(!(s==null||s===!0||s===!1))if((f=typeof s)=="object"&&s.nodeType)t.push(s);else if(Array.isArray(s))l=T(t,s,a)||l;else if(f==="function")if(o){for(;typeof s=="function";)s=s();l=T(t,Array.isArray(s)?s:[s],Array.isArray(a)?a:[a])||l}else t.push(s),l=!0;else{const c=String(s);a&&a.nodeType===3&&a.data===c?t.push(a):t.push(document.createTextNode(c))}}return l}function O(t,i,e=null){for(let o=0,l=i.length;o<l;o++)t.insertBefore(i[o],e)}function S(t,i,e,o){if(e===void 0)return t.textContent="";const l=o||document.createTextNode("");if(i.length){let r=!1;for(let n=i.length-1;n>=0;n--){const s=i[n];if(l!==s){const a=s.parentNode===t;!r&&!n?a?t.replaceChild(l,s):t.insertBefore(l,e):a&&s.remove()}else r=!0}}else t.insertBefore(l,e);return[l]}var U=x('<div class="navButton cursor-pointer flex flex-row space-x-2 items-center justify-center text-xs font-medium text-regal-blue-50 dark:text-regal-blue-50 text-center">');function B(t){return(()=>{var i=U();return R(i,"click",t.onClick),k(e=>{var o=t.path,l=t.icon+'<p class="navIconLabel hidden md:flex">'+t.label+"</p>";return o!==e.e&&C(i,"data-path",e.e=o),l!==e.t&&(i.innerHTML=e.t=l),e},{e:void 0,t:void 0}),i})()}I(["click"]);var G=x('<div class="flex flex-row md:flex-col items-start justify-start w-full h-fit absolute p-1.5"><div class="flex flex-col items-start justify-start w-fit h-fit navDiv mt-0.5 ml-0.5 lg:mt-2 lg:ml-2"><ul class="flex flex-row lg:flex-col items-center justify-center w-fit h-fit space-y-0 md:landscape:space-y-4 lg:space-y-4 space-x-5 md:landscape:space-x-0 lg:space-x-0 list-none">');function J(t){const[i,e]=M(!0);return W(()=>{(i()||!i())&&(setTimeout(function(){document.querySelectorAll("svg.nav").forEach(o=>o.classList.add("active"))},300),setTimeout(function(){document.querySelectorAll("p.navIconLabel").forEach(o=>o.classList.add("active"))},300))}),(()=>{var o=G(),l=o.firstChild,r=l.firstChild;return h(l,u(w,{get when(){return i()},get children(){return u(B,{icon:'<svg class="nav w-6 h-6" stroke-width="1.2" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ddf2ff" viewBox="2.55 4.55 18.9 14.9"><path d="M3 5H21" stroke="#ddf2ff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-1"></path><path d="M3 12H21" stroke="#ddf2ff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-2"></path><path d="M3 19H21" stroke="#ddf2ff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-3"></path></svg>',label:"Menu",onClick:()=>{document.querySelectorAll("svg.nav").forEach(n=>n.classList.remove("active")),document.querySelectorAll("p.navIconLabel").forEach(n=>n.classList.remove("active")),setTimeout(function(){e(!1);let n=new Event("navClosed"),s=new Event("navOpened");i()||document.dispatchEvent(s),i()&&document.dispatchEvent(n)},300)}})}}),r),h(r,u(w,{get when(){return!i()},get children(){return[u(B,{icon:'<svg class="nav w-4 h-4 lg:mr-1 ml-1 lg:ml-0" stroke-width="0.8" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ddf2ff" viewBox="6.31 6.31 11.39 11.39"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="#ddf2ff" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-4"></path></svg>',label:"Close",onClick:()=>{document.querySelectorAll("svg.nav").forEach(n=>n.classList.remove("active")),document.querySelectorAll("p.navIconLabel").forEach(n=>n.classList.remove("active")),setTimeout(function(){e(!0);let n=new Event("navClosed"),s=new Event("navOpened");i()||document.dispatchEvent(s),i()&&document.dispatchEvent(n)},300)}}),u(P,{get each(){return t.navItems},children:(n,s)=>(s(),u(B,{get icon(){return n.icon},get label(){return n.label},get path(){return n.path}}))})]}})),o})()}const N=M([]);var Q=x("<div><p class=skillIconLabel>");function X(t){const i=(l,r)=>l.length!==0&&(l.includes(r)||l.map(n=>n.includes(r)).reduce((n,s)=>n&&s)),[e,o]=N;return(()=>{var l=Q(),r=l.firstChild;return l.$$click=()=>{t.link&&t.link!==""&&window.open(t.link)},l.$$mouseout=()=>{e().length===1&&o([])},l.$$mouseover=()=>{e().length===0&&o([t.skill])},h(r,()=>t.label),k(n=>{var s="skillButton cursor-pointer min-w-fit flex flex-row space-x-1.5 items-center justify-center py-1 mx-2 my-1 px-1.5 text-sm font-medium text-regal-blue-50 dark:text-regal-blue-50 border rounded-lg "+(i(e(),t.skill)?t.category==="front-end"?"bg-green-800 dark:bg-green-850 border-transparent":t.category==="back-end"?"bg-purple-800 dark:bg-purple-850 border-transparent":"":"bg-slate-800 dark:bg-slate-900 border-transparent"),a=t.skill;return s!==n.e&&_(l,n.e=s),a!==n.t&&C(l,"data-skill",n.t=a),n},{e:void 0,t:void 0}),l})()}I(["mouseover","mouseout","click"]);var K=x('<div class="rounded-t-none w-[60vw] min-h-[5rem] h-fit bg-[rgba(_0,_0,_0,_0.55_)] [box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] backdrop-filter backdrop-blur-[2px] rounded-[10px] border-[1px] border-[solid] border-[rgba(255,255,255,0.18)] dark:bg-[rgba(_0,_0,_0,_0.7_)] dark:[box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] dark:backdrop-filter dark:backdrop-blur-[14.5px] dark:rounded-[10px] dark:border-[1px] dark:border-[solid] dark:border-[rgba(255,255,255,0.18)] hidden md:hidden lg:flex flex-row justify-start items-center px-0 md:px-5 lg:px-10"><div class="flex flex-row flex-wrap w-12/12 h-11/12 py-2 justify-center items-center">');function Z(t){return(()=>{var i=K(),e=i.firstChild;return h(e,u(P,{get each(){return t.skills},children:(o,l)=>u(X,{get label(){return o.label},get skill(){return o.skill},get category(){return o.category},get link(){return o.link}})})),i})()}const D=()=>[{label:"CSS",skill:"css",category:"front-end",link:""},{label:"JS",skill:"js",category:"front-end",link:""},{label:"Typescript",skill:"ts",category:"front-end",link:""},{label:"Java",skill:"java",category:"back-end",link:""},{label:"Python",skill:"python",category:"back-end",link:"https://www.python.org/"},{label:"Golang",skill:"golang",category:"back-end",link:"https://go.dev/"},{label:"SQL",skill:"sql",category:"back-end",link:""},{label:"Tailwind",skill:"tailwindcss",category:"front-end",link:"https://tailwindcss.com/"},{label:"SolidJS",skill:"solidjs,ts",category:"front-end",link:"https://www.solidjs.com/"},{label:"Astro",skill:"astrojs,ts",category:"front-end",link:"https://astro.build/"},{label:"Angular",skill:"angularjs,ts",category:"front-end",link:"https://angular.io/"},{label:"Mitosis",skill:"mitosisjs,ts",category:"front-end",link:"https://mitosis.builder.io/"},{label:"Spring Boot (2/3)",skill:"spring-boot,java",category:"back-end",link:"https://spring.io/projects/spring-boot"},{label:"Spring Integration",skill:"spring-integration,java",category:"back-end",link:"https://spring.io/projects/spring-integration"},{label:"Spring Cloud",skill:"spring-cloud,java",category:"back-end",link:"https://spring.io/projects/spring-cloud"},{label:"Spring Security",skill:"spring-security,java",category:"back-end",link:"https://spring.io/projects/spring-security"},{label:"Apache Kafka",skill:"kafka",category:"back-end",link:"https://kafka.apache.org/"},{label:"MongoDB",skill:"mongo",category:"back-end",link:"https://www.mongodb.com/"},{label:"Hazelcast",skill:"hazelcast,java",category:"back-end",link:"https://hazelcast.com/"},{label:"YAVI",skill:"yavi,java",category:"back-end",link:"https://yavi.ik.am/"},{label:"PostgreSQL",skill:"postgresql",category:"back-end",link:"https://www.postgresql.org/"}],ee="https://nduartech.tiiny.site/dist/assets/resume-Cj28BdVG.pdf",E=()=>{const t=D(),i={};return t.forEach(e=>{i[e.skill]={label:e.label,category:e.category,link:e.link}}),i};var F=x('<div><p class="skillIconLabel text-nowrap">');function te(t){const i=(l,r)=>l.length!==0&&(l.includes(r)||l.map(n=>n.includes(r)).reduce((n,s)=>n&&s)),[e,o]=N;return u(w,{get when(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},get fallback(){return(()=>{var l=F(),r=l.firstChild;return l.$$click=()=>{t.link&&t.link!==""&&window.open(t.link)},l.$$mouseout=()=>{e().length===1&&o([])},l.$$mouseover=()=>{e().length===0&&o([t.skill])},h(r,()=>t.label),k(n=>{var s="skillButton cursor-pointer min-w-fit flex flex-row space-x-0.5 items-center justify-center py-0.5 mx-2 my-0.5 px-1 text-xs font-medium text-regal-blue-50 dark:text-regal-blue-50 border rounded-lg "+(i(e(),t.skill)?t.category==="front-end"?"bg-green-800 dark:bg-green-850 border-transparent":t.category==="back-end"?"bg-purple-800 dark:bg-purple-850 border-transparent":"":"bg-slate-800 dark:bg-slate-900 border-transparent"),a=t.skill;return s!==n.e&&_(l,n.e=s),a!==n.t&&C(l,"data-skill",n.t=a),n},{e:void 0,t:void 0}),l})()},get children(){var l=F(),r=l.firstChild;return l.$$click=()=>{t.link&&t.link!==""&&window.open(t.link)},h(r,()=>t.label),k(n=>{var s="skillButton min-w-fit flex flex-row space-x-0.5 items-center justify-center py-0.5 mx-1 my-0.5 px-1 text-xs font-medium text-regal-blue-50 dark:text-regal-blue-50 border rounded-lg "+(t.category==="front-end"?"bg-green-800 dark:bg-green-850 border-transparent":t.category==="back-end"?"bg-purple-800 dark:bg-purple-850 border-transparent":""),a=t.skill;return s!==n.e&&_(l,n.e=s),a!==n.t&&C(l,"data-skill",n.t=a),n},{e:void 0,t:void 0}),l}})}I(["click","mouseover","mouseout"]);var ie=x('<div class="w-full h-fit flex flex-row md:flex-col justify-center items-center md:items-end top space-x-10 min-h-fit"><a href=https://www.linkedin.com/in/nathanduarte class=cursor-pointer><div class="flex flex-row justify-center items-center"><p class="hidden md:flex text-regal-blue-100 text-xs lg:text-sm font-light">LinkedIn</p><i class="iconoir-linkedin before:size-7 lg:before:size-8 before:text-regal-blue-100 m-2"></i><p class="flex md:hidden text-regal-blue-100 text-xs font-light">LinkedIn</p></div></a><div class="flex flex-row justify-center items-center cursor-pointer"><p class="text-regal-blue-100 text-xs lg:text-sm font-light">Resume PDF</p><i class="iconoir-page before:size-6 lg:before:size-7 before:text-regal-blue-100 m-2">'),le=x('<div class="w-full h-fit flex flex-col justify-center items-center top space-x-2 min-h-fit"><p class="text-regal-blue-100 text-sm font-light text-center">Context: </p><div class="flex flex-row flex-wrap lg:hidden w-full h-full justify-center items-center mt-1 md:mt-2"><p class="text-regal-blue-100 text-sm font-light text-center inline-flex">Tags: '),ne=x(`<div class="w-9/12 h-full flex flex-col items-center justify-start lg:justify-center space-y-3 overflow-y-auto no-scrollbar"><p class="text-white text-xs md:text-sm lg:text-xl text-center pt-5 pb-5">As a Full Stack Software Engineer, I've had the opportunity to tackle some unique problems. Here I examine the methodologies and skills I've employed over the course of my career and personal projects <i class=font-serif>(Interactive Resume)</i>.</p><p class="text-regal-blue-100 text-xs text-center">To move forward, hit next. To go back, hit back. Also included on this page are shortcuts to my LinkedIn profile as well as my resume.`),se=x('<div class="w-9/12 h-full flex flex-col items-center justify-start lg:justify-center space-y-0 overflow-y-auto no-scrollbar"><p class="text-white text-xs md:text-lg lg:text-xl text-center pt-5 pb-5"></p><p class="text-regal-blue-100 text-xs md:text-sm text-center leading-normal md:leading-loose">'),oe=x('<div class="w-full h-full flex flex-col md:flex-row"><div class="flex flex-col justify-center items-center h-2/6 min-h-fit w-full md:h-full md:w-4/12 lg:w-3/12 overflow-y-auto"><div class="w-11/12 min-h-fit"></div></div><div class="flex flex-col justify-center items-center h-4/6 w-full md:h-full md:w-8/12 lg:w-9/12 bg-gradient-to-br from-regal-blue-400 to-regal-blue-700 dark:from-gray-900 dark:to-gray-950 overflow-y-hidden"><div class="w-1/2 h-fit flex flex-row justify-center items-center space-x-10"><div class="flex flex-row justify-center items-center cursor-pointer"><i></i><p>Back</p></div><div class="flex flex-row justify-center items-center cursor-pointer"><p>Next</p><i>');const y=[{context:"Main Page",skillList:[]},{context:"This Website :)",skillList:["css","js","ts","tailwindcss","solidjs,ts","astrojs,ts","mitosisjs,ts"],title:"Not Your Average Personal Website",blob:"This site was created not only to serve as the homepage for all things Nathan, it is also effectively a Single Page Application (SPA) that includes a micro-frontend written in SolidJS (this page), with more to come. The homepage/outer host website was written in Astro, inspired by this <a class='text-regal-blue-300 underline' href='https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520' target='_blank'>excellent Medium post by Sergio A. Arevalo Soria.</a>"},{context:"While working as a Full Stack Software Engineer at BNY Mellon as part of the SETUP Program...",skillList:["css","js","ts","java","angularjs,ts","spring-boot,java","kafka"],title:"Account Validation Services",blob:"During my initial tenure at the bank, I spearheaded the development of the backend infrastructure for a novel application facilitating ASV, AOA, and AOV requests to Early Warning Systems via an internal service. Under the mentorship of my manager and colleagues, I engineered the Spring Boot API from inception, while contributing to the Angular frontend as required. Our efforts culminated in the successful testing and deployment of the application within 7 months, swiftly garnering client adoption."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["css","js","ts","java","angularjs,ts","spring-boot,java","spring-cloud,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Early Days",blob:"Following the completion of AVS, I transitioned to a newly established team where I assumed responsibility for architecting the initial framework and structure of our APIs, including the establishment of our API gateway and implementation of new certificates. Additionally, I played a pivotal role in formulating a substantial portion of the enduring business logic. Leveraging the foundational knowledge acquired from prior projects, I predominantly focused on backend development during this phase, albeit occasionally addressing frontend requirements as needed."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","spring-boot,java"],title:"Treasury Services Online Banking: Challenges",blob:"As the product continued to mature, my role evolved to include more responsibility. During this phase, my responsibilities predominantly revolved around resolving complex, often uncharted issues that demanded innovative solutions. One such challenge involved integrating RSA SecurId prompts for specific actions based on entitlements. Despite initial complexities, adept coordination with the RSA Service team facilitated access to a new REST API, streamlining subsequent implementation through the utilization of interceptors and thread-scoped classes"},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","spring-boot,java","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"While the integration of RSA SecurId presented its own set of challenges, it merely scratched the surface of the complexities we encountered. Subsequently, I led the development of a demo API environment mirroring application functionalities, while remaining entirely detached from client data repositories. Collaborating with assigned interns, we expedited the development process, leveraging Hazelcast cache as a surrogate database for non-retrieval operations, thereby facilitating comprehensive product modeling for both existing and prospective clients."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","spring-boot,java","spring-integration,java","yavi,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"Among the array of challenges faced, the creation of a file import service emerged as notably difficult. This service required efficient processing of large data files containing complex payment information in diverse formats inherited from the legacy system. To tackle this challenge, I carefully designed a solution using the Spring Integration framework alongside the YAVI validation framework. This strategy entailed detailed, asynchronous validation of each line in the file, covering both formatting and business logic, before aggregating the outcomes. Importantly, this service plays a crucial role in facilitating the transition of clients from the old platform to TS Online Banking."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["java","sql","spring-boot,java","spring-integration,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"If not for imports, implementing migration would have been easily my most troublesome task. Initially, our process relied on the periodic provision of client data extracts by the legacy system management and development team, and subsequent manual import of said files into our Mongo database. With that in mind, we leveraged the pre-existing imports service for our initial implementation. However, the focus subsequently shifted to autonomously obtaining these extracts, requiring direct connections to the legacy MSSQL and DB2 databases. This transition at first involved the creation and manipulation of intermediary files before the actual ingestion to our Mongo instance, an evidently inefficient approach. Therefore, I undertook a redevelopment initiative to bypass file generation entirely. Despite encountering obstacles, we successfully accomplished the task, once again easing client transition from the legacy platform to TS Online Banking."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["css","js","ts","java","angularjs,ts","spring-boot,java","mongo","hazelcast,java"],title:"Treasury Services Online Banking: Challenges (cont.)",blob:"Although not a direct personal challenge, our team faced the task of entirely revamping our application website to align with specifications devised by a newly established, specialized design team. To facilitate this transition, I made key contributions to our new search page, ensuring seamless functionality from end to end, encompassing both UI and API development. Subsequently, several features I pioneered were integrated as components within the framework of the new design system."},{context:"While working as a Lead Full Stack Software Engineer at BNY Mellon...",skillList:["css","js","ts","angularjs,ts"],title:"AI Hub",blob:"Presently, alongside my ongoing contributions to Treasury Services, I am providing assistance to the AI Hub team in the development of their micro-frontend site using Angular and the single-spa library."},{context:"Personal Project",skillList:["golang"],title:"FIX API",blob:"Developed a comprehensive API wrapper leveraging the QuickFixGo library, employed to interface with the IBM FIX Gateway, facilitating seamless execution of requests."}],[re,H]=N,[g,V]=M(0),ae=()=>{g()>0&&V(g()-1)},ce=()=>{g()<y.length-1&&V(g()+1)};function de(t){return(()=>{var i=oe(),e=i.firstChild,o=e.firstChild,l=e.nextSibling,r=l.firstChild,n=r.firstChild,s=n.firstChild,a=s.nextSibling,f=n.nextSibling,c=f.firstChild,p=c.nextSibling;return i.$$mouseout=()=>{H([])},i.$$mouseover=()=>{g()!==0&&re().length===0&&H(y[g()].skillList)},h(o,u(w,{get when(){return g()===0},get children(){var d=ie(),m=d.firstChild,b=m.nextSibling;return b.$$click=()=>fetch(ee).then(v=>v.blob()).then(v=>{const $=window.URL.createObjectURL(v),A=document.createElement("a");A.style.display="none",A.href=$,A.download="NathanDuarteResume.pdf",document.body.appendChild(A),A.click(),window.URL.revokeObjectURL($)}).catch(()=>alert("Download failed")),d}}),null),h(o,u(w,{get when(){return g()!==0},get children(){var d=le(),m=d.firstChild;m.firstChild;var b=m.nextSibling;return b.firstChild,h(m,()=>y[g()].context,null),h(b,u(P,{get each(){return y[g()].skillList},children:v=>u(te,{get label(){return E()[v].label},skill:v,get category(){return E()[v].category},get link(){return E()[v].link}})}),null),d}}),null),h(l,u(w,{get when(){return g()===0},get children(){return ne()}}),r),h(l,u(w,{get when(){return g()!==0},get children(){var d=se(),m=d.firstChild,b=m.nextSibling;return h(m,()=>y[g()].title),k(()=>b.innerHTML=y[g()].blob),d}}),r),n.$$click=()=>ae(),f.$$click=()=>ce(),k(d=>{var m="iconoir-arrow-left-tag before:size-8 "+(g()>0?"before:text-regal-blue-100":"before:text-gray-700")+" m-2",b=(g()>0?"text-regal-blue-100":"text-gray-700")+" text-xs font-light",v=(g()<y.length-1?"text-regal-blue-100":"text-gray-700")+" text-xs font-light",$="iconoir-arrow-right-tag before:size-8 "+(g()<y.length-1?"before:text-regal-blue-100":"before:text-gray-700")+" m-2";return m!==d.e&&_(s,d.e=m),b!==d.t&&_(a,d.t=b),v!==d.a&&_(c,d.a=v),$!==d.o&&_(p,d.o=$),d},{e:void 0,t:void 0,a:void 0,o:void 0}),i})()}I(["mouseover","mouseout","click"]);var fe=x('<div class="flex h-full max-w-screen"><div class="h-full max-h-screen w-full overflow-hidden"><div class="page flex flex-col w-full h-full space-y-10"><div class="page flex flex-row justify-center items-center w-full"></div><div class="page flex flex-col justify-start items-center w-full"><div class="mt-2 flex flex-col md:flex-row justify-center items-center bg-[rgba(_0,_0,_0,_0.55_)] [box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] backdrop-filter backdrop-blur-[2px] rounded-[10px] border-[1px] border-[solid] border-[rgba(255,255,255,0.18)] dark:bg-[rgba(_0,_0,_0,_0.7_)] dark:[box-shadow:0_8px_32px_0_rgba(_31,_38,_135,_0.37_)] dark:backdrop-filter dark:backdrop-blur-[14.5px] dark:rounded-[10px] dark:border-[1px] dark:border-[solid] dark:border-[rgba(255,255,255,0.18)] p-5 w-[80vw] h-[85vh] lg:h-[65vh] min-h-fit">');const ue=t=>{const i=()=>[{icon:'<svg class="nav w-7 h-7" stroke-width="0.8" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ddf2ff" viewBox="2.55 3.23 18.9 18.22"><path d="M9 21H7C4.79086 21 3 19.2091 3 17V10.7076C3 9.30887 3.73061 8.01175 4.92679 7.28679L9.92679 4.25649C11.2011 3.48421 12.7989 3.48421 14.0732 4.25649L19.0732 7.28679C20.2694 8.01175 21 9.30887 21 10.7076V17C21 19.2091 19.2091 21 17 21H15M9 21V17C9 15.3431 10.3431 14 12 14V14C13.6569 14 15 15.3431 15 17V21M9 21H15" stroke="#ddf2ff" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" class="svg-elem-5"></path></svg>',label:"Home",path:"home"}];return(()=>{var e=fe(),o=e.firstChild,l=o.firstChild,r=l.firstChild,n=r.nextSibling,s=n.firstChild;return h(o,u(J,{get navItems(){return i()}}),l),h(r,u(Z,{get skills(){return D()}})),h(s,u(de,{})),e})()};export{ue as default};