1<!DOCTYPE html><!--TCQzS_ZsnnY63t1w12sez--><html 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.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ClashDisplay_Bold-s.p.9137c724.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ClashDisplay_Regular-s.p.8d84835b.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ClashDisplay_Semibold-s.p.f188b517.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/1e1373f81cfd0cd5.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/cb47f15a37705446.js"/>
1<script src="/_next/static/chunks/806bdb8e4a6a9b95.js" async=""></script>
1<script src="/_next/static/chunks/c284ff537f4f1dda.js" async=""></script>
1<script src="/_next/static/chunks/383749250bd67cc9.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-11c2ad7e773c8cda.js" async=""></script>
1<script src="/_next/static/chunks/5e04e3880bcbb65f.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/d2be314c3ece3fbe.js" async=""></script>
1<script src="/_next/static/chunks/6687c585765b2648.js" async=""></script>
1<script src="/_next/static/chunks/4221c39591a4e670.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Create Next App</title><meta name="description" content="Generated by create next app"/><link rel="icon" href="/favicon.ico?favicon.de98392b.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable clashdisplayregular_3a57b94f-module__YRiBCa__variable clashdisplaysemibold_c424a97-module__zq8FQq__variable clashdisplaybold_4b613ad3-module__V1g0lW__variable antialiased"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<div><div class="min-h-screen transition-colors duration-300 relative overflow-x-hidden"><div class="relative w-full h-12 overflow-visible"><div class="relative mx-auto max-w-4xl h-full pointer-events-none"><div class="absolute opacity-[0.2] top-0 right-full h-12 text-foreground" style="width:100vw;background-image:repeating-linear-gradient(-120deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div><div class="absolute opacity-[0.2] top-0 left-full h-12 text-foreground" style="width:100vw;background-image:repeating-linear-gradient(120deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div><div class="absolute right-full w-[60px] overflow-hidden sm:block hidden h-full z-10" style="top:0"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-r border-foreground"></div></div><div class="absolute left-full w-[60px] overflow-hidden sm:block hidden h-full z-10" style="top:0"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-l border-foreground"></div></div><div class="absolute inset-0 flex items-center justify-center"><p class="text-[12px] md:text-[14px] sm:text-[14px] text-center px-2 sm:px-4 italic leading-tight">" no amount of money ever bought a second of time "</p><div class="absolute top-1/2 -translate-y-1/2 right-2 sm:right-4 pointer-events-auto z-50">
1<button class="p-2 rounded-md hover:bg-foreground/10 transition-colors" aria-label="Toggle theme"><div class="w-4 h-4"></div></button></div></div></div><div class="absolute opacity-[0.2] bottom-0 left-0 right-0 border-t border-foreground"></div></div><div class="relative mx-auto max-w-4xl min-h-screen"><div><section class="relative pb-8 sm:pb-0"><div class="absolute right-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-r border-foreground"></div></div><div class="absolute left-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-l border-foreground"></div></div><div class="absolute right-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="absolute left-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="py-8 sm:py-12 px-4 sm:px-8"><h2 class="text-[10px] sm:text-xs uppercase tracking-widest text-foreground/40 mb-4 sm:mb-6">about</h2><div class="min-h-[80px] sm:min-h-[120px]"><div class="flex items-center justify-start"><div class="pr-4"><img alt="Nathan BEN SOUSSAN" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=%2Fpfp.jpg&w=64&q=75 1x, /_next/image?url=%2Fpfp.jpg&w=128&q=75 2x" src="/_next/image?url=%2Fpfp.jpg&w=128&q=75"/></div>Nathan BEN SOUSSAN, 23 <br/>computer science student | developer</div></div></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 h-12 " style="width:100vw"><div class="absolute opacity-[0.2] inset-0 h-12 border-t border-b border-foreground" style="width:100vw;background-image:repeating-linear-gradient(-90deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div></div></section><section class="relative "><div class="absolute right-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-r border-foreground"></div></div><div class="absolute left-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-l border-foreground"></div></div><div class="absolute right-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="absolute left-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="py-8 sm:py-12 px-4 sm:px-8"><h2 class="text-[10px] sm:text-xs uppercase tracking-widest text-foreground/40 mb-4 sm:mb-6">internship</h2><div class="min-h-[80px] sm:min-h-[120px]"><div class="space-y-4 pb-12"><div class="flex items-center gap-2 text-foreground/80"><span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-stone-800 text-stone-400 text-xs sm:text-sm font-medium"><span class="w-2 h-2 rounded-full bg-stone-400 animate-pulse"></span>Looking for an internship</span></div><p class="text-sm sm:text-base text-foreground/70">I am currently seeking an internship opportunity starting from<!-- --> <strong>May 1st, 2026</strong>.</p><div class="flex flex-col sm:flex-row sm:flex-wrap gap-3 sm:gap-4 text-xs sm:text-sm text-foreground
1/60"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4 shrink-0" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>Starting: May 1st, 2026</span></div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4 shrink-0" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>Duration: 3 to 4 months</span></div></div><p class="text-xs sm:text-sm text-foreground/50">Open to opportunities in software development.</p></div></div></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 h-12 " style="width:100vw"><div class="absolute opacity-[0.2] inset-0 h-12 border-t border-b border-foreground" style="width:100vw;background-image:repeating-linear-gradient(-90deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div></div></section><section class="relative pb-8 sm:pb-0"><div class="absolute right-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-r border-foreground"></div></div><div class="absolute left-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-l border-foreground"></div></div><div class="absolute right-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="absolute left-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="py-8 sm:py-12 px-4 sm:px-8"><h2 class="text-[10px] sm:text-xs uppercase tracking-widest text-foreground/40 mb-4 sm:mb-6">education</h2><div class="min-h-[80px] sm:min-h-[120px]"><div class="text-xs sm:text-sm text-foreground/50 space-y-1"><div>2025 - present · BSc Computer Science â Year 3 (current year)</div><div>2024 - 2025 · BSc Computer Science â Year 2 (ranked 7 / 160)</div><div>2023 - 2024 · BSc Computer Science â Year 1 (ranked 3 / 338)</div></div></div></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 h-12 " style="width:100vw"><div class="absolute opacity-[0.2] inset-0 h-12 border-t border-b border-foreground" style="width:100vw;background-image:repeating-linear-gradient(-90deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div></div></section><section class="relative "><div class="absolute right-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-r border-foreground"></div></div><div class="absolute left-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-l border-foreground"></div></div><div class="absolute right-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="absolute left-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="py-8 sm:py-12 px-4 sm:px-8"><h2 class="text-[10px] sm:text-xs uppercase tracking-widest text-foreground
1/40 mb-4 sm:mb-6">projects</h2><div class="min-h-[80px] sm:min-h-[120px]"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pb-12"><div class="group relative border border-dashed border-foreground/20 rounded-lg overflow-hidden hover:border-foreground/40 transition-colors"><div class="relative aspect-video overflow-hidden bg-foreground/5"><img alt="Clické" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fprojects%2Fclicke_project.png&w=640&q=75 640w, /_next/image?url=%2Fprojects%2Fclicke_project.png&w=750&q=75 750w, /_next/image?url=%2Fprojects%2Fclicke_project.png&w=828&q=75 828w, /_next/image?url=%2Fprojects%2Fclicke_project.png&w=1080&q=75 1080w, /_next/image?url=%2Fprojects%2Fclicke_project.png&w=1200&q=75 1200w, /_next/image?url=%2Fprojects%2Fclicke_project.png&w=1920&q=75 1920w, /_next/image?url=%2Fprojects%2Fclicke_project.png&w=2048&q=75 2048w, /_next/image?url=%2Fprojects%2Fclicke_project.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fprojects%2Fclicke_project.png&w=3840&q=75"/></div><div class="p-3 sm:p-4"><div class="flex items-start justify-between gap-2"><h3 class="font-medium text-sm sm:text-base text-foreground">Clické</h3><a target="_blank" rel="noopener noreferrer" class="text-foreground/50 hover:text-foreground transition-colors shrink-0" href="https://github.com/nathbns/clicke"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-4 h-4" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></div><p class="text-xs sm:text-sm text-foreground/60 mt-2 line-clamp-2">Faster, cleaner screenshots that you can edit.</p><div class="flex flex-wrap gap-1.5 sm:gap-2 mt-2 sm:mt-3"><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground
1/5 text-foreground/60">macOS</span><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground/5 text-foreground/60">Swift</span><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground/5 text-foreground/60">screenshot</span></div></div></div><div class="group relative border border-dashed border-foreground/20 rounded-lg overflow-hidden hover:border-foreground/40 transition-colors"><div class="relative aspect-video overflow-hidden bg-foreground/5"><img alt="equaTrix" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fprojects%2Fequatrix_project.png&w=640&q=75 640w, /_next/image?url=%2Fprojects%2Fequatrix_project.png&w=750&q=75 750w, /_next/image?url=%2Fprojects%2Fequatrix_project.png&w=828&q=75 828w, /_next/image?url=%2Fprojects%2Fequatrix_project.png&w=1080&q=75 1080w, /_next/image?url=%2Fprojects%2Fequatrix_project.png&w=1200&q=75 1200w, /_next/image?url=%2Fprojects%2Fequatrix_project.png&w=1920&q=75 1920w, /_next/image?url=%2Fprojects%2Fequatrix_project.png&w=2048&q=75 2048w, /_next/image?url=%2Fprojects%2Fequatrix_project.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fprojects%2Fequatrix_project.png&w=3840&q=75"/></div><div class="p-3 sm:p-4"><div class="flex items-start justify-between gap-2"><h3 class="font-medium text-sm sm:text-base text-foreground">equaTrix</h3><a target="_blank" rel="noopener noreferrer" class="text-foreground/50 hover:text-foreground transition-colors shrink-0" href="https://github.com/nathbns/equaTrix"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-4 h-4" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></div><p class="text-xs sm:text-sm text-foreground/60 mt-2 line-clamp-2">A mathematical tool for solving and visualizing linear algebra problems.</p><div class="flex flex-wrap gap-1.5 sm:gap-2 mt-2 sm:mt-3"><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground
1/5 text-foreground/60">Linear Algebra</span><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground/5 text-foreground/60">C++</span><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground/5 text-foreground/60">Qt</span></div></div></div><div class="group relative border border-dashed border-foreground/20 rounded-lg overflow-hidden hover:border-foreground/40 transition-colors"><div class="relative aspect-video overflow-hidden bg-foreground/5"><img alt="YOCO Project" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-300 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fprojects%2Fyoco_project.png&w=640&q=75 640w, /_next/image?url=%2Fprojects%2Fyoco_project.png&w=750&q=75 750w, /_next/image?url=%2Fprojects%2Fyoco_project.png&w=828&q=75 828w, /_next/image?url=%2Fprojects%2Fyoco_project.png&w=1080&q=75 1080w, /_next/image?url=%2Fprojects%2Fyoco_project.png&w=1200&q=75 1200w, /_next/image?url=%2Fprojects%2Fyoco_project.png&w=1920&q=75 1920w, /_next/image?url=%2Fprojects%2Fyoco_project.png&w=2048&q=75 2048w, /_next/image?url=%2Fprojects%2Fyoco_project.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fprojects%2Fyoco_project.png&w=3840&q=75"/></div><div class="p-3 sm:p-4"><div class="flex items-start justify-between gap-2"><h3 class="font-medium text-sm sm:text-base text-foreground">YOCO Project</h3><a target="_blank" rel="noopener noreferrer" class="text-foreground/50 hover:text-foreground transition-colors shrink-0" href="https://github.com/nathbns/lifprojet_am1_nn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-4 h-4" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></div><p class="text-xs sm:text-sm text-foreground/60 mt-2 line-clamp-2">CNN model for getting the fen notation of a real chess game.</p><div class="flex flex-wrap gap-1.5 sm:gap-2 mt-2 sm:mt-3"><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground
1/5 text-foreground/60">Deep Learning</span><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground/5 text-foreground/60">CNN</span><span class="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-foreground/5 text-foreground/60">YOLO</span></div></div></div></div></div></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 h-12 " style="width:100vw"><div class="absolute opacity-[0.2] inset-0 h-12 border-t border-b border-foreground" style="width:100vw;background-image:repeating-linear-gradient(-90deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div></div></section><section class="relative pb-8 sm:pb-0"><div class="absolute right-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-r border-foreground"></div></div><div class="absolute left-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-l border-foreground"></div></div><div class="absolute right-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="absolute left-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="py-8 sm:py-12 px-4 sm:px-8"><h2 class="text-[10px] sm:text-xs uppercase tracking-widest text-foreground/40 mb-4 sm:mb-6">skills</h2><div class="min-h-[80px] sm:min-h-[120px]"><div class="sm:px-12 mt-4 sm:mt-6 mb-4 sm:mb-6"><div class="px-2 sm:px-4"><style> 2 @keyframes marquee-scroll { 3 from { transform: translateX(0); } 4 to { transform: translateX(-50%); } 5 } 6 .marquee-container { 7 display: flex; 8 width: max-content; 9 animation: marquee-scroll 20s linear infinite; 10 } 11 .marquee-container:hover { 12 animation-play-state: paused; 13 } 14 </style><div class="w-full overflow-hidden w-full"><div class="relative"><div class="marquee-container"><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="C" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">C</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="C++" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">C++</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Java" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Java</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Swift" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/swift/swift-original.svg"/>
14</div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Swift</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="TypeScript" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">TypeScript</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Python" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Python</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="SQL" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azuresqldatabase/azuresqldatabase-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">SQL</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="PyTorch" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/pytorch/pytorch-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">PyTorch</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="TensorFlow" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tensorflow/tensorflow-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">TensorFlow</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Pandas" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/pandas/pandas-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Pandas</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="NumPy" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/numpy/numpy-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">NumPy</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Next.js" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg"/>
14</div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Next.js</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="React" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">React</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="PostgreSQL" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">PostgreSQL</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Git" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/git/git-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Git</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="C" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">C</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="C++" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">C++</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Java" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Java</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Swift" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/swift/swift-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Swift</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="TypeScript" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg"/></div>
14<span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">TypeScript</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Python" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Python</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="SQL" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azuresqldatabase/azuresqldatabase-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">SQL</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="PyTorch" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/pytorch/pytorch-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">PyTorch</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="TensorFlow" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tensorflow/tensorflow-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">TensorFlow</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Pandas" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/pandas/pandas-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Pandas</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="NumPy" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/numpy/numpy-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">NumPy</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Next.js" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Next.js</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="React" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg"/>
14</div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">React</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="PostgreSQL" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">PostgreSQL</span></div><div class="flex flex-col items-center gap-1.5 sm:gap-2 px-3 sm:px-6 shrink-0"><div class="w-10 h-10 sm:w-12 sm:h-12 relative"><img alt="Git" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="w-full h-full object-contain opacity-60 hover:opacity-100 transition-opacity" style="color:transparent" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/git/git-original.svg"/></div><span class="text-[10px] sm:text-xs text-foreground/50 whitespace-nowrap">Git</span></div></div><div class="absolute left-0 top-0 w-8 sm:w-16 h-full bg-gradient-to-r from-background to-transparent pointer-events-none z-10"></div><div class="absolute right-0 top-0 w-8 sm:w-16 h-full bg-gradient-to-l from-background to-transparent pointer-events-none z-10"></div></div></div></div></div></div></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 h-12 " style="width:100vw"><div class="absolute opacity-[0.2] inset-0 h-12 border-t border-b border-foreground" style="width:100vw;background-image:repeating-linear-gradient(-90deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div></div></section><section class="relative pb-8 sm:pb-0"><div class="absolute right-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-r border-foreground"></div></div><div class="absolute left-full w-[60px] overflow-hidden sm:block hidden " style="top:0;height:calc(100% - 50px)"><div class="absolute opacity-[0.2] inset-0 w-[60px] h-full border-l border-foreground"></div></div><div class="absolute right-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="absolute left-full top-0 sm:block hidden " style="width:100vw;height:calc(100% - 50px)"><div class="absolute inset-0 opacity-[0.06] text-foreground" style="background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:6px 6px"></div></div><div class="py-8 sm:py-12 px-4 sm:px-8"><h2 class="text-[10px] sm:text-xs uppercase tracking-widest text-foreground/40 mb-4 sm:mb-6">github activity</h2><div class="min-h-[80px] sm:min-h-[120px]"><div class="sm:px-12 px-0 mt-4"><div class="mb-4 sm:mb-6"><div class="w-full h-[120px] rounded-xl bg-muted animate-pulse w-full"></div></div></div></div></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 h-12 " style="width:100vw"><div class="absolute opacity-[0.2] inset-0 h-12 border-t border-b border-foreground" style="width:100vw;background-image:repeating-linear-gradient(-90deg, transparent, transparent 1px, currentcolor 2px, currentcolor 2px, transparent 3px, transparent 10px)"></div></div></section></div></div><footer class="relative"><div class="mx-auto max-w-4xl px-4 sm:px-8 py-8"><div class="flex flex-col sm:flex-row items-center justify-between gap-4"><p class="text-sm text-foreground/50">© <!-- -->2026<!-- --> Nathan BEN SOUSSAN</p><div class="flex items-center gap-4"><a target="_blank" rel="noopener noreferrer" class="text-foreground/50 hover:text-foreground transition-colors" aria-label="GitHub" href="https://github.com/nathbns"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-5 h-5" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a target="_blank" rel="noopener noreferrer" class="text-foreground
14/50 hover:text-foreground transition-colors" aria-label="LinkedIn" href="https://www.linkedin.com/in/nathan-ben-soussan-b44167254/?locale=en_US"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-5 h-5" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a class="text-foreground/50 hover:text-foreground transition-colors" aria-label="Email" href="mailto:[email protected]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-5 h-5" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a></div></div></div></footer></div></div><!--$--><!--/$-->
14<script src="/_next/static/chunks/cb47f15a37705446.js" id="_R_" async=""></script>
14<script>(self.__next_f=self.__next_f||[]).push([0])</script>
14<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[80492,[\"/_next/static/chunks/5e04e3880bcbb65f.js\"],\"ThemeProvider\"]\n3:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n5:I[33634,[\"/_next/static/chunks/5e04e3880bcbb65f.js\",\"/_next/static/chunks/6687c585765b2648.js\",\"/_next/static/chunks/4221c39591a4e670.js\"],\"default\"]\n6:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\n9:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ViewportBoundary\"]\nb:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"MetadataBoundary\"]\nd:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/1e1373f81cfd0cd5.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ClashDisplay_Bold-s.p.9137c724.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ClashDisplay_Regular-s.p.8d84835b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ClashDisplay_Semibold-s.p.f188b517.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
14<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"TCQzS-ZsnnY63t1w12sez\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1e1373f81cfd0cd5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/5e04e3880bcbb65f.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable clashdisplayregular_3a57b94f-module__YRiBCa__variable clashdisplaysemibold_c424a97-module__zq8FQq__variable clashdisplaybold_4b613ad3-module__V1g0lW__variable antialiased\",\"children\":[\"$\",\"$L2\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":true,\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",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.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"children\":[\"$\",\"$L5\",null,{}]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/6687c585765b2648.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/4221c39591a4e670.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lc\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"S\":true}\n"])</script>
14<script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
14<script>self.__next_f.push([1,"e:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"IconMark\"]\n8:null\nc:[[\"$\",\"title\",\"0\",{\"children\":\"Create Next App\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Generated by create next app\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.de98392b.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$Le\",\"3\",{}]]\n"])</script>
14</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.