OpenCode: piano di lavoro (opencode-issue-13)

issue_plans/opencode-issue-13.md

@@ -0,0 +1,30 @@
+# Piano
+
+## Obiettivo
+Creare una pagina di contatti (`contatti.html`) coerente con il design esistente (glassmorphism, gradienti viola, font Inter), collegata alla pagina principale tramite un link di navigazione.
+
+## Task
+1. **Creare `contatti.html`** — Nuova pagina HTML con stessa struttura CSS di `index.html` (gradienti, card glassmorphism, responsive). Contenuto: icona contatto, titolo "Contatti", sezione con info (email, telefono, indirizzo), link/bottone per tornare alla home.
+   - File: `contatti.html` (nuovo)
+
+2. **Aggiungere navigazione in `index.html`** — Inserire un link/bottone nella card che punta a `contatti.html`, mantenendo lo stile badge esistente.
+   - File: `index.html`
+
+3. **Aggiornare `Dockerfile`** — Aggiungere una riga `COPY` per servire anche `contatti.html` via nginx.
+   - File: `Dockerfile`
+
+## Acceptance Criteria
+- [ ] `contatti.html` esiste e contiene informazioni di contatto (email, telefono, indirizzo)
+- [ ] La pagina di contatti usa lo stesso design system (gradienti `#667eea`→`#764ba2`, card glassmorphism, font Inter, `border-radius: 24px`)
+- [ ] `contatti.html` è responsive (media query `max-width: 480px`)
+- [ ] `index.html` contiene un link visibile che naviga a `contatti.html`
+- [ ] `contatti.html` contiene un link per tornare alla home (`index.html`)
+- [ ] Il `Dockerfile` copia entrambi i file HTML nella directory nginx
+- [ ] La pagina è in italiano (`lang="it"`)
+
+## Verifica
+- Aprire `index.html` nel browser e verificare che il link alla pagina contatti sia visibile e cliccabile
+- Verificare che `contatti.html` si apre correttamente con le info di contatto
+- Verificare che il link "torna alla home" in `contatti.html` funziona
+- Verificare il layout responsive ridimensionando la finestra sotto 480px
+- Eseguire `docker build -t test-app .` per confermare che il build Docker riesce senza errori