1<!DOCTYPE html><!--xK_Rx06pXq33XHaUJ1hrV--><html class="display-flex position-relative min-width-0 fill-width geist_d82bf9db-module__Ifi_Dq__variable geist_250f8b91-module__B2UTAq__variable geist_4edd9b70-module__GC7HaW__variable geist_mono_90672d7c-module__qcY_rq__variable " lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.479bea2b.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/93ac2d54f71ec8d4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/d20e0f0702cef329.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/f816219c5f1ad890.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/eef662fdc50843a7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/b3a7f4834154c9dc.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/370d9903930d886d.js"/>
1<script src="/_next/static/chunks/961311cbebbffb6d.js" async=""></script>
1<script src="/_next/static/chunks/6a646249fbaa4118.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0ac8f9819d87a5c2.js" async=""></script>
1<script src="/_next/static/chunks/d96012bcfc98706a.js" async=""></script>
1<script src="/_next/static/chunks/73e3194f06db260e.js" async=""></script>
1<script src="/_next/static/chunks/19e7bf327731c7dd.js" async=""></script>
1<script src="/_next/static/chunks/8a07e6fd7e614a7b.js" async=""></script>
1<script src="/_next/static/chunks/cd30ddc1cd17fb40.js" async=""></script>
1<script src="/_next/static/chunks/c5889615f9c26752.js" async=""></script>
1<script src="/_next/static/chunks/2079049d5abbbd3d.js" async=""></script>
1<script src="/_next/static/chunks/72b212fa7b9df6a3.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>About â Selene Yu</title><meta name="description" content="Meet Selene Yu, Design Engineer from Asia/Jakarta"/><meta property="og:title" content="About â Selene Yu"/><meta property="og:description" content="Meet Selene Yu, Design Engineer from Asia/Jakarta"/><meta property="og:url" content="https://demo.magic-portfolio.com/about"/><meta property="og:image" content="https://demo.magic-portfolio.com/api/og/generate?title=About%20%E2%80%93%20Selene%20Yu"/><meta property="og:image:alt" content="About â Selene Yu"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="About â Selene Yu"/><meta name="twitter:description" content="Meet Selene Yu, Design Engineer from Asia/Jakarta"/><meta name="twitter:image" content="https://demo.magic-portfolio.com/api/og/generate?title=About%20%E2%80%93%20Selene%20Yu"/><link rel="icon" href="/favicon.ico?favicon.ed981638.ico" sizes="120x120" type="image/x-icon"/>
1<script id="theme-init"> 2 (function() { 3 try { 4 const root = document.documentElement; 5 const defaultTheme = 'system'; 6 7 // Set defaults from config 8 const config = {"brand":"cyan","accent":"red","neutral":"gray","solid":"contrast","solid-style":"flat","border":"playful","surface":"translucent","transition":"all","scaling":"100","viz-style":"gradient"}; 9 10 // Apply default values 11 Object.entries(config).forEach(([key, value]) => { 12 root.setAttribute('data-' + key, value); 13 }); 14 15 // Resolve theme 16 const resolveTheme = (themeValue) => { 17 if (!themeValue || themeValue === 'system') { 18 return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; 19 } 20 return themeValue; 21 }; 22 23 // Apply saved theme 24 const savedTheme = localStorage.getItem('data-theme'); 25 const resolvedTheme = resolveTheme(savedTheme); 26 root.setAttribute('data-theme', resolvedTheme); 27 28 // Apply any saved style overrides 29 const styleKeys = Object.keys(config); 30 styleKeys.forEach(key => { 31 const value = localStorage.getItem('data-' + key); 32 if (value) { 33 root.setAttribute('data-' + key, value); 34 } 35 }); 36 } catch (e) { 37 console.error('Failed to initialize theme:', e); 38 document.documentElement.setAttribute('data-theme', 'dark'); 39 } 40 })(); 41 </script>
41<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
41</head><body class="display-flex position-relative p-0 m-0 page-background flex-column align-center min-width-0 fill-width " style="min-height:100vh"><div hidden=""><!--$--><!--/$--></div><div class="display-flex position-absolute fill min-width-0 min-height-0 min-width-0 fill-width RevealFx-module-scss-module__6G5tfa__revealFx RevealFx-module-scss-module__6G5tfa__hidden " style="transition-duration:2s;transform:translateY(undefined)"><div class="display-flex position-relative overflow-hidden fill min-height-0 min-width-0 "><div class="display-flex position-absolute top-0 left-0 overflow-hidden fill min-height-0 min-width-0 Mask-module-scss-module__b7fjhq__mask " style="--mask-position-x:50%;--mask-position-y:0%;--mask-radius:100vh"><div class="display-flex position-absolute top-0 left-0 pointer-events-none opacity-40 fill min-height-0 min-width-0 Background-module-scss-module__ijNboa__dots " style="--dots-color:var(--brand-background-strong);--dots-size:var(--static-space-2)"></div></div></div></div><div class="display-flex position-relative min-width-0 fill-width s-flex-hide" style="min-height:var(--static-space-16)"></div><div class="display-flex position-fixed min-width-0 fill-width z-index-9 Fade-module-scss-module__WhQGgG__mask s-flex-hide" style="height:var(--static-space-80);--base-color:var(--page-background);--gradient-direction:180deg"></div><div class="display-flex position-fixed flex-hide bottom-0 min-width-0 fill-width z-index-9 Fade-module-scss-module__WhQGgG__mask s-flex-show" style="height:var(--static-space-80);--base-color:var(--page-background);--gradient-direction:0deg"></div><header class="display-flex position-sticky p-8 top-0 justify-center fit-height min-width-0 fill-width z-index-9 Header-module-scss-module__t7BEda__position s-position-fixed" data-border="rounded"><div class="display-flex position-relative pl-12 align-center min-width-0 fill-width font-body font-default font-s "><div class="display-flex position-relative s-flex-hide">Asia/Jakarta</div></div><div class="display-flex position-relative justify-center min-width-0 fill-width "><div class="display-flex position-relative p-4 page-background neutral-border-alpha-weak border-solid border-1 radius-m-4 justify-center shadow-l z-index-1 "><div class="display-flex position-relative g-4 align-center font-body font-default font-s "><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M216,120v96H152V152H104v64H40V120a8,8,0,0,1,2.34-5.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,216,120Z" opacity="0.2"></path><path d="M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z"></path></svg></span></a><div class="display-flex position-relative neutral-background-alpha-medium flex-column min-height-0 fill-height " style="min-width:var(--static-space-1);max-height:var(--static-space-24);width:var(--static-space-1)"></div><div class="display-flex position-relative s-flex-hide"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m ToggleButton-module-scss-module__9rlAba__selected radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/about"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z" opacity="0.2"></path><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,10
417.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"></path></svg></span><div class="display-flex position-static px-4 justify-center font-label font-s font-default ">About</div></a></div><div class="display-flex position-relative flex-hide s-flex-show"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m ToggleButton-module-scss-module__9rlAba__selected radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/about"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z" opacity="0.2"></path><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"></path></svg></span></a></div><div class="display-flex position-relative s-flex-hide"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/work"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M208,56V200a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H200A8,8,0,0,1,208,56Z" opacity="0.2"></path><path d="M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,80H136V56h64ZM120,56v64H56V56ZM56,136h64v64H56Zm144,64H136V136h64v64Z"></path></svg></span><div class="display-flex position-static px-4 justify-center font-label font-s font-default ">Work</div></a></div><div class="display-flex position-relative flex-hide s-flex-show"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/work"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M208,56V200a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H200A8,8,0,0,1,208,56Z" opacity="0.2"></path><path d="M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,80H136V56h64ZM120,56v64H56V56ZM56,136h64v64H56Zm144,64H136V136h64v64Z"></path></svg></span></a></div><div class="display-flex position-relative s-flex-hide"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/blog"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M208,32V192H72a24,24,0,0,0-24,24V56A24,24,0,0,1,72,32h40v96l32-24,32,24V32Z" opacity="0.2"></path><path d="M208,24H72A32,32,0,0,0,40,56V224a8,8,0,0,0,8,8H192a8,8,0,0,0,0-16H56a16,16,0,0,1,16-16H208a8,8,0,0,0,8-8V32A8,8,0,0,0,208,24ZM120,40h48v72L148.79,97.6a8,8,0,0,0-9.6,0L120,112Zm80,144H72a31.82,31.82,0,0,0-16,4.29V56A16,16,0,0,1,72,40h32v88a8,8,0,0,0,12.8,6.4L144,114l27.21,20.4A8,8,0,0,0,176,136a8.1,8.1,0,0,0,3.58-.84A8,8,0,0,0,184,128V40h16Z"></path></svg></span><div class="display-flex position-static px-4 justify-center font-label font-s font-default ">Blog</div></a></div><div class="display-flex position-relative flex-hide s-flex-show"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/blog"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M208,32V192H72a24,24,0,0,0-24,24V56A24,24,0,0,1,72,32h40v96l32-24,32,24V32Z" opacity="0.2"></path><path d="M208,24H72A32,32,0,0,0,40,56V224a8,8,0,0,0,8,8H192a8,8,0,0,0,0-16H56a16,16,0,0,1,16-16H208a8,8,0,0,0,8-8V32A8,8,0,0,0,208,24ZM120,40h48v72L148.79,97.6a8,8,0,0,0-9.6,0L120,112Zm80,144H72a31.82,31.82,0,0,0-16,4.29V56A16,16,0,0,1,72,40h32v88a8,8,0,0,0,12.8,6.4L144,114l27.21,20.4A8,8,0,0,0,176,136a8.1,8.1,0,0,0,3.58-.84A8,8,0,0,0,184,128V40h16Z"></path></svg></span></a></div><div class="display-flex position-relative s-flex-hide"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/gallery"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z" opacity="0.2"></path><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z"></path></svg></span><div class="display-flex position-static px-4 justify-center font-label font-s font-default ">Gallery</div></a></div><div class="display-flex position-relative flex-hide s-flex-show"><a class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" href="/gallery"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z" opacity="0.2"></path><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z"></path></svg></span></a></div><div class="display-flex position-relative neutral-background-alpha-medium flex-column min-height-0 fill-height " style="min-width:var(--static-space-1);max-height:var(--static-space-24);width:var(--static-space-1)"></div><button class="ToggleButton-module-scss-module__9rlAba__button ToggleButton-module-scss-module__9rlAba__ghost ToggleButton-module-scss-module__9rlAba__m radius-m text-decoration-none button cursor-interactive fit-width justify-center" aria-label="Switch to dark mode"><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__xs " aria-hidden="true">
41<svg stroke="currentColor" fill="none" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"></path></svg></span></button></div></div></div><div class="display-flex position-relative justify-end align-center min-width-0 fill-width "><div class="display-flex position-relative pr-12 g-20 justify-end align-center font-body font-default font-s "><div class="display-flex position-relative s-flex-hide"></div></div></div></header><div class="display-flex position-relative p-l flex-1 justify-center min-width-0 fill-width "><div class="display-flex position-relative justify-center min-width-0 fill-width " style="min-height:var(--static-space-0)"><div class="display-flex position-relative py-128 justify-center min-width-0 fill-width "><div class="display-flex position-relative center "><div class="display-flex position-relative center Spinner-module-scss-module__imkilW__m " role="status" aria-label="Loading"><div class="display-flex position-relative fill min-height-0 min-width-0 "><div class="display-flex position-absolute neutral-border-alpha-medium border-1 border-solid radius-full fill min-height-0 min-width-0 Spinner-module-scss-module__imkilW__size "></div><div class="display-flex position-relative border-solid radius-full fill min-height-0 min-width-0 Spinner-module-scss-module__imkilW__spinner Spinner-module-scss-module__imkilW__size "></div></div></div></div></div></div></div><footer class="display-flex position-relative p-8 justify-center min-width-0 fill-width s-flex-column"><div class="display-flex position-relative px-16 py-8 g-16 justify-between align-center fill-width Footer-module-scss-module__DkSkqG__mobile s-flex-column s-align-center" style="max-width:var(--responsive-width-m)"><span class="font-body font-default font-s neutral-on-background-strong"><span class="neutral-on-background-weak">© <!-- -->2026<!-- --> /</span><span class="px-4">Selene Yu</span><span class="neutral-on-background-weak">/ Build your portfolio with<!-- --> <a href="https://once-ui.com/products/magic-portfolio" target="_blank" rel="noreferrer" class="reset-button-styles focus-ring align-center display-inline-flex g-8 radius-s fit-width px-2 mx-2">Once UI</a></span></span><div class="display-flex position-relative g-16 "><div class="display-flex position-relative "><a href="https://github.com/once-ui-system" target="_blank" rel="noreferrer" class="Button-module-scss-module__Z_19_G__button Button-module-scss-module__Z_19_G__ghost IconButton-module-scss-module__-vAwNG__s radius-m text-decoration-none button cursor-interactive" aria-label="GitHub"><div class="display-flex position-relative center fill min-height-0 min-width-0 "><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__s " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="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-2z"></path></svg></span></div></a></div><div class="display-flex position-relative "><a href="https://www.linkedin.com/company/once-ui/" target="_blank" rel="noreferrer" class="Button-module-scss-module__Z_19_G__button Button-module-scss-module__Z_19_G__ghost IconButton-module-scss-module__-vAwNG__s radius-m text-decoration-none button cursor-interactive" aria-label="LinkedIn"><div class="display-flex position-relative center fill min-height-0 min-width-0 "><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__s " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path 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"></path></svg></span></div></a></div><div class="display-flex position-relative "><a href="https://www.instagram.com/once_ui/" target="_blank" rel="noreferrer" class="Button-module-scss-module__Z_19_G__button Button-module-scss-module__Z_19_G__ghost IconButton-module-scss-module__-vAwNG__s radius-m text-decoration-none button cursor-interactive" aria-label="Instagram"><div class="display-flex position-relative center fill min-height-0 min-width-0 "><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__s " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path 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"></path></svg></span></div></a></div><div class="display-flex position-relative "><a href="https://www.threads.com/@once_ui" target="_blank" rel="noreferrer" class="Button-module-scss-module__Z_19_G__button Button-module-scss-module__Z_19_G__ghost IconButton-module-scss-module__-vAwNG__s radius-m text-decoration-none button cursor-interactive" aria-label="Threads"><div class="display-flex position-relative center fill min-height-0 min-width-0 "><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__s " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"></path></svg></span></div></a></div><div class="display-flex position-relative "><a class="Button-module-scss-module__Z_19_G__button Button-module-scss-module__Z_19_G__ghost IconButton-module-scss-module__-vAwNG__s radius-m text-decoration-none button cursor-interactive" aria-label="Email" href="mailto:[email protected]"><div class="display-flex position-relative center fill min-height-0 min-width-0 "><span class="display-inline-flex position-relative fit color-inherit Icon-module-scss-module__glKzjG__s " aria-hidden="true"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z"></path><path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z"></path></svg></span></div></a></div></div></div><div class="display-flex position-relative flex-hide s-flex-show" style="height:var(--static-space-80)"></div></footer>
41<script src="/_next/static/chunks/370d9903930d886d.js" id="_R_" async=""></script>
41<script>(self.__next_f=self.__next_f||[]).push([0])</script>
41<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[339756,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"default\"]\n4:I[837457,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"default\"]\n5:I[273323,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Column\"]\n6:I[479520,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"\"]\n7:I[385334,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"default\"]\n10:I[168027,[],\"default\"]\n:HL[\"/_next/static/chunks/93ac2d54f71ec8d4.css\",\"style\"]\n:HL[\"/_next/static/chunks/d20e0f0702cef329.css\",\"style\"]\n:HL[\"/_next/static/chunks/f816219c5f1ad890.css\",\"style\"]\n:HL[\"/_next/static/chunks/eef662fdc50843a7.css\",\"style\"]\n:HL[\"/_next/static/chunks/b3a7f4834154c9dc.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.479bea2b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
41<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"xK_Rx06pXq33XHaUJ1hrV\",\"c\":[\"\",\"about\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"about\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/93ac2d54f71ec8d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d20e0f0702cef329.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/f816219c5f1ad890.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/eef662fdc50843a7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/b3a7f4834154c9dc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/19e7bf327731c7dd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/c5889615f9c26752.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/2079049d5abbbd3d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"maxWidth\":\"m\",\"children\":[[\"$\",\"$L6\",null,{\"id\":\"schema-webPage-/about\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebPage\\\",\\\"url\\\":\\\"https://demo.magic-portfolio.com/about\\\",\\\"sameAs\\\":[],\\\"headline\\\":\\\"About â Selene Yu\\\",\\\"description\\\":\\\"Meet Selene Yu, Design Engineer from Asia/Jakarta\\\",\\\"image\\\":\\\"https://demo.magic-portfolio.com/api/og/generate?title=About%20%E2%80%93%20Selene%20Yu\\\",\\\"author\\\":{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Selene Yu\\\",\\\"url\\\":\\\"https://demo.magic-portfolio.com/about\\\",\\\"image\\\":{\\\"@type\\\":\\\"ImageObject\\\",\\\"url\\\":\\\"https://demo.magic-portfolio.com/images/avatar.jpg\\\"}}}\"}}],[\"$\",\"$L5\",null,{\"left\":\"0\",\"style\":{\"top\":\"50%\",\"transform\":\"translateY(-50%)\"},\"position\":\"fixed\",\"paddingLeft\":\"24\",\"gap\":\"32\",\"s\":{\"hide\":true},\"children\":[\"$\",\"$L7\",null,{\"structure\":[{\"title\":\"Introduction\",\"display\":true,\"items\":[]},{\"title\":\"Work Experience\",\"display\":true,\"items\":[\"FLY\",\"Creativ3\"]},{\"title\":\"Studies\",\"display\":true,\"items\":[\"University of Jakarta\",\"Build the Future\"]},{\"title\":\"Technical skills\",\"display\":true,\"items\":[\"Figma\",\"Next.js\"]}],\"about\":{\"path\":\"/about\",\"label\":\"About\",\"title\":\"About â Selene Yu\",\"description\":\"Meet Selene Yu, Design Engineer from Asia/Jakarta\",\"tableOfContent\":{\"display\":true,\"subItems\":false},\"avatar\":{\"display\":true},\"calendar\":{\"display\":true,\"link\":\"https://cal.com\"},\"intro\":{\"display\":true,\"title\":\"Introduction\",\"description\":\"Selene is a Jakarta-based design engineer with a passion for transforming complex challenges into simple, elegant design solutions. Her work spans digital interfaces, interactive experiences, and the convergence of design and technology.\"},\"work\":{\"display\":true,\"title\":\"Work Experience\",\"experiences\":[{\"company\":\"FLY\",\"timeframe\":\"2022 - Present\",\"role\":\"Senior Design Engineer\",\"achievements\":[\"Redesigned the UI/UX for the FLY platform, resulting in a 20% increase in user engagement and 30% faster load times.\",\"Spearheaded the integration of AI tools into design workflows, enabling designers to iterate 50% faster.\"],\"images\":[{\"src\":\"/images/projects/project-01/cover-01.jpg\",\"alt\":\"Once UI Project\",\"width\":16,\"height\"
41:9}]},{\"company\":\"Creativ3\",\"timeframe\":\"2018 - 2022\",\"role\":\"Lead Designer\",\"achievements\":[\"Developed a design system that unified the brand across multiple platforms, improving design consistency by 40%.\",\"Led a cross-functional team to launch a new product line, contributing to a 15% increase in overall company revenue.\"],\"images\":[]}]},\"studies\":{\"display\":true,\"title\":\"Studies\",\"institutions\":[{\"name\":\"University of Jakarta\",\"description\":\"$L8\"},{\"name\":\"Build the Future\",\"description\":\"$L9\"}]},\"technical\":{\"display\":true,\"title\":\"Technical skills\",\"skills\":[{\"title\":\"Figma\",\"description\":\"$La\",\"tags\":[{\"name\":\"Figma\",\"icon\":\"figma\"}],\"images\":[{\"src\":\"/images/projects/project-01/cover-02.jpg\",\"alt\":\"Project image\",\"width\":16,\"height\":9},{\"src\":\"/images/projects/project-01/cover-03.jpg\",\"alt\":\"Project image\",\"width\":16,\"height\":9}]},{\"title\":\"Next.js\",\"description\":\"$Lb\",\"tags\":[{\"name\":\"JavaScript\",\"icon\":\"javascript\"},{\"name\":\"Next.js\",\"icon\":\"nextjs\"},{\"name\":\"Supabase\",\"icon\":\"supabase\"}],\"images\":[{\"src\":\"/images/projects/project-01/cover-04.jpg\",\"alt\":\"Project image\",\"width\":16,\"height\":9}]}]}}}]}],\"$Lc\"]}],[\"$Ld\"],\"$Le\"]}],{},null,false,false]},null,false,false]},null,false,false],\"$Lf\",false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"S\":true}\n"])</script>
41<script>self.__next_f.push([1,"11:I[778454,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Row\"]\n12:I[145250,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Avatar\"]\n13:I[141118,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Icon\"]\n14:I[31605,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Tag\"]\n15:I[298229,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"IconButton\"]\n16:I[691722,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Button\"]\n1c:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"OutletBoundary\"]\n1d:\"$Sreact.suspense\"\n1f:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"ViewportBoundary\"]\n21:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"MetadataBoundary\"]\n24:I[530824,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\"],\"Providers\"]\n25:I[621971,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"RevealFx\"]\n26:I[394412,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Background\"]\n27:I[521247,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"ClientFlex\"]\n28:I[402971,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\"],\"Header\"]\n29:I[1166,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\"],\"RouteGuard\"]\n8:\"Studied software engineering.\"\n9:\"Studied online marketing and personal branding.\"\na:\"Able to prototype in Figma with Once UI with unnatural speed.\"\nb:\"Building next gen apps with Next.js + Once UI + Supabase.\"\n"])</script>
41<script>self.__next_f.push([1,"c:[\"$\",\"$L11\",null,{\"fillWidth\":true,\"s\":{\"direction\":\"column\"},\"horizontal\":\"center\",\"children\":[[\"$\",\"$L5\",null,{\"className\":\"$undefined\",\"top\":\"64\",\"fitHeight\":true,\"position\":\"sticky\",\"s\":{\"position\":\"relative\",\"style\":{\"top\":\"auto\"}},\"xs\":{\"style\":{\"top\":\"auto\"}},\"minWidth\":\"160\",\"paddingX\":\"l\",\"paddingBottom\":\"xl\",\"gap\":\"m\",\"flex\":3,\"horizontal\":\"center\",\"children\":[[\"$\",\"$L12\",null,{\"src\":\"/images/avatar.jpg\",\"size\":\"xl\"}],[\"$\",\"$L11\",null,{\"gap\":\"8\",\"vertical\":\"center\",\"children\":[[\"$\",\"$L13\",null,{\"onBackground\":\"accent-weak\",\"name\":\"globe\"}],\"Asia/Jakarta\"]}],[\"$\",\"$L11\",null,{\"wrap\":true,\"gap\":\"8\",\"children\":[[\"$\",\"$L14\",\"0\",{\"size\":\"l\",\"children\":\"English\"}],[\"$\",\"$L14\",\"1\",{\"size\":\"l\",\"children\":\"Bahasa\"}]]}]]}],[\"$\",\"$L5\",null,{\"className\":\"about-module-scss-module__a59t3q__blockAlign\",\"flex\":9,\"maxWidth\":40,\"children\":[[\"$\",\"$L5\",null,{\"id\":\"Introduction\",\"fillWidth\":true,\"minHeight\":\"160\",\"vertical\":\"center\",\"marginBottom\":\"32\",\"children\":[[\"$\",\"$L11\",null,{\"fitWidth\":true,\"border\":\"brand-alpha-medium\",\"background\":\"brand-alpha-weak\",\"radius\":\"full\",\"padding\":\"4\",\"gap\":\"8\",\"marginBottom\":\"m\",\"vertical\":\"center\",\"className\":\"about-module-scss-module__a59t3q__blockAlign\",\"style\":{\"backdropFilter\":\"blur(var(--static-space-1))\"},\"children\":[[\"$\",\"$L13\",null,{\"paddingLeft\":\"12\",\"name\":\"calendar\",\"onBackground\":\"brand-weak\"}],[\"$\",\"$L11\",null,{\"paddingX\":\"8\",\"children\":\"Schedule a call\"}],[\"$\",\"$L15\",null,{\"href\":\"https://cal.com\",\"data-border\":\"rounded\",\"variant\":\"secondary\",\"icon\":\"chevronRight\"}]]}],[\"$\",\"h1\",null,{\"className\":\"font-display font-strong font-xl neutral-on-background-strong about-module-scss-module__a59t3q__textAlign\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"balance\"},\"children\":\"Selene Yu\"}],[\"$\",\"span\",null,{\"className\":\"font-display font-default font-xs neutral-on-background-weak about-module-scss-module__a59t3q__textAlign\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"Design Engineer\"}],[\"$\",\"$L11\",null,{\"className\":\"about-module-scss-module__a59t3q__blockAlign\",\"paddingTop\":\"20\",\"paddingBottom\":\"8\",\"gap\":\"8\",\"wrap\":true,\"horizontal\":\"center\",\"fitWidth\":true,\"data-border\":\"rounded\",\"children\":[[\"$\",\"$1\",\"GitHub\",{\"children\":[[\"$\",\"$L11\",null,{\"s\":{\"hide\":true},\"children\":[\"$\",\"$L16\",\"GitHub\",{\"href\":\"https://github.com/once-ui-system\",\"prefixIcon\":\"github\",\"label\":\"GitHub\",\"size\":\"s\",\"weight\":\"default\",\"variant\":\"secondary\"}]}],[\"$\",\"$L11\",null,{\"hide\":true,\"s\":{\"hide\":false},\"children\":[\"$\",\"$L15\",\"GitHub-icon\",{\"size\":\"l\",\"href\":\"https://github.com/once-ui-system\",\"icon\":\"github\",\"variant\":\"secondary\"}]}]]}],[\"$\",\"$1\",\"LinkedIn\",{\"children\":[[\"$\",\"$L11\",null,{\"s\":{\"hide\":true},\"children\":[\"$\",\"$L16\",\"LinkedIn\",{\"href\":\"https://www.linkedin.com/company/once-ui/\",\"prefixIcon\":\"linkedin\",\"label\":\"LinkedIn\",\"size\":\"s\",\"weight\":\"default\",\"variant\":\"secondary\"}]}],[\"$\",\"$L11\",null,{\"hide\":true,\"s\":{\"hide\":false},\"children\":[\"$\",\"$L15\",\"LinkedIn-icon\",{\"size\":\"l\",\"href\":\"https://www.linkedin.com/company/once-ui/\",\"icon\":\"linkedin\",\"variant\":\"secondary\"}]}]]}],[\"$\",\"$1\",\"Threads\",{\"children\":[[\"$\",\"$L11\",null,{\"s\":{\"hide\":true},\"children\":[\"$\",\"$L16\",\"Threads\",{\"href\":\"https://www.threads.com/@once_ui\",\"prefixIcon\":\"threads\",\"label\":\"Threads\",\"size\":\"s\",\"weight\":\"default\",\"variant\":\"secondary\"}]}],[\"$\",\"$L11\",null,{\"hide\":true,\"s\":{\"hide\":false},\"children\":[\"$\",\"$L15\",\"Threads-icon\",{\"size\":\"l\",\"href\":\"https://www.threads.com/@once_ui\",\"icon\":\"threads\",\"variant\":\"secondary\"}]}]]}],[\"$\",\"$1\",\"Email\",{\"children\":[[\"$\",\"$L11\",null,{\"s\":{\"hide\":true},\"children\":[\"$\",\"$L16\",\"Email\",{\"href\":\"mailto:[email protected]\",\"prefixIcon\":\"email\",\"label\":\"Email\",\"size\":\"s\",\"
41weight\":\"default\",\"variant\":\"secondary\"}]}],[\"$\",\"$L11\",null,{\"hide\":true,\"s\":{\"hide\":false},\"children\":[\"$\",\"$L15\",\"Email-icon\",{\"size\":\"l\",\"href\":\"mailto:[email protected]\",\"icon\":\"email\",\"variant\":\"secondary\"}]}]]}]]}]]}],[\"$\",\"$L5\",null,{\"textVariant\":\"body-default-l\",\"fillWidth\":true,\"gap\":\"m\",\"marginBottom\":\"xl\",\"children\":\"$0:f:0:1:1:children:1:children:0:props:children:0:props:children:1:props:children:props:about:intro:description\"}],[[\"$\",\"h2\",null,{\"className\":\"font-display font-strong font-s neutral-on-background-strong mb-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"balance\"},\"id\":\"Work Experience\",\"children\":\"Work Experience\"}],[\"$\",\"$L5\",null,{\"fillWidth\":true,\"gap\":\"l\",\"marginBottom\":\"40\",\"children\":[[\"$\",\"$L5\",\"FLY-Senior Design Engineer-0\",{\"fillWidth\":true,\"children\":[[\"$\",\"$L11\",null,{\"fillWidth\":true,\"horizontal\":\"between\",\"vertical\":\"end\",\"marginBottom\":\"4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading font-strong font-l\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"id\":\"FLY\",\"children\":\"FLY\"}],[\"$\",\"span\",null,{\"className\":\"font-heading font-default font-xs neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"2022 - Present\"}]]}],[\"$\",\"span\",null,{\"className\":\"font-body font-default font-s brand-on-background-weak mb-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"Senior Design Engineer\"}],[\"$\",\"$L5\",null,{\"as\":\"ul\",\"gap\":\"16\",\"children\":[[\"$\",\"li\",\"FLY-0\",{\"className\":\"font-body font-default font-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$0:f:0:1:1:children:1:children:0:props:children:0:props:children:1:props:children:props:about:work:experiences:0:achievements:0\"}],\"$L17\"]}],\"$L18\"]}],\"$L19\"]}]],\"$L1a\",\"$L1b\"]}]]}]\n"])</script>
41<script>self.__next_f.push([1,"d:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/72b212fa7b9df6a3.js\",\"async\":true,\"nonce\":\"$undefined\"}]\ne:[\"$\",\"$L1c\",null,{\"children\":[\"$\",\"$1d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1e\"}]}]\nf:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1f\",null,{\"children\":\"$L20\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L21\",null,{\"children\":[\"$\",\"$1d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L22\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n23:T76b,"])</script>
41<script>self.__next_f.push([1,"\n (function() {\n try {\n const root = document.documentElement;\n const defaultTheme = 'system';\n \n // Set defaults from config\n const config = {\"brand\":\"cyan\",\"accent\":\"red\",\"neutral\":\"gray\",\"solid\":\"contrast\",\"solid-style\":\"flat\",\"border\":\"playful\",\"surface\":\"translucent\",\"transition\":\"all\",\"scaling\":\"100\",\"viz-style\":\"gradient\"};\n \n // Apply default values\n Object.entries(config).forEach(([key, value]) =\u003e {\n root.setAttribute('data-' + key, value);\n });\n \n // Resolve theme\n const resolveTheme = (themeValue) =\u003e {\n if (!themeValue || themeValue === 'system') {\n return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n }\n return themeValue;\n };\n \n // Apply saved theme\n const savedTheme = localStorage.getItem('data-theme');\n const resolvedTheme = resolveTheme(savedTheme);\n root.setAttribute('data-theme', resolvedTheme);\n \n // Apply any saved style overrides\n const styleKeys = Object.keys(config);\n styleKeys.forEach(key =\u003e {\n const value = localStorage.getItem('data-' + key);\n if (value) {\n root.setAttribute('data-' + key, value);\n }\n });\n } catch (e) {\n console.error('Failed to initialize theme:', e);\n document.documentElement.setAttribute('data-theme', 'dark');\n }\n })();\n "])</script>
41<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"ref\":\"$undefined\",\"className\":\"display-flex position-relative min-width-0 fill-width geist_d82bf9db-module__Ifi_Dq__variable geist_250f8b91-module__B2UTAq__variable geist_4edd9b70-module__GC7HaW__variable geist_mono_90672d7c-module__qcY_rq__variable \",\"style\":{\"maxWidth\":\"$undefined\",\"minWidth\":\"$undefined\",\"minHeight\":\"$undefined\",\"maxHeight\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"aspectRatio\":\"$undefined\",\"textAlign\":\"$undefined\",\"cursor\":\"$undefined\"},\"suppressHydrationWarning\":true,\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"id\":\"theme-init\",\"dangerouslySetInnerHTML\":{\"__html\":\"$23\"}}]}],[\"$\",\"$L24\",null,{\"children\":[\"$\",\"$L5\",null,{\"as\":\"body\",\"background\":\"page\",\"fillWidth\":true,\"style\":{\"minHeight\":\"100vh\"},\"margin\":\"0\",\"padding\":\"0\",\"horizontal\":\"center\",\"children\":[[\"$\",\"$L25\",null,{\"fill\":true,\"position\":\"absolute\",\"children\":[\"$\",\"$L26\",null,{\"mask\":{\"x\":50,\"y\":0,\"radius\":100,\"cursor\":false},\"gradient\":{\"display\":false,\"opacity\":100,\"x\":50,\"y\":60,\"width\":100,\"height\":50,\"tilt\":0,\"colorStart\":\"accent-background-strong\",\"colorEnd\":\"page-background\"},\"dots\":{\"display\":true,\"opacity\":40,\"size\":\"2\",\"color\":\"brand-background-strong\"},\"grid\":{\"display\":false,\"opacity\":100,\"color\":\"neutral-alpha-medium\",\"width\":\"0.25rem\",\"height\":\"0.25rem\"},\"lines\":{\"display\":false,\"opacity\":100,\"size\":\"16\",\"thickness\":1,\"angle\":45,\"color\":\"neutral-alpha-weak\"}}]}],[\"$\",\"$L27\",null,{\"ref\":\"$undefined\",\"cursor\":\"$undefined\",\"xl\":\"$undefined\",\"l\":\"$undefined\",\"m\":\"$undefined\",\"s\":{\"hide\":true},\"xs\":\"$undefined\",\"style\":\"$undefined\",\"hide\":\"$undefined\",\"fillWidth\":true,\"minHeight\":\"16\"}],[\"$\",\"$L28\",null,{}],[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"display-flex position-relative p-l flex-1 justify-center min-width-0 fill-width \",\"style\":{\"maxWidth\":\"$undefined\",\"minWidth\":\"$undefined\",\"minHeight\":\"$undefined\",\"maxHeight\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"aspectRatio\":\"$undefined\",\"textAlign\":\"$undefined\",\"cursor\":\"$undefined\"},\"children\":[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"className\":\"display-flex position-relative justify-center min-width-0 fill-width \",\"style\":{\"maxWidth\":\"$undefined\",\"minWidth\":\"$undefined\",\"minHeight\":\"var(--static-space-0)\",\"maxHeight\":\"$undefined\",\"width\":\"$undefined\",\"height\":\"$undefined\",\"aspectRatio\":\"$undefined\",\"textAlign\":\"$undefined\",\"cursor\":\"$undefined\"},\"children\":[\"$\",\"$L29\",null,{\"children\":\"$L2a\"}]}]}],\"$L2b\"]}]}]]}]\n"])</script>
41<script>self.__next_f.push([1,"2c:I[398382,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"Media\"]\n2d:I[624379,[\"/_next/static/chunks/19e7bf327731c7dd.js\",\"/_next/static/chunks/8a07e6fd7e614a7b.js\",\"/_next/static/chunks/cd30ddc1cd17fb40.js\",\"/_next/static/chunks/c5889615f9c26752.js\",\"/_next/static/chunks/2079049d5abbbd3d.js\",\"/_next/static/chunks/72b212fa7b9df6a3.js\"],\"SmartLink\"]\n17:[\"$\",\"li\",\"FLY-1\",{\"className\":\"font-body font-default font-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$0:f:0:1:1:children:1:children:0:props:children:0:props:children:1:props:children:props:about:work:experiences:0:achievements:1\"}]\n18:[\"$\",\"$L11\",null,{\"fillWidth\":true,\"paddingTop\":\"m\",\"paddingLeft\":\"40\",\"gap\":\"12\",\"wrap\":true,\"children\":[[\"$\",\"$L11\",\"0\",{\"border\":\"neutral-medium\",\"radius\":\"m\",\"minWidth\":16,\"height\":9,\"children\":[\"$\",\"$L2c\",null,{\"enlarge\":true,\"radius\":\"m\",\"sizes\":\"16\",\"alt\":\"Once UI Project\",\"src\":\"/images/projects/project-01/cover-01.jpg\"}]}]]}]\n19:[\"$\",\"$L5\",\"Creativ3-Lead Designer-1\",{\"fillWidth\":true,\"children\":[[\"$\",\"$L11\",null,{\"fillWidth\":true,\"horizontal\":\"between\",\"vertical\":\"end\",\"marginBottom\":\"4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading font-strong font-l\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"id\":\"Creativ3\",\"children\":\"Creativ3\"}],[\"$\",\"span\",null,{\"className\":\"font-heading font-default font-xs neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"2018 - 2022\"}]]}],[\"$\",\"span\",null,{\"className\":\"font-body font-default font-s brand-on-background-weak mb-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"Lead Designer\"}],[\"$\",\"$L5\",null,{\"as\":\"ul\",\"gap\":\"16\",\"children\":[[\"$\",\"li\",\"Creativ3-0\",{\"className\":\"font-body font-default font-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$0:f:0:1:1:children:1:children:0:props:children:0:props:children:1:props:children:props:about:work:experiences:1:achievements:0\"}],[\"$\",\"li\",\"Creativ3-1\",{\"className\":\"font-body font-default font-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$0:f:0:1:1:children:1:children:0:props:children:0:props:children:1:props:children:props:about:work:experiences:1:achievements:1\"}]]}],false]}]\n1a:[[\"$\",\"h2\",null,{\"className\":\"font-display font-strong font-s neutral-on-background-strong mb-m\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"balance\"},\"id\":\"Studies\",\"children\":\"Studies\"}],[\"$\",\"$L5\",null,{\"fillWidth\":true,\"gap\":\"l\",\"marginBottom\":\"40\",\"children\":[[\"$\",\"$L5\",\"University of Jakarta-0\",{\"fillWidth\":true,\"gap\":\"4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading font-strong font-l\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"id\":\"University of Jakarta\",\"children\":\"University of Jakarta\"}],[\"$\",\"span\",null,{\"className\":\"font-heading font-default font-xs neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$8\"}]]}],[\"$\",\"$L5\",\"Build the Future-1\",{\"fillWidth\":true,\"gap\":\"4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading font-strong font-l\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"id\":\"Build the Future\",\"children\":\"Build the Future\"}],[\"$\",\"span\",null,{\"className\":\"font-heading font-default font-xs neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$9\"}]]}]]}]]\n"])</script>
41<script>self.__next_f.push([1,"1b:[[\"$\",\"h2\",null,{\"className\":\"font-display font-strong font-s neutral-on-background-strong mb-40\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"balance\"},\"id\":\"Technical skills\",\"children\":\"Technical skills\"}],[\"$\",\"$L5\",null,{\"fillWidth\":true,\"gap\":\"l\",\"children\":[[\"$\",\"$L5\",\"[object Object]-0\",{\"fillWidth\":true,\"gap\":\"4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading font-strong font-l\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"id\":\"Figma\",\"children\":\"Figma\"}],[\"$\",\"span\",null,{\"className\":\"font-body font-default font-m neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$a\"}],[\"$\",\"$L11\",null,{\"wrap\":true,\"gap\":\"8\",\"paddingTop\":\"8\",\"children\":[[\"$\",\"$L14\",\"Figma-0\",{\"size\":\"l\",\"prefixIcon\":\"figma\",\"children\":\"Figma\"}]]}],[\"$\",\"$L11\",null,{\"fillWidth\":true,\"paddingTop\":\"m\",\"gap\":\"12\",\"wrap\":true,\"children\":[[\"$\",\"$L11\",\"0\",{\"border\":\"neutral-medium\",\"radius\":\"m\",\"minWidth\":16,\"height\":9,\"children\":[\"$\",\"$L2c\",null,{\"enlarge\":true,\"radius\":\"m\",\"sizes\":\"16\",\"alt\":\"Project image\",\"src\":\"/images/projects/project-01/cover-02.jpg\"}]}],[\"$\",\"$L11\",\"1\",{\"border\":\"neutral-medium\",\"radius\":\"m\",\"minWidth\":16,\"height\":9,\"children\":[\"$\",\"$L2c\",null,{\"enlarge\":true,\"radius\":\"m\",\"sizes\":\"16\",\"alt\":\"Project image\",\"src\":\"/images/projects/project-01/cover-03.jpg\"}]}]]}]]}],[\"$\",\"$L5\",\"[object Object]-1\",{\"fillWidth\":true,\"gap\":\"4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-heading font-strong font-l\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"id\":\"Next.js\",\"children\":\"Next.js\"}],[\"$\",\"span\",null,{\"className\":\"font-body font-default font-m neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"$b\"}],[\"$\",\"$L11\",null,{\"wrap\":true,\"gap\":\"8\",\"paddingTop\":\"8\",\"children\":[[\"$\",\"$L14\",\"Next.js-0\",{\"size\":\"l\",\"prefixIcon\":\"javascript\",\"children\":\"JavaScript\"}],[\"$\",\"$L14\",\"Next.js-1\",{\"size\":\"l\",\"prefixIcon\":\"nextjs\",\"children\":\"Next.js\"}],[\"$\",\"$L14\",\"Next.js-2\",{\"size\":\"l\",\"prefixIcon\":\"supabase\",\"children\":\"Supabase\"}]]}],[\"$\",\"$L11\",null,{\"fillWidth\":true,\"paddingTop\":\"m\",\"gap\":\"12\",\"wrap\":true,\"children\":[[\"$\",\"$L11\",\"0\",{\"border\":\"neutral-medium\",\"radius\":\"m\",\"minWidth\":16,\"height\":9,\"children\":[\"$\",\"$L2c\",null,{\"enlarge\":true,\"radius\":\"m\",\"sizes\":\"16\",\"alt\":\"Project image\",\"src\":\"/images/projects/project-01/cover-04.jpg\"}]}]]}]]}]]}]]\n"])</script>
41<script>self.__next_f.push([1,"2a:[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{\"as\":\"section\",\"fill\":true,\"center\":true,\"paddingBottom\":\"160\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-display font-strong font-xl mb-s\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"font-display font-default font-xs neutral-on-background-strong mb-l\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"balance\"},\"children\":\"Page Not Found\"}],[\"$\",\"span\",null,{\"className\":\"neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"The page you are looking for does not exist.\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\n"])</script>
41<script>self.__next_f.push([1,"2b:[\"$\",\"$L11\",null,{\"as\":\"footer\",\"fillWidth\":true,\"padding\":\"8\",\"horizontal\":\"center\",\"s\":{\"direction\":\"column\"},\"children\":[[\"$\",\"$L11\",null,{\"className\":\"Footer-module-scss-module__DkSkqG__mobile\",\"maxWidth\":\"m\",\"paddingY\":\"8\",\"paddingX\":\"16\",\"gap\":\"16\",\"horizontal\":\"between\",\"vertical\":\"center\",\"s\":{\"direction\":\"column\",\"horizontal\":\"center\",\"align\":\"center\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"font-body font-default font-s neutral-on-background-strong\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":[\"© \",2026,\" /\"]}],[\"$\",\"span\",null,{\"className\":\"px-4\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":\"Selene Yu\"}],[\"$\",\"span\",null,{\"className\":\"neutral-on-background-weak\",\"style\":{\"textAlign\":\"$undefined\",\"textWrap\":\"$undefined\"},\"children\":[\"/ Build your portfolio with\",\" \",[\"$\",\"$L2d\",null,{\"href\":\"https://once-ui.com/products/magic-portfolio\",\"children\":\"Once UI\"}]]}]]}],[\"$\",\"$L11\",null,{\"gap\":\"16\",\"children\":[[\"$\",\"$L15\",\"GitHub\",{\"href\":\"https://github.com/once-ui-system\",\"icon\":\"github\",\"tooltip\":\"GitHub\",\"size\":\"s\",\"variant\":\"ghost\"}],[\"$\",\"$L15\",\"LinkedIn\",{\"href\":\"https://www.linkedin.com/company/once-ui/\",\"icon\":\"linkedin\",\"tooltip\":\"LinkedIn\",\"size\":\"s\",\"variant\":\"ghost\"}],[\"$\",\"$L15\",\"Instagram\",{\"href\":\"https://www.instagram.com/once_ui/\",\"icon\":\"instagram\",\"tooltip\":\"Instagram\",\"size\":\"s\",\"variant\":\"ghost\"}],[\"$\",\"$L15\",\"Threads\",{\"href\":\"https://www.threads.com/@once_ui\",\"icon\":\"threads\",\"tooltip\":\"Threads\",\"size\":\"s\",\"variant\":\"ghost\"}],[\"$\",\"$L15\",\"Email\",{\"href\":\"mailto:[email protected]\",\"icon\":\"email\",\"tooltip\":\"Email\",\"size\":\"s\",\"variant\":\"ghost\"}]]}]]}],[\"$\",\"$L11\",null,{\"height\":\"80\",\"hide\":true,\"s\":{\"hide\":false}}]]}]\n"])</script>
41<script>self.__next_f.push([1,"20:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
41<script>self.__next_f.push([1,"2e:I[27201,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/73e3194f06db260e.js\"],\"IconMark\"]\n1e:null\n22:[[\"$\",\"title\",\"0\",{\"children\":\"About â Selene Yu\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Meet Selene Yu, Design Engineer from Asia/Jakarta\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"About â Selene Yu\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Meet Selene Yu, Design Engineer from Asia/Jakarta\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://demo.magic-portfolio.com/about\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image\",\"content\":\"https://demo.magic-portfolio.com/api/og/generate?title=About%20%E2%80%93%20Selene%20Yu\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:alt\",\"content\":\"About â Selene Yu\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:title\",\"content\":\"About â Selene Yu\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:description\",\"content\":\"Meet Selene Yu, Design Engineer from Asia/Jakarta\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image\",\"content\":\"https://demo.magic-portfolio.com/api/og/generate?title=About%20%E2%80%93%20Selene%20Yu\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.ed981638.ico\",\"sizes\":\"120x120\",\"type\":\"image/x-icon\"}],[\"$\",\"$L2e\",\"13\",{}]]\n"])</script>
41</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.