-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 43.5 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 43.5 KB
1
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><link href="/favicon.ico" rel="icon"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="#000000" name="theme-color"><link href="/rss.xml" rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed"><meta content="codex by fezcode..." name="description"><meta content="website" property="og:type"><meta content="https://fezcode.com/" property="og:url"><meta content="Fezcodex - Personal Blog and Projects" property="og:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." property="og:description"><meta content="/images/asset/ogtitle.png" property="og:image"><meta content="summary_large_image" name="twitter:card"><meta content="https://fezcode.com/" name="twitter:url"><meta content="Fezcodex - Personal Blog and Projects" name="twitter:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." name="twitter:description"><meta content="/images/asset/ogtitle.png" name="twitter:image"><link href="/logo192.png" rel="apple-touch-icon"><link href="/manifest.json" rel="manifest"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet"><title>Fezcodex | About</title><title>fezcodex</title><script defer src="/static/js/main.87f8d95f.js"></script><link href="/static/css/main.c666da2c.css" rel="stylesheet"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect"><link href="https://github.com" rel="preconnect"><link href="https://release-assets.githubusercontent.com" rel="preconnect"><meta content="Learn more about the creator of Fezcodex." name="description"><meta content="Fezcodex, blog, portfolio, developer, software engineer, about" name="keywords"><meta content="Fezcodex | About" property="og:title"><meta content="Learn more about the creator of Fezcodex." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/about/blueprint" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="Fezcodex | About" name="twitter:title"><meta content="Learn more about the creator of Fezcodex." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/about/blueprint" name="twitter:url"><link href="https://fezcode.com/about/blueprint" rel="canonical"></head><body class="bg-slate-950"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class="bg-emerald-600 text-white relative z-[100] border-b-2 border-black selection:bg-white selection:text-black" style="height:auto;opacity:1"><div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-4"><div class="flex items-center gap-3 flex-1"><span class="shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"></path></svg></span><p class="font-mono text-xs md:text-sm font-black uppercase tracking-widest leading-tight">CLIMB THE TALL BUILDING 0 IS ONLINE: BUILD YOUR DECK AND CLIMB. ACCESS AT /CLIMB-THE-TALL-BUILDING-0.</p><a class="shrink-0 inline-flex items-center gap-1 bg-black/20 hover:bg-black/40 px-3 py-1 rounded-sm border border-white/20 transition-all font-bold text-[10px] uppercase" href="https://fezcode.com/climb-the-tall-building-0/">Play Climb the Tall Building 0<svg fill="currentColor" height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></a></div><button aria-label="Dismiss" class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path></svg></button></div><div class="h-0.5 w-full bg-black/10"></div></div><div class="bg-[#050505] min-h-screen font-sans flex"><div class="flex-1 flex flex-col transition-all duration-300 md:ml-0"><main class="flex-grow"><div style="opacity:1"><div class="min-h-screen bg-black relative"><div class="fixed top-6 left-6 z-50 flex flex-col items-start gap-3" style="opacity:1;transform:none"><a class="group flex items-center gap-2 px-4 py-2 transition-all duration-300 bg-[#002b5c]/90 text-cyan-300 border-cyan-400 border-2 font-mono uppercase text-xs tracking-wider hover:bg-cyan-400 hover:text-[#001e40] rounded-none" href="/" data-discover="true"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="group-hover:-translate-x-1 transition-transform"><path d="M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"></path></svg><span class="hidden sm:inline">Back to Reality</span></a><a class="group flex items-center gap-2 px-4 py-2 transition-all duration-300 bg-[#002b5c]/90 text-cyan-300 border-cyan-400 border-2 font-mono uppercase text-xs tracking-wider hover:bg-cyan-400 hover:text-[#001e40] rounded-none" href="/about/friends" data-discover="true"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="group-hover:scale-110 transition-transform"><path d="M232.76,137.88a28.66,28.66,0,0,0-12-5.39C236.19,114.94,244,97.37,244,80c0-28.67-23.09-52-51.46-52A51.77,51.77,0,0,0,156,42.85,51.77,51.77,0,0,0,119.46,28C91.09,28,68,51.33,68,80c0,10.15,2.72,20.3,8.22,30.7a35.9,35.9,0,0,0-11.73,7.84L43,140H20A20,20,0,0,0,0,160v40a20,20,0,0,0,20,20H120a11.89,11.89,0,0,0,2.91-.36l64-16a11.4,11.4,0,0,0,1.79-.6l38.82-16.54c.23-.09.45-.19.67-.3a28.61,28.61,0,0,0,4.57-48.32ZM119.46,52A27.18,27.18,0,0,1,144.9,68.56a12,12,0,0,0,22.2,0A27.18,27.18,0,0,1,192.54,52C207.42,52,220,64.82,220,80c0,18.06-15,38.84-43.38,60.19L172,141.26c0-.42,0-.84,0-1.26a32,32,0,0,0-32-32H102.71C95.42,97.76,92,88.77,92,80,92,64.82,104.58,52,119.46,52ZM24,164H36v32H24Zm193.68.61-37.51,16L118.52,196H60V157l21.46-21.46A11.93,11.93,0,0,1,89.94,132H140a8,8,0,0,1,0,16H112a12,12,0,0,0,0,24h32a12.19,12.19,0,0,0,2.69-.3l67-15.41.47-.12a4.61,4.61,0,0,1,5.82,4.44A4.58,4.58,0,0,1,217.68,164.61Z"></path></svg><span class="hidden sm:inline">Friends of the Show</span></a><a class="group flex items-center gap-2 px-4 py-2 transition-all duration-300 bg-[#002b5c]/90 text-cyan-300 border-cyan-400 border-2 font-mono uppercase text-xs tracking-wider hover:bg-cyan-400 hover:text-[#001e40] rounded-none" href="/reading" data-discover="true"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="group-hover:scale-110 transition-transform"><path d="M208,20H72A36,36,0,0,0,36,56V224a12,12,0,0,0,12,12H192a12,12,0,0,0,0-24H60v-4a12,12,0,0,1,12-12H208a12,12,0,0,0,12-12V32A12,12,0,0,0,208,20ZM120,44h36v59l-10.51-8.41a12,12,0,0,0-15,0L120,103Zm76,128H72a35.59,35.59,0,0,0-12,2.06V56A12,12,0,0,1,72,44H96v84a12,12,0,0,0,19.5,9.37l22.49-18,22.51,18A12,12,0,0,0,180,128V44h16Z"></path></svg><span class="hidden sm:inline">Reading</span></a></div><div class="w-full h-full" style="opacity:1"><div class="relative min-h-screen bg-[#001e40] text-white p-4 pt-24 font-mono selection:bg-cyan-500 selection:text-black pb-32"><div class="fixed inset-0 z-0 pointer-events-none opacity-30"><div class="w-full h-full" style="background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px"></div><div class="absolute inset-0 w-full h-full" style="background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:10px 10px"></div></div><div class="relative z-10 max-w-5xl mx-auto flex flex-col gap-0 border-2 border-cyan-500/50 p-1 bg-[#001830]/50 shadow-[0_0_30px_rgba(0,255,255,0.1)]"><div class="grid grid-cols-1 md:grid-cols-12 gap-1 mb-1"><div class="bg-[#002b5c]/80 backdrop-blur-sm p-4 relative border border-cyan-500/30 col-span-1 md:col-span-12 flex flex-col md:flex-row items-center gap-6" style="opacity:1"><div class="flex items-center gap-2 border-b border-cyan-500/30 pb-2 mb-3"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M152,96H104a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V104A8,8,0,0,0,152,96Zm-8,48H112V112h32Zm88,0H216V112h16a8,8,0,0,0,0-16H216V56a16,16,0,0,0-16-16H160V24a8,8,0,0,0-16,0V40H112V24a8,8,0,0,0-16,0V40H56A16,16,0,0,0,40,56V96H24a8,8,0,0,0,0,16H40v32H24a8,8,0,0,0,0,16H40v40a16,16,0,0,0,16,16H96v16a8,8,0,0,0,16,0V216h32v16a8,8,0,0,0,16,0V216h40a16,16,0,0,0,16-16V160h16a8,8,0,0,0,0-16Zm-32,56H56V56H200v95.87s0,.09,0,.13,0,.09,0,.13V200Z"></path></svg><h3 class="font-mono text-[10px] uppercase tracking-widest text-cyan-300 font-bold">CPU_CORE</h3><div class="flex-grow h-px bg-cyan-500/30 ml-2"></div></div><div class="shrink-0 relative"><div class="w-20 h-20 border border-cyan-400 flex items-center justify-center bg-[#001e40]"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg" class="text-cyan-400 animate-pulse"><path d="M152,96H104a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V104A8,8,0,0,0,152,96Zm-8,48H112V112h32Zm88,0H216V112h16a8,8,0,0,0,0-16H216V56a16,16,0,0,0-16-16H160V24a8,8,0,0,0-16,0V40H112V24a8,8,0,0,0-16,0V40H56A16,16,0,0,0,40,56V96H24a8,8,0,0,0,0,16H40v32H24a8,8,0,0,0,0,16H40v40a16,16,0,0,0,16,16H96v16a8,8,0,0,0,16,0V216h32v16a8,8,0,0,0,16,0V216h40a16,16,0,0,0,16-16V160h16a8,8,0,0,0,0-16Zm-32,56H56V56H200v95.87s0,.09,0,.13,0,.09,0,.13V200Z"></path></svg></div><div class="absolute top-1/2 -right-6 w-6 h-px bg-cyan-500 md:block hidden"></div><div class="absolute top-1/2 -left-6 w-6 h-px bg-cyan-500 md:block hidden"></div></div><div class="flex-grow w-full"><div class="flex justify-between items-end border-b border-cyan-500/30 mb-2"><h1 class="text-2xl font-bold uppercase text-white">Ahmed Samil Bulbul</h1><span class="text-xs text-cyan-400">Senior Software Engineer</span></div><div class="grid grid-cols-3 gap-2 text-[10px] text-cyan-200/80"><div>> STATUS: ONLINE</div><div>> LOC: Ankara, Türkiye</div><div>> UPTIME: 8+</div></div><p class="mt-2 text-xs text-white/80 border-l-2 border-cyan-500 pl-2">turning complex ~distributed~ problems into elegant, reliable code.</p></div></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-1 mb-1"><div class="bg-[#002b5c]/80 backdrop-blur-sm p-4 relative border border-cyan-500/30 h-full" style="opacity:0"><div class="flex items-center gap-2 border-b border-cyan-500/30 pb-2 mb-3"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M208,136H48a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V152A16,16,0,0,0,208,136Zm0,64H48V152H208v48Zm0-160H48A16,16,0,0,0,32,56v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V56A16,16,0,0,0,208,40Zm0,64H48V56H208v48ZM192,80a12,12,0,1,1-12-12A12,12,0,0,1,192,80Zm0,96a12,12,0,1,1-12-12A12,12,0,0,1,192,176Z"></path></svg><h3 class="font-mono text-[10px] uppercase tracking-widest text-cyan-300 font-bold">MEMORY_BANKS (EXP)</h3><div class="flex-grow h-px bg-cyan-500/30 ml-2"></div></div><div class="space-y-0"><div class="group relative pl-4 py-3 border-l border-cyan-500/20 hover:bg-white/5 transition-colors"><div class="absolute left-[-3px] top-4 w-1.5 h-1.5 bg-cyan-900 border border-cyan-500 group-hover:bg-cyan-400 transition-colors"></div><div class="flex justify-between items-start mb-1"><span class="font-bold text-xs text-white">Picus Security</span><span class="text-[9px] bg-cyan-900/50 px-1 border border-cyan-500/30 text-cyan-300">Oct 2022 - Sep 2025</span></div><div class="text-[10px] text-cyan-400 mb-1">Senior Software Engineer</div><p class="text-[10px] text-white/60 leading-relaxed">Led flagship Exposure Validation (EXV) product development. Architected Cloud Security Validation (CSV) from scratch. Migrated PostgreSQL to MongoDB, reducing query times from 2 hours to under 5 minutes.</p></div><div class="group relative pl-4 py-3 border-l border-cyan-500/20 hover:bg-white/5 transition-colors"><div class="absolute left-[-3px] top-4 w-1.5 h-1.5 bg-cyan-900 border border-cyan-500 group-hover:bg-cyan-400 transition-colors"></div><div class="flex justify-between items-start mb-1"><span class="font-bold text-xs text-white">Aselsan - Smart Cities</span><span class="text-[9px] bg-cyan-900/50 px-1 border border-cyan-500/30 text-cyan-300">Jan 2021 - Oct 2022</span></div><div class="text-[10px] text-cyan-400 mb-1">Senior Software Engineer</div><p class="text-[10px] text-white/60 leading-relaxed">Engineered Node-RED workflow platform scalability on K8s. Developed core NPM packages for low-code solutions. Built web-based deployment platform abstracting K8s complexity.</p></div><div class="group relative pl-4 py-3 border-l border-cyan-500/20 hover:bg-white/5 transition-colors"><div class="absolute left-[-3px] top-4 w-1.5 h-1.5 bg-cyan-900 border border-cyan-500 group-hover:bg-cyan-400 transition-colors"></div><div class="flex justify-between items-start mb-1"><span class="font-bold text-xs text-white">Aselsan - Toll Collection</span><span class="text-[9px] bg-cyan-900/50 px-1 border border-cyan-500/30 text-cyan-300">Jan 2018 - Jan 2021</span></div><div class="text-[10px] text-cyan-400 mb-1">Software Engineer & DevOps</div><p class="text-[10px] text-white/60 leading-relaxed">Refactored monolithic C++98 to C++17 microservices with gRPC. Reduced container sizes from 168MB to 8MB. Implemented air-gapped Nexus Repository Manager.</p></div></div></div><div class="bg-[#002b5c]/80 backdrop-blur-sm p-4 relative border border-cyan-500/30 h-full" style="opacity:0"><div class="flex items-center gap-2 border-b border-cyan-500/30 pb-2 mb-3"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM88,160a8,8,0,1,1-8,8A8,8,0,0,1,88,160ZM48,48H80v97.38a24,24,0,1,0,16,0V115.31l48,48V208H48ZM208,208H160V160a8,8,0,0,0-2.34-5.66L96,92.69V48h32V72a8,8,0,0,0,2.34,5.66l16,16A23.74,23.74,0,0,0,144,104a24,24,0,1,0,24-24,23.74,23.74,0,0,0-10.34,2.35L144,68.69V48h64V208ZM168,96a8,8,0,1,1-8,8A8,8,0,0,1,168,96Z"></path></svg><h3 class="font-mono text-[10px] uppercase tracking-widest text-cyan-300 font-bold">I/O_BUS (SKILLS)</h3><div class="flex-grow h-px bg-cyan-500/30 ml-2"></div></div><div class="grid grid-cols-2 gap-2 h-full content-start"><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:98%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">Go (Golang)</span><span class="text-[9px] text-cyan-500/80">98%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:91%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">System Design</span><span class="text-[9px] text-cyan-500/80">91%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:92%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">Kubernetes & Cloud</span><span class="text-[9px] text-cyan-500/80">92%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:90%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">Distributed Systems</span><span class="text-[9px] text-cyan-500/80">90%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:88%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">Node.js & Express.js</span><span class="text-[9px] text-cyan-500/80">88%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:85%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">C++ & C</span><span class="text-[9px] text-cyan-500/80">85%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:88%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">PostgreSQL & Mongo</span><span class="text-[9px] text-cyan-500/80">88%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:82%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">React & JS</span><span class="text-[9px] text-cyan-500/80">82%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:75%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">Rust</span><span class="text-[9px] text-cyan-500/80">75%</span></div></div><div class="bg-[#001020] border border-cyan-500/20 p-2 flex flex-col justify-center relative overflow-hidden group"><div class="absolute bottom-0 left-0 h-1 bg-cyan-900/50 w-full"><div class="h-full bg-cyan-500/50" style="width:88%"></div></div><div class="flex justify-between items-center z-10"><span class="text-[10px] font-bold text-cyan-100">CI/CD & DevOps</span><span class="text-[9px] text-cyan-500/80">88%</span></div></div></div></div></div><div class="grid grid-cols-1 md:grid-cols-12 gap-1"><div class="bg-[#002b5c]/80 backdrop-blur-sm p-4 relative border border-cyan-500/30 col-span-1 md:col-span-12" style="opacity:0"><div class="flex items-center gap-2 border-b border-cyan-500/30 pb-2 mb-3"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z"></path></svg><h3 class="font-mono text-[10px] uppercase tracking-widest text-cyan-300 font-bold">AUX_MODULES</h3><div class="flex-grow h-px bg-cyan-500/30 ml-2"></div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-4"><div class="flex items-start gap-3 bg-cyan-900/10 p-2 border border-cyan-500/10 relative overflow-hidden group"><div class="absolute top-0 right-0 w-2 h-2 border-t border-r border-cyan-500/30"></div><div class="mt-1 shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M251.76,88.94l-120-64a8,8,0,0,0-7.52,0l-120,64a8,8,0,0,0,0,14.12L32,117.87v48.42a15.91,15.91,0,0,0,4.06,10.65C49.16,191.53,78.51,216,128,216a130,130,0,0,0,48-8.76V240a8,8,0,0,0,16,0V199.51a115.63,115.63,0,0,0,27.94-22.57A15.91,15.91,0,0,0,224,166.29V117.87l27.76-14.81a8,8,0,0,0,0-14.12ZM128,200c-43.27,0-68.72-21.14-80-33.71V126.4l76.24,40.66a8,8,0,0,0,7.52,0L176,143.47v46.34C163.4,195.69,147.52,200,128,200Zm80-33.75a97.83,97.83,0,0,1-16,14.25V134.93l16-8.53ZM188,118.94l-.22-.13-56-29.87a8,8,0,0,0-7.52,14.12L171,128l-43,22.93L25,96,128,41.07,231,96Z"></path></svg></div><div><div class="text-[9px] font-bold text-cyan-500 uppercase mb-0.5 tracking-wider">education</div><div class="text-xs font-bold text-white mb-1 leading-tight">Valedictorian</div><div class="text-[9px] text-white/50 leading-tight line-clamp-3 group-hover:line-clamp-none transition-all bg-[#001e40]/50">Hacettepe University, BSc in Computer Science. GPA: 3.89/4.0. Coursework: Algorithms, Parallel Processing, Computer Networks.</div></div></div><div class="flex items-start gap-3 bg-cyan-900/10 p-2 border border-cyan-500/10 relative overflow-hidden group"><div class="absolute top-0 right-0 w-2 h-2 border-t border-r border-cyan-500/30"></div><div class="mt-1 shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z"></path></svg></div><div><div class="text-[9px] font-bold text-cyan-500 uppercase mb-0.5 tracking-wider">superpower</div><div class="text-xs font-bold text-white mb-1 leading-tight">The Optimizer</div><div class="text-[9px] text-white/50 leading-tight line-clamp-3 group-hover:line-clamp-none transition-all bg-[#001e40]/50">Reduced query times from 2 hours to 5 minutes. Shrunk container images by 95%. Optimization is not a task, it's a lifestyle.</div></div></div><div class="flex items-start gap-3 bg-cyan-900/10 p-2 border border-cyan-500/10 relative overflow-hidden group"><div class="absolute top-0 right-0 w-2 h-2 border-t border-r border-cyan-500/30"></div><div class="mt-1 shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.27,47,25.53a8,8,0,0,0,4.2,0c1-.26,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm0,72c0,37.07-13.66,67.16-40.6,89.42A129.3,129.3,0,0,1,128,223.62a128.25,128.25,0,0,1-38.92-21.81C61.82,179.51,48,149.3,48,112l0-56,160,0Z"></path></svg></div><div><div class="text-[9px] font-bold text-cyan-500 uppercase mb-0.5 tracking-wider">warStory</div><div class="text-xs font-bold text-white mb-1 leading-tight">The Monolith Breaker</div><div class="text-[9px] text-white/50 leading-tight line-clamp-3 group-hover:line-clamp-none transition-all bg-[#001e40]/50">Refactored a massive legacy C++98 monolith into a modern, containerized C++17 microservices architecture using gRPC and Docker.</div></div></div><div class="flex items-start gap-3 bg-cyan-900/10 p-2 border border-cyan-500/10 relative overflow-hidden group"><div class="absolute top-0 right-0 w-2 h-2 border-t border-r border-cyan-500/30"></div><div class="mt-1 shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-red-400"><path d="M144,92a12,12,0,1,1,12,12A12,12,0,0,1,144,92ZM100,80a12,12,0,1,0,12,12A12,12,0,0,0,100,80Zm116,64A87.76,87.76,0,0,1,213,167l22.24,9.72A8,8,0,0,1,232,192a7.89,7.89,0,0,1-3.2-.67L207.38,182a88,88,0,0,1-158.76,0L27.2,191.33A7.89,7.89,0,0,1,24,192a8,8,0,0,1-3.2-15.33L43,167A87.76,87.76,0,0,1,40,144v-8H16a8,8,0,0,1,0-16H40v-8a87.76,87.76,0,0,1,3-23L20.8,79.33a8,8,0,1,1,6.4-14.66L48.62,74a88,88,0,0,1,158.76,0l21.42-9.36a8,8,0,0,1,6.4,14.66L213,89.05a87.76,87.76,0,0,1,3,23v8h24a8,8,0,0,1,0,16H216ZM56,120H200v-8a72,72,0,0,0-144,0Zm64,95.54V136H56v8A72.08,72.08,0,0,0,120,215.54ZM200,144v-8H136v79.54A72.08,72.08,0,0,0,200,144Z"></path></svg></div><div><div class="text-[9px] font-bold text-cyan-500 uppercase mb-0.5 tracking-wider">kryptonite</div><div class="text-xs font-bold text-white mb-1 leading-tight">Manual Deployments</div><div class="text-[9px] text-white/50 leading-tight line-clamp-3 group-hover:line-clamp-none transition-all bg-[#001e40]/50">If it's not automated, it's wrong. I will build a CI/CD pipeline for a Hello World app if I have to.</div></div></div><div class="flex items-start gap-3 bg-cyan-900/10 p-2 border border-cyan-500/10 relative overflow-hidden group"><div class="absolute top-0 right-0 w-2 h-2 border-t border-r border-cyan-500/30"></div><div class="mt-1 shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z"></path></svg></div><div><div class="text-[9px] font-bold text-cyan-500 uppercase mb-0.5 tracking-wider">hobby</div><div class="text-xs font-bold text-white mb-1 leading-tight">Sonic Alchemist</div><div class="text-[9px] text-white/50 leading-tight line-clamp-3 group-hover:line-clamp-none transition-all bg-[#001e40]/50">Creating beats and melodies. Exploring the intersection of code and sound in music production.</div></div></div><div class="flex items-start gap-3 bg-cyan-900/10 p-2 border border-cyan-500/10 relative overflow-hidden group"><div class="absolute top-0 right-0 w-2 h-2 border-t border-r border-cyan-500/30"></div><div class="mt-1 shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M224,48H32A16,16,0,0,0,16,64V192a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48Zm0,144H32V64H224V192Zm-16-64a8,8,0,0,1-8,8H56a8,8,0,0,1,0-16H200A8,8,0,0,1,208,128Zm0-32a8,8,0,0,1-8,8H56a8,8,0,0,1,0-16H200A8,8,0,0,1,208,96ZM72,160a8,8,0,0,1-8,8H56a8,8,0,0,1,0-16h8A8,8,0,0,1,72,160Zm96,0a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,160Zm40,0a8,8,0,0,1-8,8h-8a8,8,0,0,1,0-16h8A8,8,0,0,1,208,160Z"></path></svg></div><div><div class="text-[9px] font-bold text-cyan-500 uppercase mb-0.5 tracking-wider">tool</div><div class="text-xs font-bold text-white mb-1 leading-tight">Mechanical Keys</div><div class="text-[9px] text-white/50 leading-tight line-clamp-3 group-hover:line-clamp-none transition-all bg-[#001e40]/50">Loved mechanical keyboards. Thock, clack, and tactile perfection.</div></div></div><div class="flex items-start gap-3 bg-cyan-900/10 p-2 border border-cyan-500/10 relative overflow-hidden group"><div class="absolute top-0 right-0 w-2 h-2 border-t border-r border-cyan-500/30"></div><div class="mt-1 shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-300"><path d="M176,112H152a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16ZM104,96H96V88a8,8,0,0,0-16,0v8H72a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16ZM241.48,200.65a36,36,0,0,1-54.94,4.81c-.12-.12-.24-.24-.35-.37L146.48,160h-37L69.81,205.09l-.35.37A36.08,36.08,0,0,1,44,216,36,36,0,0,1,8.56,173.75a.68.68,0,0,1,0-.14L24.93,89.52A59.88,59.88,0,0,1,83.89,40H172a60.08,60.08,0,0,1,59,49.25c0,.06,0,.12,0,.18l16.37,84.17a.68.68,0,0,1,0,.14A35.74,35.74,0,0,1,241.48,200.65ZM172,144a44,44,0,0,0,0-88H83.89A43.9,43.9,0,0,0,40.68,92.37l0,.13L24.3,176.59A20,20,0,0,0,58,194.3l41.92-47.59a8,8,0,0,1,6-2.71Zm59.7,32.59-8.74-45A60,60,0,0,1,172,160h-4.2L198,194.31a20.09,20.09,0,0,0,17.46,5.39,20,20,0,0,0,16.23-23.11Z"></path></svg></div><div><div class="text-[9px] font-bold text-cyan-500 uppercase mb-0.5 tracking-wider">gaming</div><div class="text-xs font-bold text-white mb-1 leading-tight">Narrative Grooving</div><div class="text-[9px] text-white/50 leading-tight line-clamp-3 group-hover:line-clamp-none transition-all bg-[#001e40]/50">Vibing with story-driven games. Letting the plot beats drop and the character arcs flow.</div></div></div><div class="grid grid-cols-2 gap-2 content-start"><div class="bg-cyan-900/30 p-2 text-center border border-cyan-500/30 flex flex-col justify-center h-full"><div class="text-[9px] text-cyan-200 uppercase">Experience</div><div class="text-lg font-bold text-white">8+</div></div><div class="bg-cyan-900/30 p-2 text-center border border-cyan-500/30 flex flex-col justify-center h-full"><div class="text-[9px] text-cyan-200 uppercase">Systems Architected</div><div class="text-lg font-bold text-white">Critical</div></div><div class="bg-cyan-900/30 p-2 text-center border border-cyan-500/30 flex flex-col justify-center h-full"><div class="text-[9px] text-cyan-200 uppercase">Valedictorian</div><div class="text-lg font-bold text-white">of '18</div></div></div><div class="grid grid-cols-2 gap-2 content-start"><a class="flex flex-col items-center justify-center gap-1 bg-[#001e40] border border-cyan-500/30 p-2 hover:bg-cyan-500/20 transition-colors group h-full" href="https://github.com/fezcode" rel="noreferrer" target="_blank"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-400 group-hover:text-white"><path d="M208.31,75.68A59.78,59.78,0,0,0,202.93,28,8,8,0,0,0,196,24a59.75,59.75,0,0,0-48,24H124A59.75,59.75,0,0,0,76,24a8,8,0,0,0-6.93,4,59.78,59.78,0,0,0-5.38,47.68A58.14,58.14,0,0,0,56,104v8a56.06,56.06,0,0,0,48.44,55.47A39.8,39.8,0,0,0,96,192v8H72a24,24,0,0,1-24-24A40,40,0,0,0,8,136a8,8,0,0,0,0,16,24,24,0,0,1,24,24,40,40,0,0,0,40,40H96v16a8,8,0,0,0,16,0V192a24,24,0,0,1,48,0v40a8,8,0,0,0,16,0V192a39.8,39.8,0,0,0-8.44-24.53A56.06,56.06,0,0,0,216,112v-8A58.14,58.14,0,0,0,208.31,75.68ZM200,112a40,40,0,0,1-40,40H112a40,40,0,0,1-40-40v-8a41.74,41.74,0,0,1,6.9-22.48A8,8,0,0,0,80,73.83a43.81,43.81,0,0,1,.79-33.58,43.88,43.88,0,0,1,32.32,20.06A8,8,0,0,0,119.82,64h32.35a8,8,0,0,0,6.74-3.69,43.87,43.87,0,0,1,32.32-20.06A43.81,43.81,0,0,1,192,73.83a8.09,8.09,0,0,0,1,7.65A41.72,41.72,0,0,1,200,104Z"></path></svg><span class="text-[9px] text-cyan-200 group-hover:text-white uppercase tracking-wider">GitHub</span></a><a class="flex flex-col items-center justify-center gap-1 bg-[#001e40] border border-cyan-500/30 p-2 hover:bg-cyan-500/20 transition-colors group h-full" href="https://x.com/fezcoddy" rel="noreferrer" target="_blank"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-400 group-hover:text-white"><path d="M214.75,211.71l-62.6-98.38,61.77-67.95a8,8,0,0,0-11.84-10.76L143.24,99.34,102.75,35.71A8,8,0,0,0,96,32H48a8,8,0,0,0-6.75,12.3l62.6,98.37-61.77,68a8,8,0,1,0,11.84,10.76l58.84-64.72,40.49,63.63A8,8,0,0,0,160,224h48a8,8,0,0,0,6.75-12.29ZM164.39,208,62.57,48h29L193.43,208Z"></path></svg><span class="text-[9px] text-cyan-200 group-hover:text-white uppercase tracking-wider">X (Twitter)</span></a><a class="flex flex-col items-center justify-center gap-1 bg-[#001e40] border border-cyan-500/30 p-2 hover:bg-cyan-500/20 transition-colors group h-full" href="https://www.linkedin.com/in/ahmed-samil-bulbul/?locale=en_US" rel="noreferrer" target="_blank"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-400 group-hover:text-white"><path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z"></path></svg><span class="text-[9px] text-cyan-200 group-hover:text-white uppercase tracking-wider">LinkedIn</span></a><a class="flex flex-col items-center justify-center gap-1 bg-[#001e40] border border-cyan-500/30 p-2 hover:bg-cyan-500/20 transition-colors group h-full" href="mailto:samil.bulbul@gmail.com" rel="noreferrer" target="_blank"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-400 group-hover:text-white"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.43,64,128,133.15,52.57,64ZM216,192H40V74.19l82.59,75.71a8,8,0,0,0,10.82,0L216,74.19V192Z"></path></svg><span class="text-[9px] text-cyan-200 group-hover:text-white uppercase tracking-wider">Email</span></a><a class="flex flex-col items-center justify-center gap-1 bg-[#001e40] border border-cyan-500/30 p-2 hover:bg-cyan-500/20 transition-colors group h-full" href="https://github.com/fezcode/fezcode.github.io" rel="noreferrer" target="_blank"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-400 group-hover:text-white"><path d="M232,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H96a23.84,23.84,0,0,0-8,1.38V95a32,32,0,1,0-16,0v66a32,32,0,1,0,16,0V144a8,8,0,0,1,8-8h88a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,232,64ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192ZM200,80a16,16,0,1,1,16-16A16,16,0,0,1,200,80Z"></path></svg><span class="text-[9px] text-cyan-200 group-hover:text-white uppercase tracking-wider">Repo</span></a><a class="flex flex-col items-center justify-center gap-1 bg-[#001e40] border border-cyan-500/30 p-2 hover:bg-cyan-500/20 transition-colors group h-full" href="https://fezcode.com" rel="noreferrer" target="_blank"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" class="text-cyan-400 group-hover:text-white"><path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg><span class="text-[9px] text-cyan-200 group-hover:text-white uppercase tracking-wider">Fezcode</span></a></div></div></div></div></div></div></div><div class="fixed bottom-8 left-1/2 -translate-x-1/2 z-50 bg-black/50 backdrop-blur-md p-2 rounded-full border border-white/10 shadow-2xl flex gap-2"><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/luxe" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M200,112a8,8,0,0,1-8,8H152a8,8,0,0,1,0-16h40A8,8,0,0,1,200,112Zm-8,24H152a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm40-80V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Zm-80.26-34a8,8,0,1,1-15.5,4c-2.63-10.26-13.06-18-24.25-18s-21.61,7.74-24.25,18a8,8,0,1,1-15.5-4,39.84,39.84,0,0,1,17.19-23.34,32,32,0,1,1,45.12,0A39.76,39.76,0,0,1,135.75,166ZM96,136a16,16,0,1,0-16-16A16,16,0,0,0,96,136Z"></path></svg><span class="text-sm hidden md:inline">Luxe</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/brutalist" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M144,92a12,12,0,1,1,12,12A12,12,0,0,1,144,92ZM100,80a12,12,0,1,0,12,12A12,12,0,0,0,100,80Zm116,64A87.76,87.76,0,0,1,213,167l22.24,9.72A8,8,0,0,1,232,192a7.89,7.89,0,0,1-3.2-.67L207.38,182a88,88,0,0,1-158.76,0L27.2,191.33A7.89,7.89,0,0,1,24,192a8,8,0,0,1-3.2-15.33L43,167A87.76,87.76,0,0,1,40,144v-8H16a8,8,0,0,1,0-16H40v-8a87.76,87.76,0,0,1,3-23L20.8,79.33a8,8,0,1,1,6.4-14.66L48.62,74a88,88,0,0,1,158.76,0l21.42-9.36a8,8,0,0,1,6.4,14.66L213,89.05a87.76,87.76,0,0,1,3,23v8h24a8,8,0,0,1,0,16H216ZM56,120H200v-8a72,72,0,0,0-144,0Zm64,95.54V136H56v8A72.08,72.08,0,0,0,120,215.54ZM200,144v-8H136v79.54A72.08,72.08,0,0,0,200,144Z"></path></svg><span class="text-sm hidden md:inline">Brutalist</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/skills" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M200,112a8,8,0,0,1-8,8H152a8,8,0,0,1,0-16h40A8,8,0,0,1,200,112Zm-8,24H152a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm40-80V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Zm-80.26-34a8,8,0,1,1-15.5,4c-2.63-10.26-13.06-18-24.25-18s-21.61,7.74-24.25,18a8,8,0,1,1-15.5-4,39.84,39.84,0,0,1,17.19-23.34,32,32,0,1,1,45.12,0A39.76,39.76,0,0,1,135.75,166ZM96,136a16,16,0,1,0-16-16A16,16,0,0,0,96,136Z"></path></svg><span class="text-sm hidden md:inline">Skill Deck</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/dossier" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><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,160H40V56H216V200ZM184,96a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,96Zm0,32a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,128Zm0,32a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,160Z"></path></svg><span class="text-sm hidden md:inline">Dossier</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/hud" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"></path></svg><span class="text-sm hidden md:inline">The Terminal</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all bg-white text-black font-bold shadow-lg" href="/about/blueprint" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M160,112h48a16,16,0,0,0,16-16V48a16,16,0,0,0-16-16H160a16,16,0,0,0-16,16V64H128a24,24,0,0,0-24,24v32H72v-8A16,16,0,0,0,56,96H24A16,16,0,0,0,8,112v32a16,16,0,0,0,16,16H56a16,16,0,0,0,16-16v-8h32v32a24,24,0,0,0,24,24h16v16a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V160a16,16,0,0,0-16-16H160a16,16,0,0,0-16,16v16H128a8,8,0,0,1-8-8V88a8,8,0,0,1,8-8h16V96A16,16,0,0,0,160,112ZM56,144H24V112H56v32Zm104,16h48v48H160Zm0-112h48V96H160Z"></path></svg><span class="text-sm hidden md:inline">Blueprint</span><div class="absolute inset-0 bg-white rounded-full mix-blend-difference -z-10" style="opacity:1"></div></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/map" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M200,152a31.84,31.84,0,0,0-19.53,6.68l-23.11-18A31.65,31.65,0,0,0,160,128c0-.74,0-1.48-.08-2.21l13.23-4.41A32,32,0,1,0,168,104c0,.74,0,1.48.08,2.21l-13.23,4.41A32,32,0,0,0,128,96a32.59,32.59,0,0,0-5.27.44L115.89,81A32,32,0,1,0,96,88a32.59,32.59,0,0,0,5.27-.44l6.84,15.4a31.92,31.92,0,0,0-8.57,39.64L73.83,165.44a32.06,32.06,0,1,0,10.63,12l25.71-22.84a31.91,31.91,0,0,0,37.36-1.24l23.11,18A31.65,31.65,0,0,0,168,184a32,32,0,1,0,32-32Zm0-64a16,16,0,1,1-16,16A16,16,0,0,1,200,88ZM80,56A16,16,0,1,1,96,72,16,16,0,0,1,80,56ZM56,208a16,16,0,1,1,16-16A16,16,0,0,1,56,208Zm56-80a16,16,0,1,1,16,16A16,16,0,0,1,112,128Zm88,72a16,16,0,1,1,16-16A16,16,0,0,1,200,200Z"></path></svg><span class="text-sm hidden md:inline">Mind Map</span></a></div></div></div></main></div></div><div class="fixed bottom-0 left-0 w-full h-32 pointer-events-none z-[9999]"><div class="absolute bottom-2 flex flex-col items-center pointer-events-auto cursor-help" style="width:60px;transform:translateX(92.7868vw)"><div class="relative" style="transform:scaleX(-1)"><div class="w-10 h-10 flex items-center justify-center rounded-lg border-2 bg-[#050505] border-[#10B981]/40 text-[#10B981] shadow-lg" style="transform:translateY(-3.02533px) rotate(4.82861deg)"><svg fill="currentColor" height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"></path><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"></path></svg><div class="absolute top-2 left-2 flex gap-3"><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div></div></div><div class="flex justify-around mt-[-4px]"><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.558px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.442004px)"></div></div></div></div></div><div class="fixed top-24 right-6 md:right-12 z-[100] pointer-events-none flex flex-col items-end gap-2"><div class="pointer-events-auto flex flex-col-reverse gap-3"></div></div></div></body></html>