Controls
Bookmarks
Info
Center: (-0.5, 0.0)
Zoom: 1x
Render: โ
How to Use
- Click: Zoom in
- Shift+Click: Zoom out
- Drag: Pan view
- Wheel: Zoom in/out
GAME OVER
Final Score: 0
Press Enter or click Start to play again
Novelli Virtual Desktop Site
v2.0 - 2025Un ambiente desktop simulato completamente web-based
Cos'รจ VDS Framework
Il Virtual Desktop Site (VDS) Framework รจ un sistema innovativo configuration-driven per creare esperienze desktop interattive direttamente nel browser. Combina estetica moderna con funzionalitร avanzate come Icon Groups trascinabili, mini-app integrate (Mandelbrot Explorer, Snake 2025, Tetris, Game of Life), sistema di parchments, e un blog integrato con editor OAuth, offrendo un portfolio dinamico, privacy-first e completamente GDPR-compliant.
Caratteristiche Principali
๐ฅ๏ธ Icon Groups
Icone organizzate in gruppi trascinabili e ridimensionabili con minimize/expand, drag & drop, e navigazione a tab su mobile.
๐ฎ Mini-Apps Avanzate
5 applicazioni integrate: Mandelbrot Explorer, Snake 2025, Tetris, Conway's Game of Life, Green Rain.
๐ Parchment System
Notifiche floating eleganti con supporto multi-link, animazioni fluide, e integrazione con contenuti del sito.
๐ Blog Integrato
Sistema di blogging con dark theme unificato, editor web con OAuth GitHub, e gestione completa CRUD dei post.
โ๏ธ Configuration-Driven
Architettura basata su vds-config.js con validation automatica, separazione framework/contenuti, e facile manutenzione.
๐ Privacy-First
Zero tracking, zero cookie, zero analytics. Client-side only, self-hosted assets, completamente GDPR-compliant.
Tecnologie Utilizzate
- Frontend: HTML5 + CSS3 (Grid, Flexbox, Custom Properties), Vanilla JavaScript ES6+ (moduli IIFE), Canvas API
- Build & Deploy: Jekyll 4.x (generazione sito statico), GitHub Actions (CI/CD), GitHub Pages (hosting)
- Architettura: Configuration-driven design (vds-config.js), Validation system, Separazione framework/contenuti
- Blog Editor: OAuth 2.0 GitHub (autenticazione admin), SimpleMDE (editor Markdown), GitHub Contents API (CRUD)
- Performance: Web Workers per calcoli Mandelbrot, localStorage per high scores, rendering ottimizzato
- Audio: Web Audio API per effetti sonori procedurali (Snake, Tetris)
Crediti
Ph.D. in Informatica
Universitร di Catania - 2008
Appassionato di coding, intelligenza artificiale e progetti open source.