feat(website): add dsfr header footer rdvi #2712
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Cette PR ajoute le DSFR sur le header et le footer du website.
L'intégration du DSFR se fait via le package NPM puis un lien symbolique pointant vers les node_modules.
Cela permet une intégration facilité sans gestion via webpack. J'ai suivi la façon d'intégrer de rdvs pour cela.
Pour le header et le footer j'ai fait le choix de ne pas intégrer pour le moment la Gem ViewComponents du DSFR, en effet j'ai été bloqué un moment par l'impossibilité d'intégrer notre lien de connexion dans ce header étant donné que nous utilisons un formulaire POST.
Dans les faits après avoir fouillé le code de la Gem et demandé conseils à Rdvs étant donné que la gem offre simplement des helpers je pense pas que l'on ait intérêt à s'obliger à l'utilisation de la gem pour les cas spécifique.
Surement qu'on aura plus d'occasion d'en bénéficier dans le reste de l'intégration du DSFR et dans des composants plus restreins.
Étant donné que la feuille de style du DSFR apporte du stylé général j'ai également dû ajouter une sorte de reset CSS pour enforce notre propre feuille de style sur certains éléments (notamment hover de boutons et liens).
Nouveau header du website
Page stats en étant connecté
Footer du website
Fix #2565