Notbell notbell1

╔═══════════════════════════════════════════════════════════════════════════════════╗
║ 🕹️ [D-PAD]: SELECT STAGE ║ 🅰️ [A]: EXECUTE QUEST ║ 🅱️ [B]: BACK TO TITLE ║
╚═══════════════════════════════════════════════════════════════════════════════════╝
[ 🥀 STAGE 1: STATUS DIRI ] • [ ⚔️ STAGE 2: JEJAK RASA ] • [ 💾 STAGE 3: 11 CARTRIDGES ] • [ ⚡ STAGE 4: SKILL TREE ] • [ 📻 STAGE 5: PLAYLIST MALAM ] • [ 📡 STAGE 6: STATS & LOBBY ]

🥀 STAGE 1 : PLAYER HUD & CATATAN KELAM (STATUS DIRI)

"Di dunia open-world yang luas ini, setiap baris kode yang kutulis larut malam adalah caraku bertahan hidup ketika seseorang yang paling kuperjuangkan memilih menghilang dari radar."

Karakteristik HUD	Indikator Gauge	Status & Efek Pasif Dalam Game
Player Handle	`Abbel (Notbell1)`	Full-Stack Architect & Cyber Security Artisan
Tingkat Karakter	`LEVEL 99`	Kompilasi Larut Malam (Jam 03:00 AM Super Focus)
Kondisi Hati (HP)	`[░░░░░░░░░░] 0 / 100`	💔 Patah Hati Akut (Fatal Exception: Memori Gagal Di-Free)
Kapasitas Rindu (MP)	`[██████████] 999 / 999`	☕ Meluap Tanpa Henti (Overclocked oleh Kafein Pahit)
Kecepatan Koding	`[██████████] 150 WPM`	⚡ Hyper-Productive (Mengalihkan overthinking menjadi karya)
Perisai Pertahanan	`[████████░░] 85 / 100`	🛡️ Two-Tier Rate Limiting (Kebal dari serangan luar)
Tingkat Kewarasan	`[████░░░░░░] 42 / 100`	🌧️ Lo-Fi Resonance (Tenggelam dalam sunyi, bangkit dalam kode)

/* ══════════════════════════════════════════════════════════════════
 * CARTRIDGE MEMORY BUFFER: /dev/hati/pointer_rusak.js
 * ══════════════════════════════════════════════════════════════════ */
const PlayerOne = {
  identitas: "Abbel (Notbell1)",
  profesi: "Full-Stack Engineer & Cyber Security Artisan",
  kondisi: "Merancang sistem dengan presisi, menata hati yang terlanjur sunyi.",

  catatanTengahMalam: {
    asupanKopi: "Robusta pahit tanpa gula (tak terhitung per malam)",
    jamFavorit: "03:14 AM (saat dunia tertidur dan rindu mulai berbisik)",
    suaraLatar: "Rintik hujan di jendela & alunan piringan hitam Lo-Fi",
    statusHati: "SIGHEARTBREAK: Akses alamat rasa (Ternyata sudah NULL)."
  },

  prinsip: "Ketika manusia memilih pergi, kompilasi kode selalu setia dieksekusi."
};

“AKU MERANCANG ARSITEKTUR SISTEM AGAR TIDAK PERNAH CRASH,
SEPERTI HATIKU YANG TERLANJUR CRASH KARENA KEPERGIANMU.”

⚔️ STAGE 2 : PLAYABLE MINI-GAME & RPG PERCAKAPAN RASA

_{🎮 PILIH OPSI DI BAWAH INI UNTUK MEMAINKAN PETUALANGAN INTERAKTIF & DIALOG RASA:}

🕹️ [PLAYABLE 1] "BOSS BATTLE: Mengatasi Overthinking Jam 03:00 Pagi"

╔══════════════════════════════════════════════════════════════════════════════╗
║  🚨 ALERT: Larut Malam Terdeteksi!                                           ║
║  Boss: "The Shadow of Unspoken Feelings & Memory Leaks" (HP: 9,999/9,999)    ║
║  Kondisi: Suasana hening jam 3 pagi memicu kerinduan mendadak!               ║
╚══════════════════════════════════════════════════════════════════════════════╝

PILIH STRATEGI PERLAWANANMU:

⚔️ AKSI 1: Salurkan Energi Menjadi Kode Baru (PuskeswanApp v2.0.0)

Hasil: CRITICAL COMBO! Mengoptimasi query hingga -96% dan menyelesaikan 60 automated tests! Rasa overthinking lenyap digantikan kepuasan karya nyata!
🛡️ AKSI 2: Aktifkan Perisai Privasi (Nttbell Assistant)

Hasil: VISUAL BLUR ACTIVE! Melindungi layar dari prying eyes dan menyembunyikan memori lama di balik lapisan hover-to-reveal.
☕ AKSI 3: Minum Secangkir Kopi Hangat & Dengarkan Lo-Fi

Hasil: +200 Ketenangan Jiwa! Mengikhlaskan yang telah lalu dan fokus menatap masa depan. VICTORY! 🏆

💬 [PLAYABLE 2] "DIALOGUE TREE: Percakapan Sunyi di Balik Layar Monitor"

Pengunjung: "Kenapa masih betah ngoding sampai selarut ini sendirian?"

Abbel:
"Karena di jam 3 pagi, dunia berhenti menuntut banyak hal. Tidak ada percakapan yang harus dipaksakan, tidak ada harapan semu. Yang tersisa hanya layar monitor bertema gelap, secangkir kopi dingin, dan logika koding yang selalu jujur padaku."

🎁 Item Didapatkan: [+1 Kopi Tubruk Hangat] • [+50 EXP Ketenangan Jiwa]

🔓 [PLAYABLE 3] "KONAMI CHEAT CODE: Terminal Kode Rahasia"

INPUT SEQUENCE: [ ↑ ] [ ↑ ] [ ↓ ] [ ↓ ] [ ← ] [ → ] [ ← ] [ → ] [ 🅱️ ] [ 🅰️ ] [ START ]

-- KODE CHEAT DITERIMA! MENGAKTIFKAN MODE KETAHANAN HATI:
UPDATE jiwa
SET 
    rasa_sakit = 0,
    fokus_berkarya = 100,
    dedikasi_arsitektur = 999999
WHERE nama_target = 'Abbel';

-- Status: 1 baris terpengaruh. Log kenangan tidak dihapus, melainkan dialihkan menjadi 11 karya publik!

📁 [PLAYABLE 4] "INVENTORY VAULT: Brankas Draf yang Tak Pernah Terkirim"

[BRANKAS TERKUNCI // DIREKTORI: /arsip/rahasia/draf_pesan_terpendam.txt]
--------------------------------------------------------------------------------
"Terima kasih sudah pernah singgah walau hanya sekejap.
 Seluruh repositori publik ini kubangun bukan sekadar mencari panggung,
 melainkan sebagai monumen sunyi bahwa aku pernah berjuang tanpa lelah
 untuk menjadi seseorang yang pantas kamu banggakan.
 Semoga bahagiamu di sana selalu berjalan lancar dan penuh senyuman."
--------------------------------------------------------------------------------
[STATUS: DRAF PERMANEN TERSIMPAN • TIDAK PERNAH DIKIRIM]

💾 STAGE 3 : CARTRIDGE SELECT ROOM (11 KARYA PUBLIK UNGGULAN)

_{🎮 SELURUH 11 REPOSITORI PUBLIK TERDAFTAR RESMI DENGAN GIT TAG & TAMPILAN INTERAKTIF:}

👑 REALM 1: SISTEM KEDINASAN & PENGABDIAN PUBLIK (EPIC TIER)

Cartridge / Repositori Publik	Deskripsi Teknis & Peran Sistem	Mesin Teknologi	Status Rilis
🐾 PuskeswanApp v2.0.0 _{Release v2.0.0}	Sistem Rekam Medis Veteriner & Surveilans Rabies Terpadu Digitalisasi poliklinik hewan UPTD Puskeswan Kota Pariaman: triage antrean realtime, surveilans gigitan rabies (GHPR), portal mandiri NIK anti-bot, dan optimasi kueri -96% (Debugbar).	`Laravel 13` `React 19` `Inertia v3` `Tailwind v4` `Pest PHP`	⭐⭐⭐⭐⭐
🏛️ Balai Gadang Web GIS _{Live Demo • Release v1.0.0}	Web GIS Pemetaan Potensi Wilayah Balai Gadang 2026 Pemetaan geospasial interaktif 80+ fasilitas umum, 25+ potensi UMKM & agrowisata, batas administratif RW, dan demografi Kelurahan Balai Gadang secara presisi.	`React 19` `TypeScript` `Leaflet JS` `Tailwind v4` `GeoJSON`	⭐⭐⭐⭐☆
🎓 KKN UISB Balai Gadang _{Live Demo • Release v1.0.0}	Portal Resmi Dokumentasi Pengabdian KKN Mahasiswa 2026 Dokumentasi program kerja multidisiplin, linimasa kegiatan pengabdian masyarakat, profil 21 mahasiswa lintas 5 prodi, dan galeri interaktif.	`React` `TypeScript` `Tailwind CSS` `Vite` `Vercel`	⭐⭐⭐⭐☆

🛡️ REALM 2: KEAMANAN SIBER & PERISAI PRIVASI (TACTICAL TIER)

Cartridge / Repositori Publik	Deskripsi Teknis & Peran Sistem	Mesin Teknologi	Status Rilis
🔍 Xeoo Auditor _{Live Site • Release v1.0.0}	Privacy-First Website Auditing Engine & Security Toolkit Inspeksi teknis situs web dalam sekali klik: DNS records, sertifikat SSL/TLS, kepatuhan header keamanan HTTP (CSP, HSTS, X-Frame), dan tumpukan server secara stateless.	`React 19` `TypeScript` `PHP 8.4` `MySQL` `Tailwind v4`	⭐⭐⭐⭐⭐
🛠️ Xeoo Tools _{Live Site • Release v1.0.0}	Multi-Utility Online Developer Swiss Army Knife Koleksi perkakas harian pengembang: Base64 encoder/decoder, pemformat JSON, regex tester, hash generator (MD5/SHA), dan konverter warna tanpa server roundtrip.	`React 18` `TypeScript` `Tailwind v4` `PHP` `MySQL`	⭐⭐⭐⭐☆
🛡️ Nttbell Assistant _{Release v1.0.0}	WhatsApp Web Visual Privacy Shield & Anti-Shoulder Surfing Ekstensi Chrome Manifest V3 cerdas yang mengaburkan pesan, kontak, dan media WhatsApp Web dengan efek hover-to-reveal & 100% pemrosesan lokal tanpa telemetri.	`Chrome MV3` `TypeScript` `Vite` `MutationObserver` `CSS Filter`	⭐⭐⭐⭐☆

🎨 REALM 3: EKSTENSI VISUAL STUDIO CODE (FORGE TIER)

Cartridge / Repositori Publik	Deskripsi Teknis & Peran Sistem	Mesin Teknologi	Status Rilis
⚡ Xeoo Error Lens _{Release v1.2.0}	High-Contrast Inline Diagnostics & Restrained Pulse Animation Visualisasi error dan warning langsung di baris editor dengan animasi denyut halus, saran perbaikan deterministik lokal, dan kalibrasi kontras WCAG AA.	`VS Code API` `TypeScript` `Color Science` `Zero Telemetry`	⭐⭐⭐⭐☆
🎨 Xeoo Icon Theme _{Release v0.1.0}	Cybernetic & Precision-Engineered VS Code File Icons 72 ikon vektor kustom geometris yang dirancang tajam untuk keterbacaan explorer mikro 16×16 tanpa dependensi luar.	`SVG Vector` `VS Code API` `File Icon Spec`	⭐⭐⭐☆☆
✨ Xeoo Theme Suite _{Release v2.2.2}	15 Master Color Categories & 43 Variants Theme Studio Suite tema editor lengkap (Dark, Soft, Light) dengan elevasi UI berjenjang (Header, Editor, Sidebar, Footer) dan 1-Click Studio Switcher di side panel.	`VS Code API` `TextMate JSON` `Color Harmony` `WCAG AA`	⭐⭐⭐⭐☆
📊 Core Vitality _{Release v1.0.0}	Developer Velocity & Activity Analytics Dashboard for VS Code Pemantau waktu koding real-time, pengukur kecepatan baris kode, dan widget statistik sesi harian/mingguan langsung di status bar editor.	`VS Code API` `TypeScript` `Offline Analytics` `Dashboard UI`	⭐⭐⭐⭐☆

🌌 REALM 4: EKSPERIMEN 3D & PORTOFOLIO PERSONAL (INDIE TIER)

Cartridge / Repositori Publik	Deskripsi Teknis & Peran Sistem	Mesin Teknologi	Status Rilis
🪐 3D Solar System Portfolio _{Live Site • Release v1.0.0}	Interactive 3D Solar System Developer Portfolio Showcase Simulasi tata surya 3D kosmik interaktif di mana orbit planet-planet dinamis merepresentasikan portofolio, keahlian teknis, dan karya unggulan.	`React 19` `TypeScript` `Three.js / Canvas` `Tailwind CSS` `Framer Motion`	⭐⭐⭐⭐⭐

⚡ STAGE 4 : RPG SKILL TREE & COMBAT ARSENAL

flowchart TD
    Player(["🎮 PLAYER: ABBEL (NOTBELL1)<br/>Level 99 Midnight Architect"]):::player
    
    Player --> F_TREE["⚔️ FRONTEND SORCERY"]:::branch
    Player --> B_TREE["🛡️ BACKEND ENGINEERING"]:::branch
    Player --> S_TREE["🔒 SECURITY & SYSTEM OPS"]:::branch
    Player --> T_TREE["⚙️ TOOLING & EXTENSIONS"]:::branch

    F_TREE --> F1["React 19 & Next.js"]:::skill
    F_TREE --> F2["TypeScript & Modern JS"]:::skill
    F_TREE --> F3["Tailwind CSS v4 & LightningCSS"]:::skill
    F_TREE --> F4["Three.js, Canvas & Framer Motion"]:::skill

    B_TREE --> B1["Laravel 13 & PHP 8.4 (JIT)"]:::skill
    B_TREE --> B2["Inertia.js v3 (Server-Driven SPA)"]:::skill
    B_TREE --> B3["MySQL / PostgreSQL Optimization"]:::skill
    B_TREE --> B4["RESTful API Architecture"]:::skill

    S_TREE --> S1["Two-Tier Rate Limiting Architecture"]:::skill
    S_TREE --> S2["Web Vulnerability & SSL Inspection"]:::skill
    S_TREE --> S3["Zero-Trust File Binary Validation"]:::skill
    S_TREE --> S4["WCAG AA Ergonomic Accessibility"]:::skill

    T_TREE --> T1["VS Code Extension API Architecture"]:::skill
    T_TREE --> T2["Chrome Extension Manifest V3"]:::skill
    T_TREE --> T3["Pest PHP Automated Feature Testing"]:::skill
    T_TREE --> T4["Leaflet JS & GeoJSON Spatial Mapping"]:::skill

    classDef player fill:#fb7185,stroke:#f43f5e,stroke-width:2px,color:#000,font-weight:bold;
    classDef branch fill:#22050e,stroke:#f43f5e,stroke-width:2px,color:#fff,font-weight:bold;
    classDef skill fill:#0b0407,stroke:#334155,stroke-width:1px,color:#e2e8f0;

🛠️ Combat Equipment Grid

📻 STAGE 5 : SOUND TEST ROOM (PLAYLIST GALAU TENGAH MALAM)

"Koding tanpa musik ibarat cinta tanpa balasan: sunyi, hampa, dan rawan menimbulkan overthinking larut malam."

Track #	Judul Lagu & Musisi	Suasana Hati & Resonansi	Durasi	Tautan Pemutar
`01`	🌧️ Glimpse of Us • Joji	Kehampaan Rindu yang Mendalam	`3:53`	▶ PLAY TRACK
`02`	🥀 Die With A Smile • Lady Gaga, Bruno Mars	Mengikhlaskan dengan Ketegaran	`4:11`	▶ PLAY TRACK
`03`	🌌 Ghost • Justin Bieber	Bayangan yang Tak Pernah Hilang	`2:33`	▶ PLAY TRACK
`04`	☕ Midnight Lo-Fi Coding Beats • Chiptune Flow	100% Fokus Koding Larut Malam	`∞ jam`	▶ PLAY TRACK

📡 STAGE 6 : MULTIPLAYER LOBBY & PLAYER STATS

_{Tertarik berkolaborasi dalam proyek open-source, membahas arsitektur web modern, atau sekadar berbagi cerita koding larut malam? Mari terhubung di lobby!}

Navigation Menu