# Pagina laboratorio

Pagina d'ingresso in stile vecchia TV: conto alla rovescia da 5 su pellicola in bianco e nero, poi il segnale delle prove tecniche di trasmissione (barre colorate) che arriva con l'effetto di sintonia e il fruscio, e infine la scritta **lab** che porta a https://pasqualenaclerio.github.io/education/TEEA/laboratorio/

## Struttura

```
laboratorio/
├── index.html        struttura della pagina
├── README.md         questo file
├── css/
│   └── style.css     colori e aspetto (scritta finale, pulsanti, righe del televisore)
└── js/
    ├── config.js     impostazioni principali: si parte da qui
    ├── sound.js      audio: proiettore, bip, fruscio, fischio di sintonia, tono di prova
    ├── screen.js     disegno delle fasi: conto alla rovescia, sintonia, barre
    ├── reveal.js     comparsa della scritta finale e link
    └── main.js       regia della sequenza e avvio
```

## Modifiche rapide

| Cosa vuoi cambiare | Dove |
|---|---|
| Testo della scritta finale (ora "lab") | `js/config.js` → `reveal.word` |
| Indirizzo a cui porta il clic | `js/config.js` → `reveal.url` |
| Numero da cui parte il conto alla rovescia | `js/config.js` → `countdown.from` |
| Durata di ogni numero | `js/config.js` → `countdown.numberMs` |
| Durata dell'effetto sintonia | `js/config.js` → `timing.tuningMs` |
| Dopo quanto compare la scritta | `js/config.js` → `timing.revealAfterMs` |
| Scritta sul monoscopio | `js/config.js` → `testcard.caption` ("" per toglierla) |
| Audio attivo o no all'apertura | `js/config.js` → `sound.enabledByDefault` |
| Volumi dei singoli suoni | `js/config.js` → sezione `sound` |
| Pulsante "Accendi" prima della sequenza | `js/config.js` → `start.waitForClick` |
| Colori e dimensione della scritta finale | `css/style.css` |
| Colori delle barre | `js/screen.js` → funzione `buildBars` |

## Provarla sul computer

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

## Pubblicarla su GitHub Pages

1. Copia la cartella `laboratorio` dentro il repository del sito, nel punto in cui vuoi che si trovi.
2. Fai commit e push.
3. La pagina sarà raggiungibile all'indirizzo del sito seguito dal percorso della cartella.

## Nota sull'audio

I browser non permettono di far partire l'audio da soli prima che l'utente interagisca con la pagina. Con le impostazioni attuali la sequenza parte subito e l'audio si attiva al primo clic, tocco o tasto premuto; il pulsante in basso a destra lo spegne o lo riaccende.

Se vuoi che l'audio si senta fin dal primo numero, imposta `start.waitForClick: true`: compare un pulsante "Accendi" e la sequenza parte, con l'audio, quando viene premuto.