Visita robertobonfa.dev

Il sito è un desktop simulato nel browser: per aprirsi ha bisogno di JavaScript. Questa pagina no.

Progetti

robertobonfa.me

Il sito professionale di Roberto Bonfà: un terminale a fosfori verdi renderizzato interamente in JavaScript, navigabile solo digitando comandi.

Perché

La parte biografica e professionale meritava un posto proprio, separato dal blog, con un tono più asciutto e diretto: presentazione, percorso lavorativo, contatti. Invece di una pagina statica come tante, è nata l'idea di un'interfaccia che raccontasse già da sé il tipo di lavoro svolto: un vecchio terminale a schermo verde, con l'estetica di un elaboratore anni Ottanta, dove il visitatore digita comandi come farebbe con una shell reale.

L'interfaccia a comandi non è un vezzo estetico isolato: costringe a una navigazione pensata, keyboard-first, con alias e completamento parziale dei nomi delle pagine, frecce per scorrere la cronologia dei comandi e scorciatoie da tastiera per muoversi tra le sezioni senza mai toccare il mouse. Il risultato è un sito che si presenta come un piccolo strumento invece che come un semplice elenco di informazioni.

Come è fatto

Il sito è un'applicazione a pagina singola in JavaScript vanilla, senza framework né build: un motore gestisce stato, audio e la stampa a effetto macchina da scrivere, un modulo di input intercetta la tastiera e i comandi; router e pagine si occupano della navigazione. I testi di ogni pagina vivono in file Markdown caricati a runtime, così i contenuti si aggiornano senza toccare il codice. Il modulo di contatto passa da un'API scritta in Python e ospitata sulla stessa macchina del sito, che riceve i messaggi dal form e li inoltra via e-mail, senza affidarsi a servizi di terze parti.

Visita il sito →