Skip to content

feat(portail): charte bleu nuit et page d'accueil repensée - #5

Merged
PhilippeVienne merged 6 commits into
mainfrom
feat/charte-portail
Sep 27, 2026
Merged

PhilippeVienne merged 6 commits into
mainfrom
feat/charte-portail

Conversation

@PhilippeVienne

Copy link
Copy Markdown
Contributor

Refonte visuelle du portail about.otspi.org, qui avait l'apparence par défaut de Material (en-tête indigo, titres gris clair, emojis). mkdocs build --strict passe ; les PDF du livre blanc restent conformes PDF/UA-1.

Dépend de #4 (police Inter, workflow de vérification) : ses quatre commits apparaissent ici tant qu'elle n'est pas fusionnée. Le seul commit propre à cette PR est c08816d.

Charte

  • Palette personnalisée aux couleurs du logo : en-tête et onglets bleu nuit #0B1120, liens #1d4ed8, accent bleu ciel en thème sombre.
  • Titres sombres et gras sur tout le site, encadrés plus lisibles, cartes plus sobres, plus de mention « Made with Material for MkDocs ».

Accueil

  • Bandeau pleine largeur (overrides/home.html) : accroche, logo, boutons « Lire le livre blanc », « Projet de statuts », « Signer le manifeste ».
  • Quatre engagements avec pictogrammes Material au lieu d'emojis ; cartes de documentation en 2 × 2.
  • Organigramme de gouvernance redessiné en SVG local (scripts/build_diagrams.py), lisible dans les deux thèmes : le portail ne charge plus Mermaid depuis un service tiers.
  • Encadré [!NOTE] (syntaxe GitHub non prise en charge) et liste « Redevabilité » réparés.

Casse française

  • Titres de l'accueil, de « Cadrage » et de « Transparence » sans emojis ni majuscules à l'anglaise ; libellés de navigation idem. Aucun lien interne ne visait les ancres modifiées.

  • mkdocs build --strict

  • Rendu vérifié : accueil, statuts, cadrage, livre blanc ; bureau, mobile, thème sombre

  • feat(portail): mise en page du livre blanc, à l'écran et en PDF #4 fusionnée avant celle-ci

  • Relecture visuelle sur le site déployé

PhilippeVienne and others added 6 commits September 27, 2026 09:35
PDF : grille des chiffres clés sur trois colonnes (la grille portait sur
le conteneur et tassait les cartes), sommaire avec numéros de page et
points de conduite, titres hiérarchisés, en-tête courant de section,
texte justifié avec césure, encadrés et tableaux sans ombre, couverture
avec bandeau et filet d'accent.

Écran : en-tête du livre blanc restylé, fiche d'identification sans ligne
d'en-tête vide, titres plus marqués et encadrés plus lisibles.

Les deux PDF restent conformes PDF/UA-1 (veraPDF).

Co-authored-by: Claude <noreply@anthropic.com>
… blanc

- Police Inter (OFL 1.1, sous-ensemble latin) auto-hébergée pour tout le
  portail, sans service tiers ; embarquée dans le PDF et ses schémas, dont
  le rendu ne dépend plus des polices de la machine de génération.
- Schémas légendés et numérotés (figure 1, figure 2), ancrés sur
  #figure-N ; renvoi vers la figure 2 depuis le texte.
- Couverture du PDF à fond perdu aux couleurs du logo en version claire,
  mentions en bas de page.
- Signets du PDF : sections, annexes et sommaire au premier niveau,
  sous-sections repliées, sans le titre et le sous-titre masqués.
- Logo vertical sombre sans masque SVG : WeasyPrint ignorait le masque et
  effaçait l'anneau du sceau. Rendu inchangé dans les navigateurs.
- Césure avec un trait d'union ASCII, présent dans la police.

Les deux PDF restent conformes PDF/UA-1 (veraPDF).

Co-authored-by: Claude <noreply@anthropic.com>
Mêmes étapes de construction que le déploiement, sans déploiement ni
secret : build strict, export des PDF du livre blanc, validation veraPDF,
liste des polices embarquées et PDF joints en artefact pour relecture.

Co-authored-by: Claude <noreply@anthropic.com>
Sans Ubuntu Sans ni Liberation Sans (cas du runner GitHub), le texte du
logo tombait sur DejaVu Sans, plus large : la signature débordait et était
rognée sur la couverture du PDF. WeasyPrint trouve Inter via @font-face ;
les navigateurs, qui affichent le SVG comme une image, restent inchangés.

Co-authored-by: Claude <noreply@anthropic.com>
- Palette personnalisée aux couleurs du logo : en-tête et onglets bleu
  nuit, liens bleus, accent bleu ciel en thème sombre.
- Titres sombres et gras sur tout le site, encadrés plus lisibles, cartes
  plus sobres ; plus de mention « Made with Material for MkDocs ».
- Accueil : bandeau pleine largeur (overrides/home.html), engagements
  illustrés de pictogrammes au lieu d'emojis, cartes de documentation en
  deux colonnes, encadré [!NOTE] et liste réparés.
- Organigramme de gouvernance en SVG local (scripts/build_diagrams.py),
  lisible dans les deux thèmes : le portail ne charge plus Mermaid depuis
  un service tiers.
- Titres et navigation en casse française, sans emojis.

Co-authored-by: Claude <noreply@anthropic.com>
Plus aucune page n'utilise Mermaid depuis le passage de l'organigramme de
l'accueil en SVG local.

Co-authored-by: Claude <noreply@anthropic.com>
@PhilippeVienne
PhilippeVienne merged commit f66522c into main Sep 27, 2026
2 checks passed
@PhilippeVienne
PhilippeVienne deleted the feat/charte-portail branch September 27, 2026 11:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant