# Guide rapide d'édition

## 1. Où modifier le contenu

Le contenu principal se pilote ici :

- [assets/js/site-data.js](C:\Users\Rubyan-Server\Desktop\Codex\assets\js\site-data.js)
- [assets/js/standard-catalog.js](C:\Users\Rubyan-Server\Desktop\Codex\assets\js\standard-catalog.js)

Tu peux modifier :

- `standardFamilies` pour le `Menu Standard`
- `EXO_STANDARD_CATALOG` pour le vrai catalogue standard filtrable issu du PDF
- `specialProducts` pour le `Menu Spécial`
- `worldContacts` pour les contacts internationaux

## 2. Ajouter un produit dans le Menu Spécial

Dans le tableau `specialProducts` :

1. duplique un objet existant ;
2. change `id`, `title`, `category`, `power`, `image` ;
3. adapte `summary`, `description`, `tags`, `stats`, `details`, `deliverables`.

Exemple de structure :

```js
{
  id: "nouveau-produit",
  title: "Nom du produit",
  category: "Secteur / univers",
  power: "Électrique / hydraulique / manuel",
  image: "assets/images/placeholders/mon-produit.jpg",
  summary: "Texte court pour la carte.",
  description: "Texte plus complet pour la modal.",
  tags: ["Tag 1", "Tag 2", "Tag 3"],
  stats: [
    { label: "Charge", value: "2 t" },
    { label: "Portée", value: "4 m" },
    { label: "Usage", value: "Offshore" }
  ],
  details: [
    "Point détail 1",
    "Point détail 2"
  ],
  deliverables: [
    "Calculs",
    "Plans",
    "FAT"
  ]
}
```

## 3. Modifier la grille du Menu Spécial

La grille se règle principalement dans [assets/css/styles.css](C:\Users\Rubyan-Server\Desktop\Codex\assets\css\styles.css).

Regarde surtout :

- `.catalog-grid`
- `.product-card`
- `.filter-chip`
- `.stats-row`
- `.modal-dialog`

Si tu veux plus de cartes par ligne, réduis la largeur minimale dans `grid-template-columns`.

## 4. Modifier le catalogue standard

Le gros catalogue standard de la page [pages/standard.html](C:\Users\Rubyan-Server\Desktop\Codex\pages\standard.html) est alimenté par :

- [assets/js/standard-catalog.js](C:\Users\Rubyan-Server\Desktop\Codex\assets\js\standard-catalog.js)

Chaque objet contient :

- `name`
- `univers`
- `pages`
- `alimentation`
- `commandes`
- `materiaux`
- `formats`
- `capacityRange`
- `highlights`
- `tableColumns`
- `variants`

Les lignes `variants` sont celles affichées dans la fenêtre détail quand on clique sur `Voir les références`.

## 5. Palette et ambiance

Les couleurs globales sont au début de [assets/css/styles.css](C:\Users\Rubyan-Server\Desktop\Codex\assets\css\styles.css) dans `:root`.

Les variables les plus utiles :

- `--color-ink`
- `--color-sand`
- `--color-panel`
- `--color-accent`
- `--color-accent-2`

## 6. Images à remplacer

Fichiers prévus et tailles recommandées :

- `home-standard-hero.jpg` : 1600 x 1000 px
- `home-special-hero.jpg` : 1600 x 1000 px
- `standard-catalog-cover.jpg` : 1600 x 1000 px
- `standard-hoists.jpg` : 1200 x 900 px
- `standard-structures.jpg` : 1200 x 900 px
- `standard-traction.jpg` : 1200 x 900 px
- `standard-accessories.jpg` : 1200 x 900 px
- `standard-weighing.jpg` : 1200 x 900 px
- `standard-mobile.jpg` : 1200 x 900 px
- `special-davit.jpg` : 1200 x 900 px
- `special-gantry.jpg` : 1200 x 900 px
- `special-rail.jpg` : 1200 x 900 px
- `special-atex.jpg` : 1200 x 900 px
- `special-winch.jpg` : 1200 x 900 px
- `special-platform.jpg` : 1200 x 900 px
- `brand-placeholder.png` : 560 x 180 px
- `technical-placeholder.bmp` : 1200 x 900 px

## 7. Conseils pour la suite

- Ajouter une vraie page devis avec formulaire distinct `Standard` / `Spécial`
- Créer une page `Réalisations`
- Ajouter des fiches PDF et téléchargements
- Brancher un CMS ou un back-office si tu veux rendre l'édition non technique