# CLAUDE.md — [NOME DEL SITO] · sito statico

<!-- ─────────────────────────────────────────────────────────────────────────
  PROFILO A · sito vetrina o landing page: poche pagine HTML e CSS in una
  cartella del tuo computer, senza database e senza pannello. È il caso del
  mini-sito del capitolo 4.3.

  COME SI USA
  1. Copia questo file nella radice della cartella del progetto, col nome
     esatto CLAUDE.md — accanto a index.html, non dentro una sottocartella.
  2. Sostituisci tutti i segnaposto [fra parentesi quadre].
  3. Cancella le note come questa. Code legge il file intero, commenti
     compresi: finché ci sono, ogni regola pesa meno.
  Senza note restano una sessantina di righe. È la misura giusta.
───────────────────────────────────────────────────────────────────────────── -->

## Chi sono e cosa fa il progetto

<!-- Due righe, non un curriculum: servono a Code per scegliere il tono, e a te
     per accorgerti il giorno in cui il progetto è diventato un'altra cosa.
     Compilato — Marta, fotografa a Verona, capitolo 4.3: «Questa cartella è il
     mio sito-vetrina: chi sono, tre servizi con i prezzi, contatti. Il
     visitatore ha un lavoro solo: scrivermi per un preventivo.» -->

Sono [NOME], [MESTIERE] a [CITTÀ]. Questa cartella è [il mio sito-vetrina / la
landing page di [OFFERTA]]: [chi sono, i servizi con i prezzi, i contatti].
Il visitatore ha un lavoro solo da fare: [scrivermi per un preventivo].

## Dove stanno le cose

<!-- Il blocco che evita metà delle domande. Elenca solo file e cartelle che
     esistono davvero: un percorso inventato qui diventa un errore vero là. -->

- `index.html` + `style.css`: tutto il sito. Una pagina, due file, nessuna
  libreria esterna. Librerie, framework o strumenti nuovi: me li chiedi prima.
<!-- Il vincolo «una pagina, due file, nessuna libreria» è l'assicurazione del
     4.3: senza, il progetto si riempie di attrezzi che poi non sai gestire. -->

- `[listino.md]`: l'UNICA fonte dei prezzi. I prezzi nel sito si aggiornano solo
  copiandoli da lì — mai a memoria, mai ricavandoli da un altro punto della
  pagina, mai ricalcolandoli.
<!-- Doppio aggancio: una riga dice qual è la fonte, l'altra chiude la
     scorciatoia. È il modo di fermare gli errori fatti in buona fede. -->

- `[testi/]`: le versioni approvate dei testi. Quello che non è qui non è
  approvato, quindi non va nella pagina.
- `[_copie/]`: le copie di sicurezza, una sottocartella per data.
- `[_quarantena/]`: quello che sembra da buttare e aspetta la mia decisione.
- `[foto/]`: le immagini già ridotte per il web, pronte da usare.

## Regole di stile e formato

<!-- Test da superare su ogni riga: so dire come riconosco una violazione? Se
     no, non è una regola, è un augurio. «Sii professionale» non passa;
     «dai del lei, frasi sotto le 20 parole» passa. -->

- Tono: [dai del tu], [frasi sotto le 20 parole], niente punti esclamativi.
- Palette: solo [sabbia e verde bosco], codici colore già in `style.css`.
  Colori nuovi solo col mio ok.
- Prezzi: sempre in cifre e [con l'IVA esposta: «900 € (IVA 22% inclusa)»],
  identici in tutte le sezioni della pagina.
- Ogni immagine ha il testo alternativo in italiano, che descrive cosa si vede:
  non «foto», non il nome del file.
- I testi che si leggono stanno in `index.html`, colori e spaziature in
  `style.css`. Non spostare testo dentro il CSS per comodità.
- [Il numero di telefono e l'email sono cliccabili, sempre.]

## Cosa non toccare mai

<!-- I divieti sono le righe più corte e le più utili del file: una di queste
     vale dieci righe di stile. -->

- `[foto-originali/]`: mai rinominare, spostare, comprimere, ridimensionare.
- Nessun dato inventato. Tempi di consegna, acconti, orari, indirizzi, numeri di
  telefono, recensioni: se non te li ho dati io, chiedimeli e aspetta. Un valore
  plausibile qui è un valore falso sul sito.
<!-- Nasce da un caso vero del 4.3: alla richiesta di una sezione FAQ le domande
     erano ottime e le risposte piene di numeri plausibili. Plausibili, non veri:
     i tempi di consegna li sa solo chi lavora. -->
- Credenziali dell'hosting, chiavi FTP, password del modulo contatti: mai dentro
  questi file. Stanno in `.env`, che non si apre, non si stampa, non si copia
  altrove.

## Come si lavora in questa cartella

<!-- Le regole di sicurezza del capitolo 4.6, in forma verificabile. Quando
     poterai il file, questo è il blocco che NON si tocca. -->

- **Si lavora su copia.** Prima di un lavoro che tocca più di [due] file: copia
  della cartella in `[_copie/AAAA-MM-GG]`, poi si comincia.
- **Mai eliminare.** Nessun file cancellato, per nessun motivo. Quello che non
  serve più si sposta in `[_quarantena/]` e decido io.
- **Campione prima del lotto.** Qualunque cosa stia per succedere su più pagine,
  più sezioni o più immagini, falla su [una] sola, mostrami il risultato e
  fermati. Il resto parte dopo il mio ok.
- **Una modifica alla volta.** Una richiesta = una modifica verificabile
  ricaricando la pagina. Se ne chiedo cinque insieme, fanne una e dimmi che
  aspetti le altre quattro.
- **Richieste vaghe: domande, non scelte.** Se ti chiedo di renderlo «più
  moderno» o «più elegante», chiedimi cosa intendo finché la richiesta non
  diventa eseguibile. Non decidere al posto mio.
- **Piano prima dei lavori grossi.** Su più file: prima il piano — quali file,
  in che ordine, cosa può rompersi — e si esegue dopo il mio ok. In Code è la
  modalità `plan`.
- **Riepilogo a fine lavoro.** Sempre: file toccati, cosa è cambiato in
  ciascuno, come lo verifico nel browser. Se hai toccato un file che non era in
  programma, scrivilo in cima al riepilogo.
- **La pubblicazione è mia.** Nessun caricamento online, nessun invio, nessuna
  messa in produzione: tu consegni i file, il resto lo faccio io.
<!-- È l'approvazione umana del 4.6: qui smette di essere un principio e
     diventa una riga di questo file. -->

## Riga di controllo (da tenere i primi giorni, poi cancellare)

<!-- Serve solo a verificare che il file venga letto davvero. Le tre prove sono
     nel LEGGIMI del kit. Passate quelle, cancella queste due righe. -->

- All'inizio della prima risposta di ogni sessione scrivi una riga sola:
  «Regole di progetto caricate: [NOME DEL SITO]». Poi rispondi normalmente.