# EXECUTION IMMEDIATE - White Contrast + Mobile Header

Updated: 2026-03-14
Severite: critique pour coherence visuelle et lisibilite

## Positionnement de reference
- systemes electroniques specifiques
- familles visibles: electronique, automatisme, energie, stockage, optimisation
- l'embarque reste une competence, pas le libelle principal
- le lab n'est plus une surface publique a exposer

## 3 actions prioritaires

### 1. Finaliser la top bar mobile compacte
Probleme:
- la top bar historique etait trop haute sur mobile
- elle reprenait une logique desktop qui wrap, au lieu d'une navigation mobile compacte

Action:
- un header partage pour home, formation et mentions
- un acces direct `Contact` visible hors menu
- un menu repliable pour le reste de la navigation
- fermeture automatique apres clic, `Escape`, ou retour desktop

Fichiers cle:
- `src/components/SiteHeader.astro`
- `src/layouts/BaseLayout.astro`
- `src/styles/global.css`
- `src/pages/index.astro`
- `src/pages/formation.astro`
- `src/pages/mentions-legales.astro`

### 2. Verifier le hero blanc reellement servie
Action:
- confirmer que le hero utilise un vrai visuel oscilloscope
- verifier qu'il ne replonge pas dans une photo d'atelier large ou une texture legacy
- controler le contraste titre / copy / CTA avec la nouvelle image

Fichiers cle:
- `src/components/sections/Hero.tsx`
- `src/styles/global.css`
- `src/styles/home-workbench.css`

### 3. Verifier visuellement le preview OVH
Action:
- controler la top bar sur mobile reel
- controler le hero oscilloscope sur un vrai navigateur
- verifier qu'elle reste compacte fermee
- verifier que le menu est lisible et stable ouvert

Etat:
- preview top bar publie et valide publiquement via GitHub Actions `23095540371`
- preview repositionne et purge du lab public valide publiquement via GitHub Actions `23098262445`
- preview hero oscilloscope recadre valide publiquement via GitHub Actions `23099694984`

### 4. Verifier la production reellement servie
Action:
- confirmer dans un navigateur humain que `www` sert bien la nouvelle home et le nouveau header
- verifier localement avec le meme `User-Agent` que le workflow quand on utilise `curl`
- finaliser la validation UX mobile humaine

Etat:
- production top bar republiee via GitHub Actions `23096174775`
- production repositionnee et purgee du lab public via GitHub Actions `23098335508`
- production hero oscilloscope recadre via GitHub Actions `23099760106`
- verification publique du workflow: OK
- verification locale `curl` OK avec `-A 'electron-rare-gh-verify/1.0'`

Routes a verifier:
- `/`
- `/formation/`
- `/mentions-legales/`
- `/robots.txt`
- `/sitemap.xml`

## Cible de sortie
- theme blanc contraste par defaut
- top bar mobile compacte et state-of-art
- contact lisible et clavier-friendly
- preview valide avant push prod
- docs alignees sur Astro + OVH + GitHub Actions FTP

## Regles
- ne plus documenter `index.html`, `script.js`, ou GitHub Pages root files comme source de prod
- ne plus parler de `#projets`, Malt, ou du bouton contraste
- ne plus relancer l'ancienne DA `studio/figma`
