-
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) · 175 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 175 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>Timeline | Fezcodex</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"><meta content="A chronological overview of key milestones and events." name="description"><meta content="Fezcodex, timeline, milestones, history, achievements" name="keywords"><meta content="Timeline | Fezcodex" property="og:title"><meta content="A chronological overview of key milestones and events." property="og:description"><meta content="https://fezcode.com/images/asset/timeline-page.webp" property="og:image"><meta content="https://fezcode.com/timeline/" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/asset/timeline-page.webp" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="Timeline | Fezcodex" name="twitter:title"><meta content="A chronological overview of key milestones and events." name="twitter:description"><meta content="https://fezcode.com/images/asset/timeline-page.webp" name="twitter:image"><meta content="https://fezcode.com/timeline/" name="twitter:url"><link href="https://fezcode.com/timeline/" rel="canonical"><link href="https://release-assets.githubusercontent.com" rel="preconnect"></head><body class="bg-slate-950" style="cursor:default;user-select:auto"><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 height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><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 height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><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 height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><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="fixed inset-0 bg-black/80 backdrop-blur-sm z-40 md:hidden transition-opacity opacity-0 pointer-events-none"></div><aside class="fixed top-0 left-0 h-screen w-72 bg-[#060608] z-50 flex flex-col border-r border-white/10 shadow-2xl" style="transform:translateX(-100%)"><div class="p-8 border-b border-white/10 flex flex-col gap-2 bg-black/50 relative"><div class="absolute top-0 left-0 w-full h-[2px] bg-gradient-to-r from-emerald-500/60 via-amber-500/30 to-transparent"></div><a class="flex items-center gap-3 group" href="/" data-discover="true"><span class="text-xl font-black uppercase tracking-tighter text-white">Fez<span class="text-emerald-500">codex</span></span></a><span class="font-arvo text-[10px] text-gray-500 uppercase tracking-widest font-medium">Digital Archive Kernel // v0.20.1 // Neural_Nexus</span></div><div class="relative flex-grow overflow-hidden"><div class="h-full overflow-y-auto scrollbar-hide no-scrollbar"><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Main</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M222.14,105.85l-80-80a20,20,0,0,0-28.28,0l-80,80A19.86,19.86,0,0,0,28,120v96a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V164h24v52a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V120A19.86,19.86,0,0,0,222.14,105.85ZM204,204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52V121.65l76-76,76,76Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Home</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/terminal" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M72.5,150.63,100.79,128,72.5,105.37a12,12,0,1,1,15-18.74l40,32a12,12,0,0,1,0,18.74l-40,32a12,12,0,0,1-15-18.74ZM144,172h32a12,12,0,0,0,0-24H144a12,12,0,0,0,0,24ZM236,56V200a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216A20,20,0,0,1,236,56Zm-24,4H44V196H212Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Terminal</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/about" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">About</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/achievements" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,60H212V48a12,12,0,0,0-12-12H56A12,12,0,0,0,44,48V60H24A20,20,0,0,0,4,80V96a44.05,44.05,0,0,0,44,44h.77A84.18,84.18,0,0,0,116,195.15V212H96a12,12,0,0,0,0,24h64a12,12,0,0,0,0-24H140V195.11c30.94-4.51,56.53-26.2,67-55.11h1a44.05,44.05,0,0,0,44-44V80A20,20,0,0,0,232,60ZM28,96V84H44v28c0,1.21,0,2.41.09,3.61A20,20,0,0,1,28,96Zm160,15.1c0,33.33-26.71,60.65-59.54,60.9A60,60,0,0,1,68,112V60H188ZM228,96a20,20,0,0,1-16.12,19.62c.08-1.5.12-3,.12-4.52V84h16Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Achievements</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Feed</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/blog" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,44H160a43.86,43.86,0,0,0-32,13.85A43.86,43.86,0,0,0,96,44H24A12,12,0,0,0,12,56V200a12,12,0,0,0,12,12H96a20,20,0,0,1,20,20,12,12,0,0,0,24,0,20,20,0,0,1,20-20h72a12,12,0,0,0,12-12V56A12,12,0,0,0,232,44ZM96,188H36V68H96a20,20,0,0,1,20,20V192.81A43.79,43.79,0,0,0,96,188Zm124,0H160a43.71,43.71,0,0,0-20,4.83V88a20,20,0,0,1,20-20h60Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Blogposts</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/projects" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M230.47,67.5a12,12,0,0,0-19.26-4.32L172.43,99l-12.68-2.72L157,83.57l35.79-38.78a12,12,0,0,0-4.32-19.26A76.07,76.07,0,0,0,88.41,121.64L30.92,174.18a4.68,4.68,0,0,0-.39.38,36,36,0,0,0,50.91,50.91l.38-.39,52.54-57.49A76.05,76.05,0,0,0,230.47,67.5ZM160,148a51.5,51.5,0,0,1-23.35-5.52,12,12,0,0,0-14.26,2.62L64.31,208.66a12,12,0,0,1-17-17l63.55-58.07a12,12,0,0,0,2.62-14.26A51.5,51.5,0,0,1,108,96a52.06,52.06,0,0,1,52-52h.89L135.17,71.87a12,12,0,0,0-2.91,10.65l5.66,26.35a12,12,0,0,0,9.21,9.21l26.35,5.66a12,12,0,0,0,10.65-2.91L212,95.12c0,.3,0,.59,0,.89A52.06,52.06,0,0,1,160,148Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Projects</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/logs" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36Zm-4,160H44V60H212ZM68,92A12,12,0,0,1,80,80h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,92Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,128Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,164Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Discovery Logs</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/vocab" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><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="font-arvo text-sm font-medium uppercase tracking-widest">Glossary</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/the-vague" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,164v8h12a12,12,0,0,1,0,24H200v12a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12h32a12,12,0,0,1,0,24ZM92,172a32,32,0,0,1-32,32H56v4a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12H60A32,32,0,0,1,92,172Zm-24,0a8,8,0,0,0-8-8H56v16h4A8,8,0,0,0,68,172Zm100,8a40,40,0,0,1-40,40H112a12,12,0,0,1-12-12V152a12,12,0,0,1,12-12h16A40,40,0,0,1,168,180Zm-24,0a16,16,0,0,0-16-16h-4v32h4A16,16,0,0,0,144,180ZM36,108V40A20,20,0,0,1,56,20h96a12,12,0,0,1,8.49,3.52l56,56A12,12,0,0,1,220,88v20a12,12,0,0,1-24,0v-4H148a12,12,0,0,1-12-12V44H60v64a12,12,0,0,1-24,0ZM160,57V80h23Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">The Vague</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Applications</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/castarook/"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M252,80a32,32,0,1,0-60,15.45l-20.86,25.66L150.82,74.4a32,32,0,1,0-45.64,0L84.87,121.11,64,95.45a32,32,0,1,0-35,15.78l14,84.06A19.94,19.94,0,0,0,62.78,212H193.22A19.94,19.94,0,0,0,213,195.29l14-84.06A32.05,32.05,0,0,0,252,80Zm-32-8a8,8,0,1,1-8,8A8,8,0,0,1,220,72ZM128,44a8,8,0,1,1-8,8A8,8,0,0,1,128,44ZM36,72a8,8,0,1,1-8,8A8,8,0,0,1,36,72ZM189.83,188H66.17L55.29,122.78l23.4,28.79A12,12,0,0,0,88,156a12.87,12.87,0,0,0,1.63-.11,12,12,0,0,0,9.37-7.1L127.18,84l.82,0,.82,0L157,148.79a12,12,0,0,0,9.37,7.1A12.87,12.87,0,0,0,168,156a12,12,0,0,0,9.31-4.43l23.4-28.79Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Castarook</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/Swat-Tactics/"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,36H48A20,20,0,0,0,28,56v56c0,54.29,26.32,87.22,48.4,105.29,23.71,19.39,47.44,26,48.44,26.29a12.1,12.1,0,0,0,6.32,0c1-.28,24.73-6.9,48.44-26.29,22.08-18.07,48.4-51,48.4-105.29V56A20,20,0,0,0,208,36Zm-4,76c0,35.71-13.09,64.69-38.91,86.15A126.28,126.28,0,0,1,128,219.38a126.14,126.14,0,0,1-37.09-21.23C65.09,176.69,52,147.71,52,112V60H204ZM79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Swat Tactics</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/climb-the-tall-building-0/"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,28H152a12,12,0,0,0-9.33,4.45L79.5,110.51l-4.66-4.65a20,20,0,0,0-28.29,0L29.86,122.55a20,20,0,0,0,0,28.29h0L45,166,23.86,187.17a20,20,0,0,0,0,28.28l16.69,16.69a20,20,0,0,0,28.28,0L90,211l15.17,15.16a20,20,0,0,0,28.29,0l16.69-16.69a20,20,0,0,0,0-28.3l-4.65-4.65,78.06-63.17A12,12,0,0,0,228,104V40A12,12,0,0,0,216,28ZM54.69,212.34l-11-11L62,183l11,11Zm64.61-6L49.65,136.7l11.05-11,69.65,69.65ZM204,98.27l-75.58,61.17L121,152l47.51-47.5a12,12,0,0,0-17-17L104,135l-7.45-7.44L157.73,52H204Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">CTTB-0</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/net_run/"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M225.6,62.64l-88-48.17a19.91,19.91,0,0,0-19.2,0l-88,48.17A20,20,0,0,0,20,80.19v95.62a20,20,0,0,0,10.4,17.55l88,48.17a19.89,19.89,0,0,0,19.2,0l88-48.17A20,20,0,0,0,236,175.81V80.19A20,20,0,0,0,225.6,62.64ZM128,36.57,200,76,128,115.4,56,76ZM44,96.79l72,39.4v76.67L44,173.44Zm96,116.07V136.19l72-39.4v76.65Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Net Run</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Utilities</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/pinned-apps" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M238.15,78.54,177.46,17.86a20,20,0,0,0-28.3,0L97.2,70c-12.43-3.33-36.68-5.72-61.74,14.5a20,20,0,0,0-1.6,29.73l45.46,45.47-39.8,39.8a12,12,0,0,0,17,17l39.8-39.81,45.47,45.46A20,20,0,0,0,155.91,228c.46,0,.93,0,1.4-.05A20,20,0,0,0,171.87,220c4.69-6.23,11-16.13,14.44-28s3.45-22.88.16-33.4l51.7-51.87A20,20,0,0,0,238.15,78.54Zm-74.26,68.79a12,12,0,0,0-2.23,13.84c3.43,6.86,6.9,21-6.28,40.65L54.08,100.53c21.09-14.59,39.53-6.64,41-6a11.67,11.67,0,0,0,13.81-2.29l54.43-54.61,55,55Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Favorites</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/apps" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M100,36H56A20,20,0,0,0,36,56v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,100,36ZM96,96H60V60H96ZM200,36H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,60H160V60h36Zm-96,40H56a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,100,136Zm-4,60H60V160H96Zm104-60H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,200,136Zm-4,60H160V160h36Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">App Center</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/commands" data-discover="true"><div class="flex items-center gap-4"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><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><span class="font-arvo text-sm font-medium uppercase tracking-widest">Manuals</span></div><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 bg-emerald-500/5 text-emerald-400 border-l-2 border-emerald-500"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// System</span><span class="transform transition-transform duration-300">↓</span></button><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// External Nodes</span><span class="transform transition-transform duration-300">↓</span></button></div></div><div class="p-4 border-t border-white/10 bg-black/50"><div class="grid grid-cols-4 gap-2 mb-4"><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="COMMANDS"><div class="text-white group-hover:text-black transition-all"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="SETTINGS"><div class="text-white group-hover:text-black transition-all"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm113.86-49.57A12,12,0,0,0,236,98.34L208.21,82.49l-.11-31.31a12,12,0,0,0-4.25-9.12,116,116,0,0,0-38-21.41,12,12,0,0,0-9.68.89L128,37.27,99.83,21.53a12,12,0,0,0-9.7-.9,116.06,116.06,0,0,0-38,21.47,12,12,0,0,0-4.24,9.1l-.14,31.34L20,98.35a12,12,0,0,0-5.85,8.11,110.7,110.7,0,0,0,0,43.11A12,12,0,0,0,20,157.66l27.82,15.85.11,31.31a12,12,0,0,0,4.25,9.12,116,116,0,0,0,38,21.41,12,12,0,0,0,9.68-.89L128,218.73l28.14,15.74a12,12,0,0,0,9.7.9,116.06,116.06,0,0,0,38-21.47,12,12,0,0,0,4.24-9.1l.14-31.34,27.81-15.81a12,12,0,0,0,5.85-8.11A110.7,110.7,0,0,0,241.86,106.43Zm-22.63,33.18-26.88,15.28a11.94,11.94,0,0,0-4.55,4.59c-.54,1-1.11,1.93-1.7,2.88a12,12,0,0,0-1.83,6.31L184.13,199a91.83,91.83,0,0,1-21.07,11.87l-27.15-15.19a12,12,0,0,0-5.86-1.53h-.29c-1.14,0-2.3,0-3.44,0a12.08,12.08,0,0,0-6.14,1.51L93,210.82A92.27,92.27,0,0,1,71.88,199l-.11-30.24a12,12,0,0,0-1.83-6.32c-.58-.94-1.16-1.91-1.7-2.88A11.92,11.92,0,0,0,63.7,155L36.8,139.63a86.53,86.53,0,0,1,0-23.24l26.88-15.28a12,12,0,0,0,4.55-4.58c.54-1,1.11-1.94,1.7-2.89a12,12,0,0,0,1.83-6.31L71.87,57A91.83,91.83,0,0,1,92.94,45.17l27.15,15.19a11.92,11.92,0,0,0,6.15,1.52c1.14,0,2.3,0,3.44,0a12.08,12.08,0,0,0,6.14-1.51L163,45.18A92.27,92.27,0,0,1,184.12,57l.11,30.24a12,12,0,0,0,1.83,6.32c.58.94,1.16,1.91,1.7,2.88A11.92,11.92,0,0,0,192.3,101l26.9,15.33A86.53,86.53,0,0,1,219.23,139.61Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="RANDOM"><div class="text-white group-hover:text-black transition-all"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M240.49,175.51a12,12,0,0,1,0,17l-24,24a12,12,0,0,1-17-17L203,196h-2.09a76.17,76.17,0,0,1-61.85-31.83L97.38,105.78A52.1,52.1,0,0,0,55.06,84H32a12,12,0,0,1,0-24H55.06a76.17,76.17,0,0,1,61.85,31.83l41.71,58.39A52.1,52.1,0,0,0,200.94,172H203l-3.52-3.51a12,12,0,0,1,17-17Zm-95.62-72.62a12,12,0,0,0,16.93-1.13A52,52,0,0,1,200.94,84H203l-3.52,3.51a12,12,0,0,0,17,17l24-24a12,12,0,0,0,0-17l-24-24a12,12,0,0,0-17,17L203,60h-2.09a76,76,0,0,0-57.2,26A12,12,0,0,0,144.87,102.89Zm-33.74,50.22a12,12,0,0,0-16.93,1.13A52,52,0,0,1,55.06,172H32a12,12,0,0,0,0,24H55.06a76,76,0,0,0,57.2-26A12,12,0,0,0,111.13,153.11Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="CONTACT"><div class="text-white group-hover:text-black transition-all"><svg height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM193.15,68,128,127.72,62.85,68ZM44,188V83.28l75.89,69.57a12,12,0,0,0,16.22,0L212,83.28V188Z"></path></svg></div></button></div><div class="text-center"><p class="font-arvo text-[10px] text-gray-600 uppercase tracking-widest font-medium">© 2026 Fezcode // Theme: Brutalist</p></div></div></aside><div class="flex-1 flex flex-col transition-all duration-300 md:ml-0"><header class="bg-[#050505]/80 backdrop-blur-md sticky top-0 z-[60] transition-all border-b border-transparent py-4 relative"><button class="absolute top-1/2 -translate-y-1/2 left-6 text-gray-400 hover:text-emerald-500 transition-colors hidden md:block focus:outline-none" aria-label="Toggle Sidebar"><svg height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><div class="mx-auto max-w-7xl px-6 flex justify-between items-center text-white"><div class="md:hidden flex items-center gap-4"><button class="text-gray-400 hover:text-white transition-colors focus:outline-none"><svg height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><a class="flex items-center gap-2" href="/" data-discover="true"><svg height="40" viewBox="0 0 100 100" width="40" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-30deg)" class="text-white"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-xl font-black tracking-tighter uppercase font-mono">Fez<span class="text-emerald-500">codex</span></span></a></div><div class="hidden md:flex items-center gap-2 ml-12"><a class="flex items-center gap-2 group" href="/" data-discover="true"><svg height="40" viewBox="0 0 100 100" width="40" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-30deg)" class="text-white"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-2xl font-black tracking-tighter uppercase font-mono transition-colors group-hover:text-emerald-500">Fez<span class="text-emerald-500 group-hover:text-white">codex</span></span></a></div><div class="flex items-center gap-2 md:gap-4"><a class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" href="/about" data-discover="true"><svg height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest">About</span></a><button class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" aria-label="Toggle Search"><svg height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="group-hover:text-emerald-500 transition-colors"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest group-hover:text-emerald-500 transition-colors">Search</span></button></div></div></header><main class="flex-grow"><div style="opacity:1"><div class="flex flex-col lg:flex-row min-h-screen bg-[#050505] text-white selection:bg-emerald-500/30"><div class="pointer-events-none fixed inset-0 z-50 opacity-20 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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")"></div><div class="w-full lg:w-5/12 h-[50vh] lg:h-screen lg:sticky lg:top-0 border-b lg:border-b-0 lg:border-r border-white/10 z-20 bg-black relative flex flex-col"><div class="absolute inset-0 opacity-60"><div class="w-full h-full"><canvas data-engine="three.js r182" height="0" style="display:block;width:0;height:0" width="0"></canvas></div></div><div class="absolute inset-0 pointer-events-none transition-colors duration-500" style="background-image:linear-gradient(rgba(0,255,127,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,127,.03) 1px,transparent 1px);background-size:40px 40px"></div><div class="absolute inset-0 bg-gradient-to-t from-[#050505] via-transparent to-[#050505]/50"></div><div class="absolute top-0 left-0 w-full h-full p-6 md:p-8 lg:pt-20 lg:pb-20 lg:px-12 pointer-events-none flex flex-col justify-between z-10"><div class="flex justify-between items-start"><div class="flex flex-col gap-1"><div class="flex items-center gap-2 animate-pulse" style="color:#00ff7f"><div class="w-2 h-2 rounded-full" style="background-color:#00ff7f"></div><span class="font-mono text-xs font-bold tracking-widest">LIVE FEED</span></div><h2 class="font-mono text-4xl lg:text-5xl font-black text-white/90 tracking-tighter mt-2">LOG INSPECTION</h2><div class="mt-2" style="opacity:1;transform:none"><div class="text-gray-400 font-mono text-xs uppercase tracking-widest mb-1">Current Objective</div><div class="text-xl lg:text-2xl font-bold uppercase tracking-tight leading-none" style="color:#00ff7f">Syntax, the Codex Companion Deployed</div></div></div><div class="text-right hidden md:block"><div class="font-mono text-xs text-gray-500 tracking-widest mb-1">SYSTEM TIME</div><div class="font-mono text-3xl font-bold text-white tracking-widest tabular-nums">18:27:30</div><div class="font-mono text-xs text-gray-500 tracking-widest mt-1">SUN, MAR 29, 2026</div></div></div><div class="flex justify-between items-end"><div class="pointer-events-auto"><a class="inline-flex items-center gap-2 rounded-none border border-white/10 bg-black/40 px-6 py-2 text-xs font-mono font-bold uppercase tracking-widest text-white backdrop-blur-md transition-all hover:bg-white hover:text-black group" href="/" data-discover="true" style="border-color:rgba(0,255,127,.267)"><svg height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor" 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>ABORT</span></a></div><div class="flex flex-col gap-4 text-right"><div class="hidden md:block"><div class="font-mono text-[10px] text-gray-500 uppercase tracking-widest mb-1">Target Sector</div><div class="font-mono text-sm uppercase tracking-wider flex items-center justify-end gap-2 transition-colors duration-300" style="color:#00ff7f"><svg height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm88,104a87.62,87.62,0,0,1-6.4,32.94l-44.7-27.49a15.92,15.92,0,0,0-6.24-2.23l-22.82-3.08a16.11,16.11,0,0,0-16,7.86h-8.72l-3.8-7.86a15.91,15.91,0,0,0-11-8.67l-8-1.73L96.14,104h16.71a16.06,16.06,0,0,0,7.73-2l12.25-6.76a16.62,16.62,0,0,0,3-2.14l26.91-24.34A15.93,15.93,0,0,0,166,49.1l-.36-.65A88.11,88.11,0,0,1,216,128ZM143.31,41.34,152,56.9,125.09,81.24,112.85,88H96.14a16,16,0,0,0-13.88,8l-8.73,15.23L63.38,84.19,74.32,58.32a87.87,87.87,0,0,1,69-17ZM40,128a87.53,87.53,0,0,1,8.54-37.8l11.34,30.27a16,16,0,0,0,11.62,10l21.43,4.61L96.74,143a16.09,16.09,0,0,0,14.4,9h1.48l-7.23,16.23a16,16,0,0,0,2.86,17.37l.14.14L128,205.94l-1.94,10A88.11,88.11,0,0,1,40,128Zm102.58,86.78,1.13-5.81a16.09,16.09,0,0,0-4-13.9,1.85,1.85,0,0,1-.14-.14L120,174.74,133.7,144l22.82,3.08,45.72,28.12A88.18,88.18,0,0,1,142.58,214.78Z"></path></svg> feature</div></div><div><div class="font-mono text-[10px] text-gray-500 uppercase tracking-widest mb-1">Operation ID</div><div class="font-mono text-sm text-white uppercase tracking-wider flex items-center justify-end gap-2"><svg height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f" class="animate-pulse"><path d="M232,120h-8.34A96.14,96.14,0,0,0,136,32.34V24a8,8,0,0,0-16,0v8.34A96.14,96.14,0,0,0,32.34,120H24a8,8,0,0,0,0,16h8.34A96.14,96.14,0,0,0,120,223.66V232a8,8,0,0,0,16,0v-8.34A96.14,96.14,0,0,0,223.66,136H232a8,8,0,0,0,0-16Zm-96,87.6V200a8,8,0,0,0-16,0v7.6A80.15,80.15,0,0,1,48.4,136H56a8,8,0,0,0,0-16H48.4A80.15,80.15,0,0,1,120,48.4V56a8,8,0,0,0,16,0V48.4A80.15,80.15,0,0,1,207.6,120H200a8,8,0,0,0,0,16h7.6A80.15,80.15,0,0,1,136,207.6ZM128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152Z"></path></svg>OP-Syntax,-</div></div></div></div></div></div><div class="w-full lg:w-7/12 relative bg-[#050505] p-6 md:p-12 lg:pt-32 lg:pb-24 lg:px-24 overflow-y-auto"><div class="absolute left-6 md:left-12 lg:left-24 top-0 bottom-0 w-px bg-white/10"></div><div class="space-y-16 pb-32"><div class="relative pl-12 group cursor-default" style="opacity:1;transform:none"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 scale-125 border-white" style="border-color:#00ff7f"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/20 bg-white/5"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 18 Feb 2026</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-white">Syntax, the Codex Companion Deployed</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Introduced 'Syntax', an autonomous digital entity that lives at the bottom of the Fezcodex interface. Syntax features a persistent virtual-pet logic with real-time screen traversal, technical 'thought' generation, and contextual awareness. It adapts its molecular structure to match active themes (Brutalist/Luxe) and reacts to the user's journey through the digital garden.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/settings#companion" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 20 Jan 2026</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Fezluxe: Architectural Elegance Launched</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Deployed 'Fezluxe', a major design overhaul introducing a sophisticated digital sanctuary theme. Features a cinematic sliding-window project stack, Playfair Display typography, and a refined parchment-based color palette. Every core component now supports theme-polymorphism.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/blog/introducing-fezluxe-refined-architectural-elegance" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M200.77,53.89A103.27,103.27,0,0,0,128,24h-1.07A104,104,0,0,0,24,128c0,43,26.58,79.06,69.36,94.17A32,32,0,0,0,136,192a16,16,0,0,1,16-16h46.21a31.81,31.81,0,0,0,31.2-24.88,104.43,104.43,0,0,0,2.59-24A103.28,103.28,0,0,0,200.77,53.89Zm13,93.71A15.89,15.89,0,0,1,198.21,160H152a32,32,0,0,0-32,32,16,16,0,0,1-21.31,15.07C62.49,194.3,40,164,40,128a88,88,0,0,1,87.09-88h.9a88.35,88.35,0,0,1,88,87.25A88.86,88.86,0,0,1,213.81,147.6ZM140,76a12,12,0,1,1-12-12A12,12,0,0,1,140,76ZM96,100A12,12,0,1,1,84,88,12,12,0,0,1,96,100Zm0,56a12,12,0,1,1-12-12A12,12,0,0,1,96,156Zm88-56a12,12,0,1,1-12-12A12,12,0,0,1,184,100Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 18 Jan 2026</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Multimodal Project Layouts</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented a polymorphic layout system for project pages, allowing projects to define their own visual identity via specialized 'Styles'. Launched four distinct protocols: 'Stylish' (e.g., Fezcodex), 'Museum' (e.g., PIML), 'Editorial' (e.g., Dush, BM), and 'Minimal Modern' (e.g., Yap). Each style adapts the UI to match the project's unique character.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/projects" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 17 Jan 2026</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">The Vague: Editorial Refactor</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Refactored The Vague page to align with the new Editorial design style. The page now features a sophisticated, text-centric layout that emphasizes readability and typographic elegance.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/the_vague" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 12 Jan 2026</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Major SEO Refactoring: Declarative Metadata</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Executed a site-wide architectural shift from imperative 'useSeo' hooks to a declarative '<Seo />' component system. This transition ensures that React 19 metadata hoisting is correctly utilized during Static Site Generation (SSG) via react-snap, enabling crawlers to capture full SEO payloads before hydration. Optimized 130+ pages and implemented standard path mapping for improved compatibility.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/blog/routing-revolution-ssg-and-seo" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 6 Jan 2026</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Aether: Cyberpunk Audio Interface</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Deployed 'Aether', a cloud-based music player with a high-fidelity cyberpunk aesthetic. Features a generative audio visualizer, seamless playback across the site via a tiny persistent player, and a fully data-driven playlist system powered by PIML.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/apps/aether" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M221.69,199.77,160,96.92V40h8a8,8,0,0,0,0-16H88a8,8,0,0,0,0,16h8V96.92L34.31,199.77A16,16,0,0,0,48,224H208a16,16,0,0,0,13.72-24.23ZM110.86,103.25A7.93,7.93,0,0,0,112,99.14V40h32V99.14a7.93,7.93,0,0,0,1.14,4.11L183.36,167c-12,2.37-29.07,1.37-51.75-10.11-15.91-8.05-31.05-12.32-45.22-12.81ZM48,208l28.54-47.58c14.25-1.74,30.31,1.85,47.82,10.72,19,9.61,35,12.88,48,12.88a69.89,69.89,0,0,0,19.55-2.7L208,208Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 22 Dec 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Brufez: Design Language Formalized</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Formalized the 'Brufez' design language spec. Deployed a comprehensive documentation system at /brufez demonstrating geometric rigidity, chromatic absolutism, and systemic transparency. Updated core interactive components and domain entities to follow the new brutalist protocol.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/brufez" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 21 Dec 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Neural Net Online</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Deployed the 3D Knowledge Graph Visualization Protocol. Now users can navigate the site via an interactive neural network.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/graph" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 21 Dec 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Brutalist Fezcodex: Major Refactor</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Executed a sweeping architectural and aesthetic refactor. Introduced high-contrast brutalist layouts, immersive hero sections with real-time generative art, and a massive codebase sanitization. Overhauled the Timeline and Memory Game components to match the new digital-first identity.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(250,128,114,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:salmon"><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></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:salmon"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:salmon;background-color:rgba(250,128,114,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 17 Dec 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> content</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Reading Experience Modes & Sidebar Colors</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented a Dossier and Terminal reader modes for blogposts which can be set in Settings. Dossier having a Classified Dossier look while Terminal uses Dark Orange tones. Also sidebar background can be changed now. Isn't that the best?</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/blog/introducing-reading-experience" data-discover="true" style="color:salmon">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 12 Dec 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">About Me Page Overhaul</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Added 4 major version of the about me page.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/about" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 12 Dec 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Home Page Overhaul Refactor</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Modernized Home Page section.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><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,40ZM40,152H56a8,8,0,0,0,0-16H40V120H56a8,8,0,0,0,0-16H40V88H56a8,8,0,0,0,0-16H40V56H80V200H40Zm176,48H96V56H216V200Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 11 Dec 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Global Side Panel & Vocabulary Links</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented a resizable, global side panel for contextual information, with vocabulary links in Markdown content that dynamically open the panel with lazy-loaded React components.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/blog/react-magic-markdown-components" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 30 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Settings Page UI/UX Redesign</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Overhauled the Settings page with a modern glassmorphism design, animated sections, custom icons, and improved layout for better user experience.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/settings" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 30 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Enhanced CustomToggle Component</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Reworked the CustomToggle component with a modern, animated switch design supporting multiple color themes.</p></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 30 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Achievement Notification Improvements</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Added configurable achievement toast notifications with direct links to relevant pages (Settings, Trophy Room).</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/achievements" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 29 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Blog & Series Styling Overhaul</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Applied the new futuristic design language to Blog Post and Series pages, including enhanced typography, sticky metadata, and improved code block styling.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/blog" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 29 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Projects Overhaul Refactor</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Modernized Projects section with a futuristic cyan theme, enhanced animations, and improved metadata cards.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/projects" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M216,48H40a8,8,0,0,0-8,8V208a16,16,0,0,0,16,16H88a16,16,0,0,0,16-16V160h48v16a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V56A8,8,0,0,0,216,48ZM88,208H48V128H88Zm0-96H48V64H88Zm64,32H104V64h48Zm56,32H168V128h40Zm0-64H168V64h40Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 29 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Fezzilla: Issue Tracking Roadmap</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented Fezzilla, an issue tracking roadmap to visualize project statuses and progress.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/roadmap" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(243,229,171,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f3e5ab"><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 class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f3e5ab"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f3e5ab;background-color:rgba(243,229,171,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 29 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> app</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Introduction of Achievements</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Launched the achievements for different use cases of the Fezcodex.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/achievements" data-discover="true" style="color:#f3e5ab">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M235.32,81.37,174.63,20.69a16,16,0,0,0-22.63,0L98.37,74.49c-10.66-3.34-35-7.37-60.4,13.14a16,16,0,0,0-1.29,23.78L85,159.71,42.34,202.34a8,8,0,0,0,11.32,11.32L96.29,171l48.29,48.29A16,16,0,0,0,155.9,224c.38,0,.75,0,1.13,0a15.93,15.93,0,0,0,11.64-6.33c19.64-26.1,17.75-47.32,13.19-60L235.33,104A16,16,0,0,0,235.32,81.37ZM224,92.69h0l-57.27,57.46a8,8,0,0,0-1.49,9.22c9.46,18.93-1.8,38.59-9.34,48.62L48,100.08c12.08-9.74,23.64-12.31,32.48-12.31A40.13,40.13,0,0,1,96.81,91a8,8,0,0,0,9.25-1.51L163.32,32,224,92.68Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 27 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Pinned Apps Hall of Fame</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Introduced a dedicated, techno-styled page for my most used and favorite tools.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/pinned-apps" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 27 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">New Blogpost Page</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">A new overhauled version of the blogposts page.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/blog/" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 27 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Visual Modes</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented different visual modes that can be set in settings page or via Command Palette.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/settings" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 27 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Bundle Size Optimization</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Reduced main bundle size by ~70% via code splitting (React.lazy) and disabling production source maps.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/blog/reducing-react-app-size" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M128,40a96,96,0,1,0,96,96A96.11,96.11,0,0,0,128,40Zm0,176a80,80,0,1,1,80-80A80.09,80.09,0,0,1,128,216ZM173.66,90.34a8,8,0,0,1,0,11.32l-40,40a8,8,0,0,1-11.32-11.32l40-40A8,8,0,0,1,173.66,90.34ZM96,16a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,16Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 26 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Timeline Feature Introduced</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented a chronological overview of project milestones and achievements.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/timeline" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(244,162,89,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f4a259"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f4a259"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f4a259;background-color:rgba(244,162,89,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 26 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> refactor</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Major Refactors and UI Improvements</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Significant refactoring of Logs and App pages, along with UI enhancements across the site.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/logs" data-discover="true" style="color:#f4a259">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><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 class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 23 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Command Palette and Games</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Introduced a command palette for navigation and new games like Nonogram and Lights Out.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/commands" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M216,40H72A16,16,0,0,0,56,56V72H40A16,16,0,0,0,24,88V200a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V184h16a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM72,56H216v62.75l-10.07-10.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L72,109.37ZM184,200H40V88H56v80a16,16,0,0,0,16,16H184Zm32-32H72V132l36-36,49.66,49.66a8,8,0,0,0,11.31,0L194.63,120,216,141.38V168ZM160,84a12,12,0,1,1,12,12A12,12,0,0,1,160,84Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 18 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Wallpapers Script and New Apps</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Added a script for generating wallpapers and introduced new interactive apps.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/apps" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(250,128,114,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:salmon"><path d="M208,24H72A32,32,0,0,0,40,56V224a8,8,0,0,0,8,8H192a8,8,0,0,0,0-16H56a16,16,0,0,1,16-16H208a8,8,0,0,0,8-8V32A8,8,0,0,0,208,24Zm-8,160H72a31.82,31.82,0,0,0-16,4.29V56A16,16,0,0,1,72,40H200Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:salmon"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:salmon;background-color:rgba(250,128,114,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 14 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> content</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Stories Section Rework</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Reworked the stories section with PIML integration and new structure.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/stories" data-discover="true" style="color:salmon">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,201,167,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00c9a7"><path d="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-45.54-48.85a36.05,36.05,0,1,0-11.31,11.31l11.19,11.2a8,8,0,0,0,11.32-11.32ZM104,148a20,20,0,1,1,20,20A20,20,0,0,1,104,148Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00c9a7"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00c9a7;background-color:rgba(0,201,167,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 13 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> project</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">PIML and SEO Implementation</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Integrated PIML for content management and enhanced SEO capabilities.</p></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(243,229,171,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#f3e5ab"><path d="M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#f3e5ab"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#f3e5ab;background-color:rgba(243,229,171,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 7 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> app</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Introduction of Apps Section</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Launched the interactive applications section with various tools and games.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/apps" data-discover="true" style="color:#f3e5ab">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M106.91,149.09A71.53,71.53,0,0,1,128,200a8,8,0,0,1-16,0,56,56,0,0,0-56-56,8,8,0,0,1,0-16A71.53,71.53,0,0,1,106.91,149.09ZM56,80a8,8,0,0,0,0,16A104,104,0,0,1,160,200a8,8,0,0,0,16,0A120,120,0,0,0,56,80Zm118.79,1.21A166.9,166.9,0,0,0,56,32a8,8,0,0,0,0,16A151,151,0,0,1,163.48,92.52,151,151,0,0,1,208,200a8,8,0,0,0,16,0A166.9,166.9,0,0,0,174.79,81.21ZM60,184a12,12,0,1,0,12,12A12,12,0,0,0,60,184Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 4 Nov 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">RSS Feed and Contact Modal</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented RSS feed generation and a contact modal.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/rss.xml" data-discover="true" style="color:#00ff7f">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(250,128,114,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:salmon"><path d="M96,120a40,40,0,1,0,40,40A40,40,0,0,0,96,120Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,96,184Zm125.66-61.66a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32-11.32l48-48A8,8,0,0,1,221.66,122.34ZM160,136a8,8,0,0,1-5.66-13.66l24-24a8,8,0,0,1,11.32,11.32l-24,24A8,8,0,0,1,160,136Zm69.66-66.34-16,16a8,8,0,0,1-11.32-11.32l16-16a8,8,0,0,1,11.32,11.32ZM122.34,90.34l72-72a8,8,0,1,1,11.32,11.32l-72,72a8,8,0,0,1-11.32-11.32ZM146.91,199.6a8,8,0,0,1,0,11.31A72,72,0,1,1,45.09,109.09l82.74-82.75a8,8,0,1,1,11.32,11.32L56.4,120.4a56,56,0,0,0,79.2,79.2A8,8,0,0,1,146.91,199.6Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:salmon"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:salmon;background-color:rgba(250,128,114,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 23 Oct 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> content</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">DND Content Section Introduced</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Introduced the Dungeons & Dragons content section with the 'From Serfs and Frauds' series.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/dnd" data-discover="true" style="color:salmon">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,255,127,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00ff7f"><path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00ff7f"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00ff7f;background-color:rgba(0,255,127,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 17 Oct 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> feature</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Toast Notifications and Markdown Theming</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Added toast notification system and custom markdown rendering with themes.</p></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(250,128,114,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:salmon"><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></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:salmon"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:salmon;background-color:rgba(250,128,114,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 16 Oct 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> content</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Introduction of Blogposts and Projects</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Implemented initial blogpost and project display functionalities.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/posts" data-discover="true" style="color:salmon">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,201,167,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00c9a7"><path d="M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00c9a7"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00c9a7;background-color:rgba(0,201,167,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 15 Oct 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> project</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Projects Page Introduced</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Initial implementation of the Projects page to showcase various works.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/projects" data-discover="true" style="color:#00c9a7">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(250,128,114,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:salmon"><path d="M216,56H176V48a24,24,0,0,0-24-24H104A24,24,0,0,0,80,48v8H40A16,16,0,0,0,24,72V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V72A16,16,0,0,0,216,56ZM96,48a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96ZM216,72v41.61A184,184,0,0,1,128,136a184.07,184.07,0,0,1-88-22.38V72Zm0,128H40V131.64A200.19,200.19,0,0,0,128,152a200.25,200.25,0,0,0,88-20.37V200ZM104,112a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H112A8,8,0,0,1,104,112Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:salmon"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:salmon;background-color:rgba(250,128,114,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 15 Oct 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> content</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">About Page Introduced</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Initial implementation of the About Me page.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/about" data-discover="true" style="color:salmon">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(250,128,114,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:salmon"><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></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:salmon"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:salmon;background-color:rgba(250,128,114,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 15 Oct 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> content</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Blog Page Introduced</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Initial setup and display of the blog section.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/posts" data-discover="true" style="color:salmon">Access Linked Asset →</a></div></div></div><div class="relative pl-12 group cursor-default" style="opacity:0;transform:translateX(-20px)"><div class="absolute left-0 top-0 flex items-center justify-center w-8 h-8 -ml-4 bg-[#050505] border transition-all duration-300 z-10 border-white/20 scale-100" style="border-color:rgba(0,201,167,.267)"><svg height="14" viewBox="0 0 256 256" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="color:#00c9a7"><path d="M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z"></path></svg></div><div class="border p-6 transition-all duration-300 relative overflow-hidden border-white/5 bg-white/2"><div class="absolute top-0 right-0 w-32 h-32 opacity-[0.03] pointer-events-none rounded-full blur-3xl -mr-16 -mt-16 transition-colors duration-500" style="background-color:#00c9a7"></div><div class="flex flex-wrap items-center gap-4 mb-3 font-mono text-[10px] uppercase tracking-widest"><span class="px-2 py-1 flex items-center gap-1" style="color:#00c9a7;background-color:rgba(0,201,167,.067)"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"></path></svg> 15 Oct 2025</span><span class="text-gray-500 flex items-center gap-1"><svg height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M243.31,136,144,36.69A15.86,15.86,0,0,0,132.69,32H40a8,8,0,0,0-8,8v92.69A15.86,15.86,0,0,0,36.69,144L136,243.31a16,16,0,0,0,22.63,0l84.68-84.68a16,16,0,0,0,0-22.63Zm-96,96L48,132.69V48h84.69L232,147.31ZM96,84A12,12,0,1,1,84,72,12,12,0,0,1,96,84Z"></path></svg> project</span></div><h2 class="text-xl md:text-2xl font-black uppercase tracking-tight text-white mb-3 transition-colors font-sans"><span class="text-gray-300">Project Initialization</span></h2><p class="text-gray-400 font-sans leading-relaxed text-sm md:text-base">Initialized project using Create React App and set up basic structure.</p><div class="mt-6 pt-4 border-t border-white/5"><a class="inline-flex items-center gap-2 font-mono text-[10px] uppercase tracking-widest hover:text-white transition-colors" href="/" data-discover="true" style="color:#00c9a7">Access Linked Asset →</a></div></div></div></div></div></div></div></main><footer class="bg-[#050505] border-t-2 border-white/10 mt-auto selection:bg-white selection:text-black"><div class="mx-auto max-w-[1600px] px-6 py-12 md:px-12"><div class="grid grid-cols-1 lg:grid-cols-12 gap-12 md:gap-16"><div class="lg:col-span-5 space-y-8"><div class="flex flex-col gap-4"><a class="group inline-block" href="/" data-discover="true"><span class="text-5xl md:text-6xl font-black uppercase tracking-tighter text-white">fez<span class="text-emerald-500">codex</span></span></a><p class="max-w-md text-gray-400 font-mono text-xs leading-relaxed uppercase tracking-widest">// turning complex ~distributed~ problems into elegant, reliable code.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="border border-white/10 p-4 bg-white/[0.02]"><h4 class="font-mono text-[10px] font-bold text-gray-500 uppercase tracking-widest mb-3">Site Info</h4><div class="space-y-1 font-mono text-[10px] uppercase tracking-widest"><div class="flex justify-between"><span class="text-gray-600">Version:</span><span class="text-white">v0.20.1</span></div><div class="flex justify-between"><span class="text-gray-600">Year:</span><span class="text-white">2026</span></div><div class="flex justify-between text-emerald-500 font-black"><span>Status:</span><span>Live</span></div></div></div><div class="border border-white/10 p-4 bg-white/[0.02] flex flex-col justify-center gap-3"><div class="flex items-center gap-2 text-white"><svg height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z"></path></svg><span class="font-mono text-[10px] font-bold uppercase tracking-widest">Quick Menu</span></div><div class="font-mono text-[10px] text-gray-500 uppercase leading-relaxed">Press <kbd class="bg-white text-black px-1 font-black">Alt</kbd>, <kbd class="bg-white text-black px-1 font-black">Ctrl</kbd>, or <kbd class="bg-white text-black px-1 font-black">Cmd</kbd> + <kbd class="bg-white text-black px-1 font-black">K</kbd> for commands.</div></div></div></div><div class="lg:col-span-4"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8 flex items-center gap-3"><svg height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><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>Navigation</h3><ul class="grid grid-cols-2 gap-x-6 gap-y-3 font-mono text-[10px] uppercase tracking-widest"><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Home</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/about" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>About</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/blog" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Blog</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/projects" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Projects</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/logs" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Logs</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/vocab" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Vocab</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/apps" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Apps</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/timeline" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Timeline</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/commands" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Manuals</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2" href="/rss.xml" target="_blank"><span class="text-emerald-500">→</span> RSS Feed</a></li></ul></div><div class="lg:col-span-3"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8">Connect</h3><div class="flex gap-3 mb-8 flex-wrap"><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode" target="_blank" rel="noreferrer"><svg height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M212.62,75.17A63.7,63.7,0,0,0,206.39,26,12,12,0,0,0,196,20a63.71,63.71,0,0,0-50,24H126A63.71,63.71,0,0,0,76,20a12,12,0,0,0-10.39,6,63.7,63.7,0,0,0-6.23,49.17A61.5,61.5,0,0,0,52,104v8a60.1,60.1,0,0,0,45.76,58.28A43.66,43.66,0,0,0,92,192v4H76a20,20,0,0,1-20-20,44.05,44.05,0,0,0-44-44,12,12,0,0,0,0,24,20,20,0,0,1,20,20,44.05,44.05,0,0,0,44,44H92v12a12,12,0,0,0,24,0V192a20,20,0,0,1,40,0v40a12,12,0,0,0,24,0V192a43.66,43.66,0,0,0-5.76-21.72A60.1,60.1,0,0,0,220,112v-8A61.5,61.5,0,0,0,212.62,75.17ZM196,112a36,36,0,0,1-36,36H112a36,36,0,0,1-36-36v-8a37.87,37.87,0,0,1,6.13-20.12,11.65,11.65,0,0,0,1.58-11.49,39.9,39.9,0,0,1-.4-27.72,39.87,39.87,0,0,1,26.41,17.8A12,12,0,0,0,119.82,68h32.35a12,12,0,0,0,10.11-5.53,39.84,39.84,0,0,1,26.41-17.8,39.9,39.9,0,0,1-.4,27.72,12,12,0,0,0,1.61,11.53A37.85,37.85,0,0,1,196,104Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://x.com/fezcoddy" target="_blank" rel="noreferrer"><svg height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M218.12,209.56l-61-95.8,59.72-65.69a12,12,0,0,0-17.76-16.14L143.81,92.77,106.12,33.56A12,12,0,0,0,96,28H48A12,12,0,0,0,37.88,46.44l61,95.8L39.12,207.93a12,12,0,1,0,17.76,16.14l55.31-60.84,37.69,59.21A12,12,0,0,0,160,228h48a12,12,0,0,0,10.12-18.44ZM166.59,204,69.86,52H89.41l96.73,152Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://www.linkedin.com/in/ahmed-samil-bulbul/?locale=en_US" target="_blank" rel="noreferrer"><svg height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,20H40A20,20,0,0,0,20,40V216a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V40A20,20,0,0,0,216,20Zm-4,192H44V44H212ZM112,176V120a12,12,0,0,1,21.43-7.41A40,40,0,0,1,192,148v28a12,12,0,0,1-24,0V148a16,16,0,0,0-32,0v28a12,12,0,0,1-24,0ZM96,120v56a12,12,0,0,1-24,0V120a12,12,0,0,1,24,0ZM68,80A16,16,0,1,1,84,96,16,16,0,0,1,68,80Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode/fezcode.github.io" target="_blank" rel="noreferrer"><svg height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M236,64a36,36,0,1,0-48,33.94V112a4,4,0,0,1-4,4H96a27.8,27.8,0,0,0-4,.29V97.94a36,36,0,1,0-24,0v60.12a36,36,0,1,0,24,0V144a4,4,0,0,1,4-4h88a28,28,0,0,0,28-28V97.94A36.07,36.07,0,0,0,236,64ZM80,52A12,12,0,1,1,68,64,12,12,0,0,1,80,52Zm0,152a12,12,0,1,1,12-12A12,12,0,0,1,80,204ZM200,76a12,12,0,1,1,12-12A12,12,0,0,1,200,76Z"></path></svg></a></div><div class="space-y-3 border-t border-white/10 pt-6"><p class="font-mono text-[9px] font-bold text-gray-600 uppercase tracking-widest">Newsletter</p><div class="relative"><input class="w-full bg-white text-black font-mono text-[9px] uppercase tracking-widest py-2 px-3 border-none focus:ring-0 placeholder-black/40 disabled:cursor-not-allowed" disabled placeholder="Coming soon..." type="text"></div></div></div></div><div class="mt-20 pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-6 font-mono text-[9px] uppercase tracking-[0.2em] text-gray-600"><p>© 2026 Fezcode // Built with React & Tailwind</p><p class="text-white font-bold">Thanks for visiting</p></div></div></footer></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(90.2236vw)"><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(-1.67463px) scale(1.04478) rotate(2.97171deg)"><svg height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,80V192H40V64H200A16,16,0,0,1,216,80Z" opacity="0.2"></path><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><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.49338px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.506623px)"></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:56.625%"></div><div class="p-6 flex gap-4 items-start"><div class="flex-shrink-0 mt-1"><div class="text-xl"><svg height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor" 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">Time Traveler</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 height="16" viewBox="0 0 256 256" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><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>