[FEATURE] Intégrer le nouveau gabarit de pages de PixApp (PIX-15521).

[Jeyffrey]

🎄 Problème

Les pages hors parcours de PixApp n'avaient pas forcément un style unifié.

🎁 Proposition

Intégrer le tout nouveau gabarit de ces pages.

🧦 Remarques

J'en ai profité pour clean un peu le style de certaines pages 😶‍🌫️

🎅 Pour tester

Voir ces pages en RA (desktop et tester responsive) :

• Accueil
• Compétences
• Mes tutos
• Mes parcours
• Mes certifications

[pix-bot-github]

Une fois les applications déployées, elles seront accessibles via les liens suivants :

• App (.fr)
• App (.org)
• Orga (.fr)
• Orga (.org)
• Certif (.fr)
• Certif (.org)
• Junior
• Admin
• API
• Audit Logger

Les variables d'environnement seront accessibles via les liens suivants :

• scalingo front
• scalingo api
• scalingo audit-logger

[xav-car]

question

si c'est les nouveaux gabarit avec la nouvelle nav, il y a un app layout de disponible sur PixUI qui est censé respecter les margin padding du DS.

[Jeyffrey]

On n'intègre pas encore la nouvelle nav.
L'avantage, c'est qu'on aura juste à changer ce nouveau composant AppLayout par le composant PixUI pour que ça continue de marcher

[QuentinChapelain-ui]

Merci Geoffroy ! c'est super :)

Alors quelques petites corrections et ajustement pour améliorer le design :

• Mettre les titres en title-M (36px) @extend %pix-title-m; comme prévue dans les maquettes contre 40px en review
  [https://ui.pix.fr/?path=/docs/design-tokens-typographie--docs]
• 10x (40px) entre le titre et la nav plutôt que 32px pour aérer
• box-shadow sur la nav : rgba(0, 0, 0, 0.06) 0px 6px 24px pour détacher la nav du content
• ajouter le fond en pix-primary-10 pour renforcer l'identité de marque

Discussion ouverte : est-il plus logique dans la logique de dev de changer dès maintenant le niveau de titre de l'accueil, en effet le title-m pour ce titre est trop grand. Il faudrait faire une exeption pour ce titre "Bienvenue NOM". C'est prévue dans la version avec la nouvelle nav.