feat(mobile+UX): refonte hamburger, pop-ups Mission, Manifeste, fixes mobile

Hamburger:
- Ajout Jobs, Manifeste, Soutenir
- Ré-ordonnancement (cartes/RAG/Codev en haut, ressources en bas)

Pop-ups Mission:
- MissionPopup générique (slot, props title/ctaLabel/storageKey)
- Auto-show 1ère visite Carte 1 (Entraide) et Carte 2 (Réseaux AEP)
- Bouton (i) flottant pour rouvrir

Pages:
- /manifeste : nouvelle page (texte version page-carto-V1)
- /a-propos : section 1 retirée (devient pop-up Carte 1) + scroll latéral fixé
- /agences : 3e onglet "Graphe" sur mobile + labels structures sur GraphView
- /trouver-du-taf : intro pédagogique repliable (onglets / tags / 5 axes),
  filtres mobile repliables, "Plateformes B2C" → "Pour archi indépendants"

Mobile UX:
- FAB coeur jaune Soutenir retiré (BandeauBas) — accessible via hamburger
- FicheModal/V2 : décalage top:76px sur mobile pour ne plus mordre header
- Logo header : "Architecture d'Écologie / Politique" en clair (2 lignes)

Cause racine résolue:
- /api/chatbot-reseaux n'avait jamais été déployé → 404 en prod avant ce build

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jules Neny
2026-05-08 18:58:42 +02:00
parent 5967a5af57
commit f5732bf336
11 changed files with 889 additions and 137 deletions

View File

@@ -587,6 +587,20 @@ async function initGraph() {
.attr('fill', '#2a2a2a')
.style('pointer-events', 'none')
// Labels structures : nom au-dessus du cercle, halo pour lisibilite
d3NodeSelection.filter((d: any) => d.type === 'structure')
.append('text')
.attr('class', 'graph-struct-label')
.text((d: any) => {
const raw = d.label as string
return raw.length > 22 ? raw.slice(0, 20) + '…' : raw
})
.attr('text-anchor', 'middle')
.attr('dy', (d: any) => -(d.r + 5))
.attr('font-size', '9.5px')
.attr('font-weight', '500')
.style('pointer-events', 'none')
// Tooltip hover pour structures
d3NodeSelection.filter((d: any) => d.type === 'structure')
.on('mouseenter', (_event: any, d: any) => {
@@ -858,3 +872,15 @@ onUnmounted(() => {
if (simulation) simulation.stop()
})
</script>
<style>
/* Labels des structures dans le graphe (D3 injecte les <text>, donc style global) */
.graph-view .graph-struct-label {
fill: var(--nav-text);
paint-order: stroke;
stroke: var(--nav-bg);
stroke-width: 3px;
stroke-linejoin: round;
user-select: none;
}
</style>