diff --git a/404.html b/404.html index 7a55b97..ab264b0 100644 --- a/404.html +++ b/404.html @@ -1 +1 @@ -404: This page could not be found.Surya Akhri Ramadhan Portpolio

404

This page could not be found.

\ No newline at end of file +404: This page could not be found.Surya Akhri Ramadhan Portpolio

404

This page could not be found.

\ No newline at end of file diff --git a/404/index.html b/404/index.html index 7a55b97..ab264b0 100644 --- a/404/index.html +++ b/404/index.html @@ -1 +1 @@ -404: This page could not be found.Surya Akhri Ramadhan Portpolio

404

This page could not be found.

\ No newline at end of file +404: This page could not be found.Surya Akhri Ramadhan Portpolio

404

This page could not be found.

\ No newline at end of file diff --git a/_next/static/ZlYl2k6ji64fLwsDvffhC/_buildManifest.js b/_next/static/Z7_XgwDP46QkvygMNhLLL/_buildManifest.js similarity index 100% rename from _next/static/ZlYl2k6ji64fLwsDvffhC/_buildManifest.js rename to _next/static/Z7_XgwDP46QkvygMNhLLL/_buildManifest.js diff --git a/_next/static/ZlYl2k6ji64fLwsDvffhC/_ssgManifest.js b/_next/static/Z7_XgwDP46QkvygMNhLLL/_ssgManifest.js similarity index 100% rename from _next/static/ZlYl2k6ji64fLwsDvffhC/_ssgManifest.js rename to _next/static/Z7_XgwDP46QkvygMNhLLL/_ssgManifest.js diff --git a/_next/static/chunks/app/layout-a434b0097a8328f3.js b/_next/static/chunks/app/layout-a434b0097a8328f3.js new file mode 100644 index 0000000..2dff243 --- /dev/null +++ b/_next/static/chunks/app/layout-a434b0097a8328f3.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{2254:function(n,e,t){Promise.resolve().then(t.t.bind(t,3247,23)),Promise.resolve().then(t.t.bind(t,8877,23))},8877:function(){},3247:function(n){n.exports={style:{fontFamily:"'__Inter_36bd41', '__Inter_Fallback_36bd41'",fontStyle:"normal"},className:"__className_36bd41"}}},function(n){n.O(0,[569,971,23,744],function(){return n(n.s=2254)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/layout-b81393fb61ab2bc5.js b/_next/static/chunks/app/layout-b81393fb61ab2bc5.js deleted file mode 100644 index b01948f..0000000 --- a/_next/static/chunks/app/layout-b81393fb61ab2bc5.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{8170:function(n,e,t){Promise.resolve().then(t.t.bind(t,936,23)),Promise.resolve().then(t.t.bind(t,8877,23))},8877:function(){},936:function(n){n.exports={style:{fontFamily:"'__Inter_36bd41', '__Inter_Fallback_36bd41'",fontStyle:"normal"},className:"__className_36bd41"}}},function(n){n.O(0,[232,971,23,744],function(){return n(n.s=8170)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/page-0572e0a7f2e23594.js b/_next/static/chunks/app/page-b58e610e858a1f5e.js similarity index 95% rename from _next/static/chunks/app/page-0572e0a7f2e23594.js rename to _next/static/chunks/app/page-b58e610e858a1f5e.js index d312dc4..80cff8f 100644 --- a/_next/static/chunks/app/page-0572e0a7f2e23594.js +++ b/_next/static/chunks/app/page-b58e610e858a1f5e.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{3954:function(e,t,a){Promise.resolve().then(a.bind(a,837)),Promise.resolve().then(a.bind(a,4344)),Promise.resolve().then(a.t.bind(a,8173,23)),Promise.resolve().then(a.t.bind(a,231,23))},837:function(e,t,a){"use strict";a.d(t,{Dialog:function(){return l},DialogContent:function(){return u},DialogDescription:function(){return g},DialogHeader:function(){return m},DialogTitle:function(){return p},DialogTrigger:function(){return d}});var n=a(7437),o=a(2265),s=a(1281),r=a(7025),i=a(7440);let l=s.fC,d=s.xz,c=s.h_;s.x8;let f=o.forwardRef((e,t)=>{let{className:a,...o}=e;return(0,n.jsx)(s.aV,{ref:t,className:(0,i.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...o})});f.displayName=s.aV.displayName;let u=o.forwardRef((e,t)=>{let{className:a,children:o,...l}=e;return(0,n.jsxs)(c,{children:[(0,n.jsx)(f,{}),(0,n.jsxs)(s.VY,{ref:t,className:(0,i.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a),...l,children:[o,(0,n.jsxs)(s.x8,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,n.jsx)(r.Z,{className:"h-4 w-4"}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});u.displayName=s.VY.displayName;let m=e=>{let{className:t,...a}=e;return(0,n.jsx)("div",{className:(0,i.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};m.displayName="DialogHeader";let p=o.forwardRef((e,t)=>{let{className:a,...o}=e;return(0,n.jsx)(s.Dx,{ref:t,className:(0,i.cn)("text-lg font-semibold leading-none tracking-tight",a),...o})});p.displayName=s.Dx.displayName;let g=o.forwardRef((e,t)=>{let{className:a,...o}=e;return(0,n.jsx)(s.dk,{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...o})});g.displayName=s.dk.displayName},4344:function(e,t,a){"use strict";a.r(t),a.d(t,{Separator:function(){return i}});var n=a(7437),o=a(2265),s=a(8484),r=a(7440);let i=o.forwardRef((e,t)=>{let{className:a,orientation:o="horizontal",decorative:i=!0,...l}=e;return(0,n.jsx)(s.f,{ref:t,decorative:i,orientation:o,className:(0,r.cn)("shrink-0 bg-border","horizontal"===o?"h-[1px] w-full":"h-full w-[1px]",a),...l})});i.displayName=s.f.displayName},7440:function(e,t,a){"use strict";a.d(t,{cn:function(){return s}});var n=a(4839),o=a(6164);function s(){for(var e=arguments.length,t=Array(e),a=0;a{let{className:a,...o}=e;return(0,n.jsx)(s.aV,{ref:t,className:(0,i.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...o})});f.displayName=s.aV.displayName;let u=o.forwardRef((e,t)=>{let{className:a,children:o,...l}=e;return(0,n.jsxs)(c,{children:[(0,n.jsx)(f,{}),(0,n.jsxs)(s.VY,{ref:t,className:(0,i.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a),...l,children:[o,(0,n.jsxs)(s.x8,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,n.jsx)(r.Z,{className:"h-4 w-4"}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});u.displayName=s.VY.displayName;let m=e=>{let{className:t,...a}=e;return(0,n.jsx)("div",{className:(0,i.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};m.displayName="DialogHeader";let p=o.forwardRef((e,t)=>{let{className:a,...o}=e;return(0,n.jsx)(s.Dx,{ref:t,className:(0,i.cn)("text-lg font-semibold leading-none tracking-tight",a),...o})});p.displayName=s.Dx.displayName;let g=o.forwardRef((e,t)=>{let{className:a,...o}=e;return(0,n.jsx)(s.dk,{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...o})});g.displayName=s.dk.displayName},4344:function(e,t,a){"use strict";a.r(t),a.d(t,{Separator:function(){return i}});var n=a(7437),o=a(2265),s=a(8484),r=a(7440);let i=o.forwardRef((e,t)=>{let{className:a,orientation:o="horizontal",decorative:i=!0,...l}=e;return(0,n.jsx)(s.f,{ref:t,decorative:i,orientation:o,className:(0,r.cn)("shrink-0 bg-border","horizontal"===o?"h-[1px] w-full":"h-full w-[1px]",a),...l})});i.displayName=s.f.displayName},7440:function(e,t,a){"use strict";a.d(t,{cn:function(){return s}});var n=a(4839),o=a(6164);function s(){for(var e=arguments.length,t=Array(e),a=0;a0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,n,o];return}for(var i=1/0,u=0;u=o&&Object.keys(d.O).every(function(e){return d.O[e](r[f])})?r.splice(f--,1):(c=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[r,n,o];return}for(var i=1/0,u=0;u=o&&Object.keys(d.O).every(function(e){return d.O[e](r[f])})?r.splice(f--,1):(c=!1,o:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-t{border-top-width:1px}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-justify{text-align:justify}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-card-foreground{color:hsl(var(--card-foreground))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (min-width:640px){.sm\:max-w-\[425px\]{max-width:425px}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\: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)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.md\:w-3\/6{width:50%}}@media (min-width:1024px){.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-2\/6{width:33.333333%}} \ No newline at end of file diff --git a/_next/static/css/de869ec767458f1b.css b/_next/static/css/de869ec767458f1b.css new file mode 100644 index 0000000..aff86f1 --- /dev/null +++ b/_next/static/css/de869ec767458f1b.css @@ -0,0 +1,5 @@ +@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_36bd41;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_36bd41{font-family:__Inter_36bd41,__Inter_Fallback_36bd41;font-style:normal} + +/* +! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com +*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-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]){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,pre,samp{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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}*,:after,:before{--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:rgba(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:rgba(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: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width:1400px){.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.bottom-0{bottom:0}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.float-right{float:right}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mr-9{margin-right:2.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-9{margin-top:2.25rem}.flex{display:flex}.grid{display:grid}.h-10{height:2.5rem}.h-4{height:1rem}.h-\[1px\]{height:1px}.h-full{height:100%}.h-screen{height:100vh}.min-h-10{min-height:2.5rem}.min-h-screen{min-height:100vh}.min-h-screen-90{min-height:90vh}.w-4{width:1rem}.w-5\/6{width:83.333333%}.w-72{width:18rem}.w-\[1px\]{width:1px}.w-\[90\%\]{width:90%}.w-full{width:100%}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-x-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[50\%\]{--tw-translate-x:50%}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-t{border-top-width:1px}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-justify{text-align:justify}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-card-foreground{color:hsl(var(--card-foreground))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%{border-color:transparent}to{border-color:#000}}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #000;animation:typewriter 4s steps(40),blink .75s step-end infinite}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (min-width:640px){.sm\:max-w-\[400px\]{max-width:400px}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\: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)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.md\:w-3\/6{width:50%}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}}@media (min-width:1024px){.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-2\/6{width:33.333333%}} \ No newline at end of file diff --git a/index.html b/index.html index 9fca603..5506989 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Surya Akhri Ramadhan Portpolio
Image illustration

Surya Akhri Ramadhan

Just a Web Develover from Bandung, Indonesia

My Personal Development

Angular

Angular

Angular is a web development framework made by Google.

My Project:

Portpolio
Sae Chord

TrendApp

Flutter

Flutter

Flutter is a toolkit made by Google for building apps.

My Project:

SMM
NodeJs

NodeJs

To write command line tools and for server-side scripting

My Project:

Sae Chord

Attendance Report

Vue.Js

Vue.Js

A lightweight JavaScript framework for building user interfaces.

My Project:

Admin Appsensi

PHP

PHP

A popular scripting language that is especially suited to web development.

My Project:

TDAMart

Inventory

JQuery

JQuery

JQuery is a lightweight JavaScript library that simplifies things

My Project:

Smart City

Sphere Dash

React

React

JavaScript library for building user interfaces

My Project:

API Comment

Video Streamer

NextJs

NextJs

Framework with server-side rendering and static website generation

My Project:

Portpolio

Vending Machine

Arduino

Arduino

Open-source electronic prototyping platform

My Project:

Smart Lamp

Motor Security

Working History

June 2015

Web Developer

PT. TERRALOGIQ INTEGRASI SOLUSI

March 2016

PHP Programer

PT. SWAMEDIA INFORMATIKA

January 2017

Front-End Developer

PT. INDISMART KREATIF IDEA

April 2018

Sr. Front-End Developer

PT. Intersolusi Teknologi Asia (BTS.ID)

Mar 2020

Full-stack Developer

PT. Appsensi Tiga Ribu

\ No newline at end of file +Surya Akhri Ramadhan Portpolio
Image illustration

Surya Akhri Ramadhan

Just a Web Develover from Bandung, Indonesia

My Personal Development

Angular

Angular

Angular is a web development framework made by Google.

My Project:

Portpolio
Sae Chord

TrendApp

Flutter

Flutter

Flutter is a toolkit made by Google for building apps.

My Project:

SMM
NodeJs

NodeJs

To write command line tools and for server-side scripting

My Project:

Sae Chord

Attendance Report

Vue.Js

Vue.Js

A lightweight JavaScript framework for building user interfaces.

My Project:

Admin Appsensi

PHP

PHP

A popular scripting language that is especially suited to web development.

My Project:

TDAMart

Inventory

JQuery

JQuery

JQuery is a lightweight JavaScript library that simplifies things

My Project:

Smart City

Sphere Dash

React

React

JavaScript library for building user interfaces

My Project:

API Comment

Video Streamer

NextJs

NextJs

Framework with server-side rendering and static website generation

My Project:

Portpolio

Vending Machine

Arduino

Arduino

Open-source electronic prototyping platform

My Project:

Smart Lamp

Motor Security

Working History

June 2015

Web Developer

PT. TERRALOGIQ INTEGRASI SOLUSI

March 2016

PHP Programer

PT. SWAMEDIA INFORMATIKA

January 2017

Front-End Developer

PT. INDISMART KREATIF IDEA

April 2018

Sr. Front-End Developer

PT. Intersolusi Teknologi Asia (BTS.ID)

Mar 2020

Full-stack Developer

PT. Appsensi Tiga Ribu

\ No newline at end of file diff --git a/index.txt b/index.txt index fb46597..9c90bc9 100644 --- a/index.txt +++ b/index.txt @@ -1,14 +1,14 @@ -2:I[8173,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"Image"] -3:I[4344,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"Separator"] -4:I[231,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],""] -5:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"Dialog"] -6:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"DialogTrigger"] -7:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"DialogContent"] -8:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"DialogHeader"] -9:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"DialogTitle"] -a:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-0572e0a7f2e23594.js"],"DialogDescription"] +2:I[8173,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"Image"] +3:I[4344,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"Separator"] +4:I[231,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],""] +5:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"Dialog"] +6:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"DialogTrigger"] +7:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"DialogContent"] +8:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"DialogHeader"] +9:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"DialogTitle"] +a:I[837,["807","static/chunks/807-30d3be03966d5243.js","931","static/chunks/app/page-b58e610e858a1f5e.js"],"DialogDescription"] c:I[9275,[],""] d:I[1343,[],""] -b:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z0:["ZlYl2k6ji64fLwsDvffhC",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},[["$L1",["$","main",null,{"children":[["$","section",null,{"className":"text-gray-600 body-font min-h-screen","children":["$","div",null,{"className":"container mx-auto flex px-5 py-24 items-center justify-center flex-col","children":[["$","$L2",null,{"className":"z-[-1] lg:w-2/6 md:w-3/6 w-5/6 mb-10 object-cover object-center rounded","alt":"Image illustration","src":"/background.png","title":"Image illustration","width":300,"height":300}],["$","div",null,{"className":"text-center lg:w-2/3 w-full","children":[["$","h1",null,{"className":"title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900","children":"Surya Akhri Ramadhan"}],["$","p",null,{"className":"mb-8 leading-relaxed","children":"Just a Web Develover from Bandung, Indonesia"}]]}]]}]}],["$","section",null,{"className":"min-h-screen-90 w-full justify-center px-4","children":["$","div",null,{"className":"container","children":[["$","h2",null,{"className":"font-bold mb-4","children":"My Personal Development"}],["$","div",null,{"className":"flex flex-wrap -mx-4 justify-center","children":[["$","div","Angular",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/angular.png","title":"Angular","alt":"Angular","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Angular"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Angular is a web development framework made by Google."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Portpolio",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://web.archive.org/web/20221205083220/https://surya.devweb.id/","children":"Portpolio"}]}],["$","div","Sae Chord",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://web.archive.org/web/20220719124042/https://chord.devweb.id/","children":"Sae Chord"}]}],["$","div","TrendApp",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"TrendApp"}]}]]}]]}]]}]]}]}],["$","div","Flutter",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/flutter.png","title":"Flutter","alt":"Flutter","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Flutter"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Flutter is a toolkit made by Google for building apps."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","SMM",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://play.google.com/store/apps/details?id=com.sae.money_manager&hl=en","children":"SMM"}]}]]}]]}]]}]]}]}],["$","div","NodeJs",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/nodejs.png","title":"NodeJs","alt":"NodeJs","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"NodeJs"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"To write command line tools and for server-side scripting"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Sae Chord",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Sae Chord"}]}],["$","div","Attendance Report",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Attendance Report"}]}]]}]]}]]}]]}]}],["$","div","Vue.Js",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/vuejs.png","title":"Vue.Js","alt":"Vue.Js","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Vue.Js"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"A lightweight JavaScript framework for building user interfaces."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Admin Appsensi",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Admin Appsensi"}]}]]}]]}]]}]]}]}],["$","div","PHP",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/php.png","title":"PHP","alt":"PHP","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"PHP"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"A popular scripting language that is especially suited to web development."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","TDAMart",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"TDAMart"}]}],["$","div","Inventory",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Inventory"}]}]]}]]}]]}]]}]}],["$","div","JQuery",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/jquery.png","title":"JQuery","alt":"JQuery","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"JQuery"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"JQuery is a lightweight JavaScript library that simplifies things"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Smart City",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Smart City"}]}],["$","div","Sphere Dash",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Sphere Dash"}]}]]}]]}]]}]]}]}],["$","div","React",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/react.png","title":"React","alt":"React","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"React"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"JavaScript library for building user interfaces"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","API Comment",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://www.npmjs.com/package/youtube-api-comment","children":"API Comment"}]}],["$","div","Video Streamer",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Video Streamer"}]}]]}]]}]]}]]}]}],["$","div","NextJs",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/nextjs.png","title":"NextJs","alt":"NextJs","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"NextJs"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Framework with server-side rendering and static website generation"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Portpolio",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","$L4",null,{"href":"/","className":"text-slate-500","children":"Portpolio"}]}],["$","div","Vending Machine",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Vending Machine"}]}]]}]]}]]}]]}]}],["$","div","Arduino",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/arduino.png","title":"Arduino","alt":"Arduino","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Arduino"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Open-source electronic prototyping platform"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Smart Lamp",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Smart Lamp"}]}],["$","div","Motor Security",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Motor Security"}]}]]}]]}]]}]]}]}]]}]]}]}],["$","section",null,{"className":"min-h-screen-90 w-full justify-center px-4 mt-4","children":["$","div",null,{"className":"container","children":[["$","h2",null,{"className":"font-bold mb-4","children":"Working History"}],["$","div",null,{"className":"flex flex-wrap -px-4","children":[["$","div","June 2015",{"className":"w-1/3 p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"June 2015"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[425px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"June 2015"}],["$","p",null,{"className":"text-lg","children":"PT. TERRALOGIQ INTEGRASI SOLUSI"}]]}]}],["$","$La",null,{"children":["Working as ","Web Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"Terralogiq is a Tech Company and Google Cloud Partner that provides Geospatial, Location Intelligence and Mobility Solutions in Indonesia. Responsible developing Denpasar Smartcity(Demo version), Website for displaying location on map with border and POI (Point Of Interest), using JQuery and PHP."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Web Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. TERRALOGIQ INTEGRASI SOLUSI"}]]}]}]}]}],["$","div","March 2016",{"className":"w-1/3 p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"March 2016"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[425px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"March 2016"}],["$","p",null,{"className":"text-lg","children":"PT. SWAMEDIA INFORMATIKA"}]]}]}],["$","$La",null,{"children":["Working as ","PHP Programer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"Working in wide variety business applications such as Telecommunication System, Management Report System, Electrical System, Key Performance Indicator ( KPI ) System and Event Organizer. Assigned to developing Web App for e-commerce, known as TDA Mart using PHP and Code Igniter."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"PHP Programer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. SWAMEDIA INFORMATIKA"}]]}]}]}]}],["$","div","January 2017",{"className":"w-1/3 p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"January 2017"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[425px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"January 2017"}],["$","p",null,{"className":"text-lg","children":"PT. INDISMART KREATIF IDEA"}]]}]}],["$","$La",null,{"children":["Working as ","Front-End Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"PT. Indismart Kreatif Idea is a member of Smart City Community and Innovation Center - Intitut Teknologi Bandung. Assigned to design and develop the system and device internet of thing (IOT) for street lighting. Work in small team to develop Internet of Things(IoT) Product. Designing Web Dashboard that can monitor and controling device using AngularJS."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Front-End Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. INDISMART KREATIF IDEA"}]]}]}]}]}],["$","div","April 2018",{"className":"w-1/3 p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"April 2018"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[425px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"April 2018"}],["$","p",null,{"className":"text-lg","children":"PT. Intersolusi Teknologi Asia (BTS.ID)"}]]}]}],["$","$La",null,{"children":["Working as ","Sr. Front-End Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"PT Intersolusi Teknologi Asia also known as Bridge Technology Services. Assigned for design and developing some internal and confidential project, working on small and big team. The project itself have different purpose like reporting, reservation room, recruiter online, e-commerce designing using Angular or ReactJs. In most case i responsible for development, deploy and manage the app. Some app i use in this company: SVN for managing Document, Ticket, Test Case, Release Notes and others. Git for Code sharing and Versioning. NodeJs and it's dependency for Deploying."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Sr. Front-End Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. Intersolusi Teknologi Asia (BTS.ID)"}]]}]}]}]}],["$","div","Mar 2020",{"className":"w-1/3 p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"Mar 2020"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[425px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"Mar 2020"}],["$","p",null,{"className":"text-lg","children":"PT. Appsensi Tiga Ribu"}]]}]}],["$","$La",null,{"children":["Working as ","Full-stack Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"Assigned for developing Webpage for Manage User, Attendance Report then integrate it with the Realtime data using VueJs, NodeJs and FireStore, also responsible for develop and design Billing Report using NodeJs, BigQuery, Google Spreadsheets."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Full-stack Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. Appsensi Tiga Ribu"}]]}]}]}]}]]}]]}]}],["$","section",null,{"className":"mt-4","children":["$","footer",null,{"className":"w-full h-10 bottom-0 border-t mb-4","children":["$","div",null,{"className":"flex justify-between mt-3 mx-4 text-slate-400","children":[["$","div",null,{"children":["$","$L4",null,{"href":"/","className":"hover:bg-slate-200 rounded-md px-2","children":"Surya Akhri Ramadhan 2024"}]}],["$","div",null,{"className":"flex gap-4","children":[["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://github.com/suryasarafe","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"github","className":"svg-inline--fa fa-github ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 496 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"$b","style":{}}]}]}]}],["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://id.linkedin.com/in/suryasarafe","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"linkedin","className":"svg-inline--fa fa-linkedin ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z","style":{}}]}]}]}],["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://www.instagram.com/suryasarafe","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"instagram","className":"svg-inline--fa fa-instagram ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z","style":{}}]}]}]}],["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://play.google.com/store/apps/details?id=com.sae.money_manager&hl=en","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"google-play","className":"svg-inline--fa fa-google-play ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z","style":{}}]}]}]}]]}]]}]}]}]]}]],null],null]},[["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_36bd41","children":["$","$Lc",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Ld",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6d2a0aadc796315e.css","precedence":"next","crossOrigin":"$undefined"}]],[null,"$Le"]]]]] -e:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Surya Akhri Ramadhan Portpolio"}],["$","meta","3",{"name":"description","content":"Surya Akhri Ramadhan just a Web Develover from Bandung, Indonesia"}],["$","link","4",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}]] +b:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z0:["Z7_XgwDP46QkvygMNhLLL",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},[["$L1",["$","main",null,{"children":[["$","section",null,{"className":"text-gray-600 body-font min-h-screen","children":["$","div",null,{"className":"container mx-auto flex px-5 py-24 items-center justify-center flex-col","children":[["$","$L2",null,{"className":"z-[-1] lg:w-2/6 md:w-3/6 w-5/6 mb-10 object-cover object-center rounded","alt":"Image illustration","src":"/background.png","title":"Image illustration","width":300,"height":300}],["$","div",null,{"className":"text-center lg:w-2/3 w-full","children":[["$","h1",null,{"className":"title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900 typewriter","children":"Surya Akhri Ramadhan"}],["$","p",null,{"className":"mb-8 leading-relaxed","children":"Just a Web Develover from Bandung, Indonesia"}]]}]]}]}],["$","section",null,{"className":"min-h-screen-90 w-full justify-center px-4","children":["$","div",null,{"className":"container","children":[["$","h2",null,{"className":"font-bold mb-4","children":"My Personal Development"}],["$","div",null,{"className":"flex flex-wrap -mx-4 justify-center","children":[["$","div","Angular",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/angular.png","title":"Angular","alt":"Angular","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Angular"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Angular is a web development framework made by Google."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Portpolio",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://web.archive.org/web/20221205083220/https://surya.devweb.id/","children":"Portpolio"}]}],["$","div","Sae Chord",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://web.archive.org/web/20220719124042/https://chord.devweb.id/","children":"Sae Chord"}]}],["$","div","TrendApp",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"TrendApp"}]}]]}]]}]]}]]}]}],["$","div","Flutter",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/flutter.png","title":"Flutter","alt":"Flutter","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Flutter"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Flutter is a toolkit made by Google for building apps."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","SMM",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://play.google.com/store/apps/details?id=com.sae.money_manager&hl=en","children":"SMM"}]}]]}]]}]]}]]}]}],["$","div","NodeJs",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/nodejs.png","title":"NodeJs","alt":"NodeJs","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"NodeJs"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"To write command line tools and for server-side scripting"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Sae Chord",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Sae Chord"}]}],["$","div","Attendance Report",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Attendance Report"}]}]]}]]}]]}]]}]}],["$","div","Vue.Js",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/vuejs.png","title":"Vue.Js","alt":"Vue.Js","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Vue.Js"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"A lightweight JavaScript framework for building user interfaces."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Admin Appsensi",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Admin Appsensi"}]}]]}]]}]]}]]}]}],["$","div","PHP",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/php.png","title":"PHP","alt":"PHP","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"PHP"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"A popular scripting language that is especially suited to web development."}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","TDAMart",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"TDAMart"}]}],["$","div","Inventory",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Inventory"}]}]]}]]}]]}]]}]}],["$","div","JQuery",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/jquery.png","title":"JQuery","alt":"JQuery","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"JQuery"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"JQuery is a lightweight JavaScript library that simplifies things"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Smart City",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Smart City"}]}],["$","div","Sphere Dash",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Sphere Dash"}]}]]}]]}]]}]]}]}],["$","div","React",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/react.png","title":"React","alt":"React","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"React"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"JavaScript library for building user interfaces"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","API Comment",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","a",null,{"className":"text-slate-500","target":"_blank","href":"https://www.npmjs.com/package/youtube-api-comment","children":"API Comment"}]}],["$","div","Video Streamer",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Video Streamer"}]}]]}]]}]]}]]}]}],["$","div","NextJs",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/nextjs.png","title":"NextJs","alt":"NextJs","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"NextJs"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Framework with server-side rendering and static website generation"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Portpolio",{"className":"cursor-pointer hover:bg-slate-100 rounded-md px-2","children":["$","$L4",null,{"href":"/","className":"text-slate-500","children":"Portpolio"}]}],["$","div","Vending Machine",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Vending Machine"}]}]]}]]}]]}]]}]}],["$","div","Arduino",{"className":"w-full lg:w-1/3 mb-4 px-2","children":["$","div",null,{"className":"rounded-lg bg-card text-card-foreground border gap-4 shadow-md hover:shadow-lg","children":[["$","div",null,{"className":"flex items-center space-x-4 rounded-md pt-4 px-4","children":[["$","$L2",null,{"src":"https://github.com/arduino.png","title":"Arduino","alt":"Arduino","width":64,"height":64}],["$","div",null,{"className":"flex-1 space-y-1","children":[["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Arduino"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Open-source electronic prototyping platform"}]]}]]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"w-[90%] mx-auto","children":["$","$L3",null,{"className":"mt-4 mb-0"}]}],["$","div",null,{"className":"w-full flex min-h-10 justify-between items-center text-sm px-4","children":[["$","div",null,{"className":"text-slate-500","children":["$","p",null,{"children":"My Project:"}]}],["$","div",null,{"className":"flex text-sm ","children":[["$","div","Smart Lamp",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Smart Lamp"}]}],["$","div","Motor Security",{"className":"cursor-not-allowed hover:bg-slate-100 rounded-md px-2","children":["$","p",null,{"className":"text-slate-500","children":"Motor Security"}]}]]}]]}]]}]]}]}]]}]]}]}],["$","section",null,{"className":"min-h-screen-90 w-full justify-center px-4 mt-4","children":["$","div",null,{"className":"container","children":[["$","h2",null,{"className":"font-bold mb-4","children":"Working History"}],["$","div",null,{"className":"flex flex-wrap -px-4","children":[["$","div","June 2015",{"className":"lg:w-1/3 w-full p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"June 2015"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[400px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col text-left","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"June 2015"}],["$","p",null,{"className":"text-lg","children":"PT. TERRALOGIQ INTEGRASI SOLUSI"}]]}]}],["$","$La",null,{"className":"text-left","children":["Working as ","Web Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"Terralogiq is a Tech Company and Google Cloud Partner that provides Geospatial, Location Intelligence and Mobility Solutions in Indonesia. Responsible developing Denpasar Smartcity(Demo version), Website for displaying location on map with border and POI (Point Of Interest), using JQuery and PHP."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Web Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. TERRALOGIQ INTEGRASI SOLUSI"}]]}]}]}]}],["$","div","March 2016",{"className":"lg:w-1/3 w-full p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"March 2016"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[400px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col text-left","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"March 2016"}],["$","p",null,{"className":"text-lg","children":"PT. SWAMEDIA INFORMATIKA"}]]}]}],["$","$La",null,{"className":"text-left","children":["Working as ","PHP Programer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"Working in wide variety business applications such as Telecommunication System, Management Report System, Electrical System, Key Performance Indicator ( KPI ) System and Event Organizer. Assigned to developing Web App for e-commerce, known as TDA Mart using PHP and Code Igniter."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"PHP Programer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. SWAMEDIA INFORMATIKA"}]]}]}]}]}],["$","div","January 2017",{"className":"lg:w-1/3 w-full p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"January 2017"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[400px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col text-left","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"January 2017"}],["$","p",null,{"className":"text-lg","children":"PT. INDISMART KREATIF IDEA"}]]}]}],["$","$La",null,{"className":"text-left","children":["Working as ","Front-End Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"PT. Indismart Kreatif Idea is a member of Smart City Community and Innovation Center - Intitut Teknologi Bandung. Assigned to design and develop the system and device internet of thing (IOT) for street lighting. Work in small team to develop Internet of Things(IoT) Product. Designing Web Dashboard that can monitor and controling device using AngularJS."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Front-End Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. INDISMART KREATIF IDEA"}]]}]}]}]}],["$","div","April 2018",{"className":"lg:w-1/3 w-full p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"April 2018"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[400px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col text-left","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"April 2018"}],["$","p",null,{"className":"text-lg","children":"PT. Intersolusi Teknologi Asia (BTS.ID)"}]]}]}],["$","$La",null,{"className":"text-left","children":["Working as ","Sr. Front-End Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"PT Intersolusi Teknologi Asia also known as Bridge Technology Services. Assigned for design and developing some internal and confidential project, working on small and big team. The project itself have different purpose like reporting, reservation room, recruiter online, e-commerce designing using Angular or ReactJs. In most case i responsible for development, deploy and manage the app. Some app i use in this company: SVN for managing Document, Ticket, Test Case, Release Notes and others. Git for Code sharing and Versioning. NodeJs and it's dependency for Deploying."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Sr. Front-End Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. Intersolusi Teknologi Asia (BTS.ID)"}]]}]}]}]}],["$","div","Mar 2020",{"className":"lg:w-1/3 w-full p-2","children":["$","div",null,{"className":"rounded-lg border bg-card text-card-foreground shadow-sm hover:shadow-md","children":["$","div",null,{"className":"","children":["$","div",null,{"className":"flex flex-col space-y-1.5 p-6 text-left py-2","children":[["$","div",null,{"className":"flex justify-between w-full text-slate-400","children":[["$","div",null,{"className":"text-xs","children":"Mar 2020"}],["$","div",null,{"children":["$","$L5",null,{"children":[["$","$L6",null,{"asChild":true,"children":["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fas","data-icon":"message","className":"svg-inline--fa fa-message ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":14,"width":14,"children":["$","path",null,{"fill":"currentColor","d":"M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l96 0 0 80c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0z","style":{}}]}]}]}],["$","$L7",null,{"className":"sm:max-w-[400px]","children":[["$","$L8",null,{"children":[["$","$L9",null,{"children":["$","div",null,{"className":"flex flex-col text-left","children":[["$","p",null,{"className":"text-sm text-slate-400 font-normal","children":"Mar 2020"}],["$","p",null,{"className":"text-lg","children":"PT. Appsensi Tiga Ribu"}]]}]}],["$","$La",null,{"className":"text-left","children":["Working as ","Full-stack Developer"]}]]}],["$","$L3",null,{}],["$","div",null,{"className":"","children":["$","p",null,{"className":"text-justify text-slate-500 text-sm","children":"Assigned for developing Webpage for Manage User, Attendance Report then integrate it with the Realtime data using VueJs, NodeJs and FireStore, also responsible for develop and design Billing Report using NodeJs, BigQuery, Google Spreadsheets."}]}]]}]]}]}]]}],["$","h3",null,{"className":"text-2xl font-semibold leading-none tracking-tight","children":"Full-stack Developer"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"PT. Appsensi Tiga Ribu"}]]}]}]}]}]]}]]}]}],["$","section",null,{"className":"mt-4","children":["$","footer",null,{"className":"w-full h-10 bottom-0 border-t mb-4","children":["$","div",null,{"className":"flex flex-col md:flex-row md:justify-between mt-3 mx-4 text-center text-slate-400","children":[["$","div",null,{"children":["$","$L4",null,{"href":"/","className":"hover:bg-slate-200 rounded-md px-2","children":"Surya Akhri Ramadhan 2024"}]}],["$","div",null,{"className":"flex py-2 gap-4 justify-center","children":[["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://github.com/suryasarafe","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"github","className":"svg-inline--fa fa-github ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 496 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"$b","style":{}}]}]}]}],["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://id.linkedin.com/in/suryasarafe","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"linkedin","className":"svg-inline--fa fa-linkedin ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z","style":{}}]}]}]}],["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://www.instagram.com/suryasarafe","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"instagram","className":"svg-inline--fa fa-instagram ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z","style":{}}]}]}]}],["$","div",null,{"className":"cursor-pointer hover:scale-110","children":["$","a",null,{"href":"https://play.google.com/store/apps/details?id=com.sae.money_manager&hl=en","target":"_blank","children":["$","svg",null,{"aria-hidden":"true","focusable":"false","data-prefix":"fab","data-icon":"google-play","className":"svg-inline--fa fa-google-play ","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512","style":{},"height":24,"width":24,"children":["$","path",null,{"fill":"currentColor","d":"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z","style":{}}]}]}]}]]}]]}]}]}]]}]],null],null]},[["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_36bd41","children":["$","$Lc",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Ld",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/de869ec767458f1b.css","precedence":"next","crossOrigin":"$undefined"}]],[null,"$Le"]]]]] +e:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Surya Akhri Ramadhan Portpolio"}],["$","meta","3",{"name":"description","content":"Surya Akhri Ramadhan just a Web Develover from Bandung, Indonesia"}],["$","link","4",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"16x16"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:null