Personal portfolio website with a cyberpunk HUD aesthetic. Horizontal scroll navigation, live news feed, system dashboard, and a browser-based pixel art game — all deployed on a self-managed Hetzner VPS.
| Panel | Description |
|---|---|
| Home | Typing animation, social links, system status banner |
| Projects | 18+ project cards with live/dev status indicators |
| Network | Social media hub — all platforms organized by category |
| Philosophy | Quote, achievements, contact form |
| News Feed | Live AI-generated news carousel grid with image previews |
- Horizontal panel navigation with scroll-snap
- Dot navigation with dropdown menu
- Live system dashboard widget (fetches from Health API)
- News feed with thumbnail grid (loads from
feed.json+tech-feed.json) - Feed detail modal with slide viewer + research analysis
- Crypto ticker bar (live data from trading bot)
- Boot screen animation
- Responsive design (desktop + tablet + mobile)
- PWA-ready (manifest + service worker)
- Contact form with Telegram notification
game.html— LP Dirty South: 25-level pixel art platformer with custom spritesdashboard.html— System health monitoring dashboard
- Vanilla HTML/CSS/JS — No frameworks
- Modular CSS — 10 separate stylesheets (base, nav, layout, hero, projects, social, about, feed, responsive, effects)
- Modular JS — boot, navigation, feed, dashboard, effects, contact
- Nginx — Static serving with SSL (Let's Encrypt)
- Hetzner VPS — Self-managed Ubuntu 24.04
A 25-world pixel art platformer built entirely in vanilla JavaScript + Canvas:
- Pokemon-style Gameboy grayscale player sprite
- 9 enemy types with unique behaviors (MJ, Merz, Merkel, 50 Cent, Diddy, Dog, Cop, Drone, Hacker)
- Touch controls (virtual joystick) + keyboard
- Cinematic intro with city skyline animation
- Custom tile textures with parallax backgrounds
MIT