Mode édition — comment ça marche

Tu peux tout modifier directement sur le site, sans toucher au code.

Pour entrer / sortir

• Bouton Modifier le site en bas à droite, ou raccourci Ctrl+Shift+E (⌘+Shift+E sur Mac).
• Pour quitter : bouton Quitter dans la barre du bas.

Ajouter des photos

• Clique sur Ajouter ou sur la tuile en pointillés à la fin de la grille.
• Ou glisse-dépose des fichiers n'importe où sur la page.
• Les images sont automatiquement redimensionnées pour rester légères.

Réorganiser, supprimer

• Déplacer : glisse une tuile vers la position voulue.
• Supprimer : icône ✕ en haut à droite de la tuile.
• Dupliquer : icône ⎘ en haut à droite.

Mise en page de la grille

• Espacement : règle l'espace entre les photos.
• Colonnes : moins de colonnes = photos plus grandes.
• Largeur : réduis pour que la grille ne prenne plus toute la largeur de l'écran (marges sur les côtés).
• Colonnes et Largeur s'appliquent à la page actuellement affichée : accueil, ou la page détail d'un projet si tu y es.

Titre des pages (Projets, page détail, Contact)

• Police : choisis entre les polices du site (Fraunces italique, Fraunces, Space Grotesk).
• Alignement (◀ ■ ▶) : place le titre à gauche, au centre ou à droite.
• Position : décale le titre verticalement (vers le bas, ou vers le haut avec une valeur négative).
• Ce groupe n'apparaît que sur les pages avec un titre réglable, et les réglages sont indépendants pour chaque page.

Modifier les textes

• En mode édition, tous les textes encadrés sont cliquables → tu tapes pour modifier.
• Modifie la bio (À propos), l'email de contact, etc.
• Sur la page Contact, la liste de clients est un texte simple : sépare chaque nom par « · ».
• Le changement de langue (FR/EN) sauvegarde des textes séparés.

Police et gras d'un bloc de texte

• Clique dans un bloc de texte en mode édition : une mini barre apparaît au-dessus (ou en-dessous s'il n'y a pas de place).
• Police : choisis « Police par défaut », Fraunces italique, Fraunces ou Space Grotesk — pour ce bloc uniquement.
• B : bascule ce bloc en gras, indépendamment des autres.
• Chaque bloc de texte garde son propre réglage.

Sauvegarder en ligne

• Tes modifs (textes, photos ajoutées, ordre) sont enregistrées automatiquement dans ce navigateur et restent là même après avoir rechargé la page.
• Ces modifs restent locales à ce navigateur : pour les rendre visibles en ligne, clique Enregistrer & télécharger → tu télécharges un nouveau index.html contenant toutes tes modifs.
• Remplace index.html sur ton hébergeur (GitHub Pages, Netlify, OVH, etc.) → c'est en ligne.

Backup / restauration

• Importer recharge un fichier JSON de sauvegarde précédent.
• Reset restaure la version d'origine (utile si tu t'es perdu).