SLOBADA 2026 Dijital Anıt Revize Komutu
Görev: SLOBADA isimli, TR.GG altyapısındaki statik HTML sitemi bir "dijital anıt" konseptinde, 2026 "Mobile-First Class" standartlarına göre modernize et. Mevcut HTML yapısına müdahale edemediğimi varsayarak, tüm değişimi DOM manipülasyonu (JS) ve CSS (Overriding) ile gerçekleştir.
Teknik Mimari (Modernize Stratejisi):
HTML Override: Mevcut HTML elementlerini (tablolar, eski divler vb.) JS ile yakalayıp, onları modern bir Bento Grid yapısına dönüştüren fonksiyonlar yaz.
CSS Container Queries: @container kurallarını kullanarak bileşenlerin (Unicode kutuları ve CMD satırları) bulundukları alana göre şekil almasını sağla.
Bento Grid Tasarımı: Unicode sembollerini ve CMD komutlarını, 2026 estetiğine uygun, cam efektli (Glassmorphism), derinlik algısı olan asimetrik kutulara yerleştir.
2026 Deneyim Özellikleri:
Context-Aware UI: Kullanıcının sistem saatine göre (akşamları terminal siyahı, gündüzleri temiz bir kod editörü beyazı) temayı otomatik değiştir.
Thumb-Driven Navigation: Statik menüyü gizle ve yerine ekranın altına sabitlenmiş, parmak dostu, modern bir yüzen (floating) menü barı ekle.
Tactile & Micro-Interactions: * Kullanıcı bir sembole veya komuta dokunduğunda navigator.vibrate(8) ile çok hafif bir dokunma hissi ver.
"Kopyalandı" uyarısını ekranın ortasında değil, butonun içinden çıkan akışkan bir animasyonla göster.
Predictive Scroll: One-Page yapısında bölümler arası geçişi yumuşatmak için scroll-snap-type kullan ve JS ile kullanıcının durduğu yeri takip edip navigasyonu güncelle.
Görsel Konsept:
Dijital Anıt Estetiği: Arka plana hafif bir "retro-digital" parazit (noise) efekti veya yavaşça akan bir CMD kod yağmuru ekle.
Fontlar: Sistem fontlarını değil, modern monospace fontları (JetBrains Mono veya Fira Code benzeri) Google Fonts üzerinden dinamik olarak çek.
Kısıtlar:
Dışarıdan .js veya .css dosyası yükleyemediğim için tüm kodu tek bir