IL TUO RIFUGIO IN HTML E CSS

1. Estrai tutto lo ZIP. Non lavorare dentro l'archivio.
2. Apri la cartella blueprint-rifugio in VS Code (File > Apri cartella).
3. Apri index.html nel browser con un doppio clic.
4. Apri missioni.html in una seconda scheda: contiene gli obiettivi e gli aiuti.
5. Modifica index.html e style.css. Salva (Ctrl+S) e ricarica (Ctrl+R).

Le prime cinque missioni sono il percorso base. Le missioni 6, 7 e 8 sono extra.
Non servono installazioni, estensioni, account o connessione.

FILE
index.html = il sito da modificare
style.css = le regole CSS del sito
missioni.html = istruzioni e galleria degli asset
guida.css = stile delle istruzioni, non serve modificarlo
assets/ = sei immagini SVG, grafica.css già pronto e un font con la sua licenza

Non usare style inline: assegna class nell'HTML e scrivi le regole in style.css.
Puoi scegliere nomi di classe diversi, mantenendoli uguali nei due file.

Prima di cambiare PC conserva l'intera cartella, compresa assets.
La guida non salva spunte, non raccoglie dati e non invia consegne.
I controlli del banco online sono un esercizio distinto da questo kit.

Lezione: https://stile.akkaz.dev/#blueprint
Asset originali ispirati ai mondi a blocchi; nessun asset ufficiale di Minecraft.
Font Silkscreen: licenza SIL Open Font License, allegata in assets/OFL-Silkscreen.txt.

CSS base: background-color, color, font-family, font-size e text-align.
Border e padding compaiono solo nella missione extra e sono spiegati lì.
Nessun Flexbox, Grid o selettore avanzato da studiare in style.css.
La grafica è predisposta in assets/grafica.css: oggi non devi aprire quel file.
