# Matrix · education

Pagina d'ingresso in stile Matrix: caratteri verdi che cadono su sfondo nero, musica di sottofondo e, dopo 2 secondi, la scritta **education** al centro che porta al sito https://pasqualenaclerio.github.io/education/

## Struttura

```
matrix-education/
├── index.html        struttura della pagina
├── README.md         questo file
├── css/
│   └── style.css     colori e aspetto (scritta, pulsante musica)
└── js/
    ├── config.js     impostazioni principali: si parte da qui
    ├── rain.js       pioggia di caratteri
    ├── reveal.js     comparsa della scritta e link
    ├── music.js      musica di sottofondo (generata dal browser)
    └── main.js       avvio di tutto
```

## Modifiche rapide

| Cosa vuoi cambiare | Dove |
|---|---|
| Tempo prima che compaia la scritta | `js/config.js` → `reveal.delayMs` (in millisecondi) |
| Testo della scritta | `js/config.js` → `reveal.word` |
| Indirizzo a cui porta il clic | `js/config.js` → `reveal.url` |
| Musica attiva o no all'apertura | `js/config.js` → `music.enabledByDefault` |
| Volume e velocità della musica | `js/config.js` → `music.volume`, `music.bpm` |
| Lunghezza delle scie, velocità, dimensione caratteri | `js/config.js` → sezione `rain` |
| Colori (verde, sfondo, alone) | `css/style.css` → variabili all'inizio del file |
| Dimensione della scritta | `css/style.css` → `.portal a` → `font-size` |
| Accordi e strumenti della musica | `js/music.js` → `CHORDS`, `ARP`, `ENTER` |

## Provarla sul computer

Basta aprire `index.html` con il browser (doppio clic). Non serve un server.

## Pubblicarla su GitHub Pages

1. Copia la cartella `matrix-education` dentro il repository del sito.
2. Fai commit e push.
3. La pagina sarà raggiungibile all'indirizzo del sito seguito da `/matrix-education/`.

Se vuoi che sia la prima pagina del sito, copia il *contenuto* della cartella nella radice del repository (attenzione a non sovrascrivere un `index.html` già esistente).

## Nota sulla musica

I browser non permettono di far partire l'audio da soli prima che l'utente interagisca con la pagina. Con `enabledByDefault: true` la musica parte appena l'utente clicca, tocca lo schermo o preme un tasto in un punto qualsiasi; il pulsante in basso a destra serve a spegnerla o riaccenderla. Se `rememberChoice` è `true`, il browser ricorda la scelta dell'utente.