-
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) · 39.3 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 39.3 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/brutalist" 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/brutalist" name="twitter:url"><link href="https://fezcode.com/about/brutalist" 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 viewBox="0 0 256 256" fill="currentColor" height="20" 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 viewBox="0 0 256 256" fill="currentColor" height="12" 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 class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0" aria-label="Dismiss"><svg viewBox="0 0 256 256" fill="currentColor" height="20" 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-black text-white border-white border-2 font-mono uppercase tracking-widest text-xs hover:bg-white hover:text-black rounded-none" href="/" data-discover="true"><svg viewBox="0 0 256 256" fill="currentColor" height="1em" 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-black text-white border-white border-2 font-mono uppercase tracking-widest text-xs hover:bg-white hover:text-black rounded-none" href="/about/friends" data-discover="true"><svg viewBox="0 0 256 256" fill="currentColor" height="1em" 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-black text-white border-white border-2 font-mono uppercase tracking-widest text-xs hover:bg-white hover:text-black rounded-none" href="/reading" data-discover="true"><svg viewBox="0 0 256 256" fill="currentColor" height="1em" 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="min-h-screen bg-[#050505] text-white selection:bg-white selection:text-black font-mono relative"><div class="fixed inset-0 pointer-events-none z-0 opacity-[0.03] mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")"></div><div class="fixed top-0 left-0 w-full h-full opacity-10 pointer-events-none grayscale contrast-150"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-ahmed-samil-bulbul" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-ahmed-samil-bulbul)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><polygon fill="hsl(119, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(119, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(0, 20) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" rx="1" stroke="#ffffff" stroke-width="1.5" x="2" y="2"></rect></g><g transform="translate(0, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(299, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(0, 60) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(299, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(20, 0) rotate(270, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g><g transform="translate(20, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(20, 60) rotate(90, 10, 10)"><rect fill="hsl(119, 70%, 60%)" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(119, 70%, 60%)" stroke-width="0" x="2" y="2"></rect></g><g transform="translate(20, 80) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="#ffffff" stroke-width="1.5"></circle></g><g transform="translate(40, 0) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="#ffffff"></path></g><g transform="translate(40, 20) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="1.5" x="2" y="2"></rect></g><g transform="translate(40, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(119, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 80) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(209, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 0) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(60, 20) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="1.5" x="2" y="2"></rect></g><g transform="translate(60, 40) rotate(0, 10, 10)"><rect fill="hsl(299, 60%, 50%)" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="0" x="2" y="2"></rect></g><g transform="translate(60, 60) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(60, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(119, 70%, 60%)"></path></g><g transform="translate(80, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="#ffffff"></path></g><g transform="translate(80, 40) rotate(90, 10, 10)"><rect fill="hsl(299, 60%, 50%)" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="0" x="2" y="2"></rect></g><g transform="translate(80, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(209, 80%, 60%)"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div></div><div class="relative z-10 px-4 sm:px-8 md:px-12 lg:px-24 py-32 md:py-48 max-w-[1600px] mx-auto" style="opacity:1"><header class="mb-32 flex flex-col gap-12 border-l-8 border-white pl-8 md:pl-16"><div class="flex flex-col gap-2"><span class="text-emerald-500 font-black tracking-[0.3em] text-xs uppercase">// IDENTITY_PRIME</span><h1 class="text-6xl md:text-9xl lg:text-[12rem] font-black tracking-tighter text-white uppercase leading-[0.8] mb-4"><span class="block">About</span><span class="block">Me</span></h1></div><div class="flex flex-col md:flex-row gap-8 items-start md:items-end"><div class="border-4 border-white p-6 bg-white text-black font-black uppercase tracking-widest text-xl">Archived_Subject_01</div><div class="flex flex-col gap-1 font-mono text-[10px] text-gray-500 uppercase tracking-widest"><span class="flex items-center gap-2"><svg viewBox="0 0 256 256" fill="currentColor" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><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> Neural_Architecture: v0.6.0</span><span class="flex items-center gap-2"><svg viewBox="0 0 256 256" fill="currentColor" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M224,64H32A16,16,0,0,0,16,80v96a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V80A16,16,0,0,0,224,64Zm0,112H32V80H224v96Zm-24-48a12,12,0,1,1-12-12A12,12,0,0,1,200,128Z"></path></svg> Data_Density: Optimized</span><span class="flex items-center gap-2 text-emerald-500"><svg viewBox="0 0 256 256" fill="currentColor" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><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.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,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,0ZM82.34,141.66a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32l-56,56a8,8,0,0,1-11.32,0Z"></path></svg> Verification: Confirmed</span></div></div></header><div class="grid grid-cols-1 lg:grid-cols-12 gap-16 md:gap-24"><div class="lg:col-span-8"><article class="prose prose-invert max-w-none font-mono prose-headings:font-black prose-headings:uppercase prose-headings:tracking-widest prose-headings:text-3xl prose-headings:mt-32 prose-headings:mb-12 prose-headings:p-6 prose-headings:bg-white prose-headings:text-black prose-headings:inline-block prose-p:font-mono prose-p:leading-relaxed prose-p:text-xl prose-p:mb-8 prose-p:text-gray-300 prose-strong:font-black prose-strong:text-white prose-li:font-mono prose-li:text-lg prose-li:my-4 prose-li:text-gray-400 prose-table:w-full prose-table:border-collapse prose-table:border-2 prose-table:border-white prose-table:font-mono prose-table:text-xs md:prose-table:text-sm prose-table:my-12 prose-thead:bg-white prose-thead:text-black prose-th:p-4 prose-th:uppercase prose-th:tracking-widest prose-th:font-black prose-th:text-center prose-th:border prose-th:border-white prose-td:p-4 prose-td:border prose-td:border-white prose-td:text-center prose-blockquote:border-l-8 prose-blockquote:border-white prose-blockquote:bg-white/5 prose-blockquote:p-12 prose-blockquote:not-italic prose-blockquote:font-black prose-blockquote:text-2xl prose-blockquote:uppercase prose-blockquote:tracking-tighter"><p>Hello! I'm <strong>A. Samil Bulbul</strong>, a <strong>Senior Software Engineer</strong> with a passion for constructing robust, high-performance systems. With over <strong>8 years</strong> of experience, I specialize in <strong>Go</strong> and <strong>system design</strong>, architecting scalable solutions that solve complex real-world problems. 🚀</p><p>My journey has taken me from developing critical infrastructure for smart cities to leading product initiatives in the security sector. I thrive on the challenges of distributed systems and cloud-native technologies, always aiming for efficiency and reliability in every line of code.</p><p>Beyond the terminal, I'm an open-source enthusiast and a lifelong learner. When I'm not optimizing backend services, you can find me exploring new tech or enjoying a good cup of coffee ☕.</p><h2>Experience</h2><ol><li><strong>Senior Software Engineer</strong> at <em>Picus Security</em> (Oct 2022 - Sep 2025)</li><li><strong>Senior Software Engineer</strong> at <em>Aselsan - Smart Cities</em> (Jan 2021 - Oct 2022)</li><li><strong>Software Engineer & DevOps Engineer</strong> at <em>Aselsan - Toll Collection Systems</em> (Jan 2018 - Jan 2021)</li></ol><h2>Technical Expertise</h2><ul><li><strong>Programming Languages:</strong> Go, C++, C, Java, JavaScript/TypeScript, Python, Rust, SQL</li><li><strong>Cloud & DevOps:</strong> Kubernetes (K8S), Docker, AWS, GCP, Azure, CI/CD, Jenkins, Terraform, GitLab</li><li><strong>Databases:</strong> PostgreSQL, MongoDB, Redis</li><li><strong>Frameworks & Core Concepts:</strong> System Design, Microservices, Distributed Systems, gRPC, Node.js, Express.js, JavaFX,</li><li><strong>Developer Tools:</strong> Git, CMake, Conan, Nexus Repository Manager, Bitbucket, Linux, Docker</li></ul><h2>Links</h2><ul><li><a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="https://github.com/fezcode" rel="noopener noreferrer" target="_blank">GitHub Profile <svg viewBox="0 0 256 256" fill="currentColor" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="text-xs inline mb-1"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"></path></svg></a></li><li><a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="https://www.linkedin.com/in/ahmed-samil-bulbul/?locale=en_US" rel="noopener noreferrer" target="_blank">LinkedIn Profile <svg viewBox="0 0 256 256" fill="currentColor" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="text-xs inline mb-1"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"></path></svg></a></li></ul><h2>Publications</h2><ul><li><p><strong>Usability Study of a Novel Tool: The Virtual Cafeteria in Nutrition Education</strong> <em>Authors</em>: Ufuk Celikcan, Ahmed Samil Bulbul, Cem Aslan <em>Year</em>: 2020 <em>DOI</em>: <a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="https://doi.org/10.1016/j.jneb.2020.08.001" rel="noopener noreferrer" target="_blank">https://doi.org/10.1016/j.jneb.2020.08.001 <svg viewBox="0 0 256 256" fill="currentColor" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="text-xs inline mb-1"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"></path></svg></a></p></li><li><p><strong>The Virtual Cafeteria: An Immersive Environment for Interactive Food Portion-Size Education</strong> <em>Authors</em>: Ufuk Celikcan, Ahmed Samil Bulbul, Cem Aslan <em>Year</em>: 2018 <em>DOI</em>: <a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="https://doi.org/10.1145/3279954.3279960" rel="noopener noreferrer" target="_blank">https://doi.org/10.1145/3279954.3279960 <svg viewBox="0 0 256 256" fill="currentColor" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="text-xs inline mb-1"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"></path></svg></a></p></li></ul><h2>Currently...</h2><ul><li><strong>🎵 Making Music:</strong> I'm currently exploring the world of music production, creating some sick beats and melodies. It's a fun way to unwind and get creative, but my tracks are still top secret! 🤫</li><li><strong>📚 Reading:</strong> Trying to read all the books I purchase... It's a work in progress!</li><li><strong>🤔 Thinking about:</strong> How to build the perfect mechanical keyboard and create the best sound system.</li><li><strong>🎮 Narrative Grooving:</strong> Vibing with story-driven games. I'm letting the plot beats drop and the character arcs flow—it's my kind of interactive jam session! 🤘</li></ul><h2>More...</h2><table><thead><tr><th style="text-align:center">🗂️ Some of my Work</th><th style="text-align:center">📖 Articles written</th><th style="text-align:center">🖼️ Stuff I Consume</th><th style="text-align:center">✨ Some Small Apps</th></tr></thead><tbody><tr><td style="text-align:center"><a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="/projects">Projects</a></td><td style="text-align:center"><a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="/blog">Blogs</a></td><td style="text-align:center"><a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="/logs">Logs</a></td><td style="text-align:center"><a class="inline-block font-mono text-sm mx-0.5 border-2 border-white px-2 py-1 text-white hover:bg-white hover:text-black transition-all font-black uppercase tracking-widest" href="/apps">Apps</a></td></tr></tbody></table></article></div><div class="lg:col-span-4 mt-24 lg:mt-0"><div class="sticky top-32 space-y-12"><div class="border-8 border-white p-8 bg-white text-black relative overflow-hidden"><div class="absolute -right-8 -top-8 w-24 h-24 bg-black rotate-45"></div><h3 class="text-4xl font-black uppercase tracking-tighter mb-8 leading-none">Status_Log</h3><div class="space-y-6 font-black uppercase tracking-widest text-xs"><div class="flex justify-between border-b border-black/10 pb-2"><span>Connection</span><span class="text-emerald-600">Secure</span></div><div class="flex justify-between border-b border-black/10 pb-2"><span>Environment</span><span>Brutalist_V2</span></div><div class="flex justify-between border-b border-black/10 pb-2"><span>Integrity</span><span>100%</span></div></div></div><div class="p-8 border-4 border-white/10 bg-white/[0.02] backdrop-blur-md"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-48 opacity-50 grayscale contrast-125 mb-8"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-ahmed-samil-bulbul" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-ahmed-samil-bulbul)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><polygon fill="hsl(119, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(119, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(0, 20) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" rx="1" stroke="#ffffff" stroke-width="1.5" x="2" y="2"></rect></g><g transform="translate(0, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(299, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(0, 60) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(299, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(20, 0) rotate(270, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g><g transform="translate(20, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(20, 60) rotate(90, 10, 10)"><rect fill="hsl(119, 70%, 60%)" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(119, 70%, 60%)" stroke-width="0" x="2" y="2"></rect></g><g transform="translate(20, 80) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="#ffffff" stroke-width="1.5"></circle></g><g transform="translate(40, 0) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="#ffffff"></path></g><g transform="translate(40, 20) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="1.5" x="2" y="2"></rect></g><g transform="translate(40, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(119, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 80) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(209, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 0) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(60, 20) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="1.5" x="2" y="2"></rect></g><g transform="translate(60, 40) rotate(0, 10, 10)"><rect fill="hsl(299, 60%, 50%)" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="0" x="2" y="2"></rect></g><g transform="translate(60, 60) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(119, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(60, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(119, 70%, 60%)"></path></g><g transform="translate(80, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="#ffffff"></path></g><g transform="translate(80, 40) rotate(90, 10, 10)"><rect fill="hsl(299, 60%, 50%)" height="16" width="16" opacity="0.9" rx="1" stroke="hsl(299, 60%, 50%)" stroke-width="0" x="2" y="2"></rect></g><g transform="translate(80, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(209, 80%, 60%)"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><p class="text-[10px] font-mono uppercase tracking-[0.2em] leading-relaxed text-gray-500">Digital convergence archival entry. This segment contains curated behavioral patterns and experiential metrics of the subject.</p></div></div></div></div><footer class="mt-48 pt-12 border-t-8 border-white flex flex-col md:flex-row justify-between items-center gap-8 font-mono text-xs uppercase tracking-widest text-gray-500"><div class="font-black bg-white !text-black px-4 py-2"><span>TERMINAL_SESSION_END</span></div><div class="flex flex-col items-end gap-2"><span>LOG_TIMESTAMP: 2026-03-29T15:27:13.903Z</span><span class="text-white font-black tracking-widest">FEZCODEX_PRIME_NODE</span></div></footer></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 viewBox="0 0 256 256" fill="currentColor" height="20" 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 bg-white text-black font-bold shadow-lg" href="/about/brutalist" data-discover="true"><svg viewBox="0 0 256 256" fill="currentColor" height="20" 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><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/skills" data-discover="true"><svg viewBox="0 0 256 256" fill="currentColor" height="20" 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 viewBox="0 0 256 256" fill="currentColor" height="20" 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 viewBox="0 0 256 256" fill="currentColor" height="20" 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 text-white/60 hover:text-white hover:bg-white/10" href="/about/blueprint" data-discover="true"><svg viewBox="0 0 256 256" fill="currentColor" height="20" 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></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 viewBox="0 0 256 256" fill="currentColor" height="20" 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(95.1496vw)"><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.93183px) rotate(-.0915482deg)"><svg viewBox="0 0 256 256" fill="currentColor" height="24" 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(-.124731px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.87527px)"></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 class="relative w-80 md:w-96 bg-[#050505]/95 backdrop-blur-xl border-2 border-amber-400/50 rounded-sm shadow-2xl shadow-amber-400/10 overflow-hidden mb-4 group" style="opacity:1;transform:none"><div class="absolute bottom-0 left-0 h-1 z-20 bg-amber-400" style="width:65.975%"></div><div class="p-6 flex gap-4 items-start"><div class="flex-shrink-0 mt-1"><div class="text-xl"><svg viewBox="0 0 256 256" fill="currentColor" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" class="text-amber-400"><path d="M200,48v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112V48Z" opacity="0.2"></path><path d="M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z"></path></svg></div></div><div class="flex-grow min-w-0 space-y-1"><h4 class="text-xs font-black uppercase tracking-widest text-white leading-tight">Achievement Unlocked!</h4><p class="text-[11px] font-mono leading-relaxed text-gray-400">Curious Soul</p><div class="flex flex-wrap gap-2 pt-3"><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/settings" data-discover="true">Settings</a><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/achievements" data-discover="true">Trophy Room</a></div></div><button class="flex-shrink-0 text-gray-600 hover:text-white transition-colors p-1"><svg viewBox="0 0 256 256" fill="currentColor" height="16" width="16" 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="absolute inset-0 bg-gradient-to-tr from-white/[0.02] to-transparent pointer-events-none"></div></div></div></div></div></body></html>