Développer le squelette de l'app et l'interface de la page d'accueil

[hjonin]

Développer le squelette de l'app et l'interface de la page d'accueil (et des sous-pages définies ci-dessous) en suivant les maquettes ci-dessous et en prenant en compte les spécifications suivantes :

• Suivre le DSFR et les maquettes du SILL pour les dimensions et espacements
• La page doit s'adapter au format tablette/mobile

Header

• Le bouton de connexion doit être inactif ou caché
• Dans le menu, le lien Services est inactif dans l'ideal (sinon, il redirige vers une page vide)
• Dans le menu, le lien Logiciels (SILL) redirige vers sill.code.gouv.fr
• Dans le menu, le lien Documentation ouvre un sous-menu détaillé dans la maquette ci-dessous.
  • Dans le sous-menu, le premier lien redirige vers une nouvelle page /doc contenant les mêmes tuiles/cartes que https://code.gouv.fr/doc/
  • Dans le sous-menu, le lien FAQ redirige vers une nouvelle page /faq contenant un accordéon
  • Dans le sous-menu, le lien Forum est inactif
• Dans le menu, le lien Blog est inactif
• Dans le menu, le lien Explorer ! redirige vers /public (https://code.gouv.fr/public/)
• Dans le menu, le lien A propos vers une nouvelle page /mission vide

Bannière

• Pas d'arrière-plan
• Le bouton En savoir plus redirige vers la page /mission
• Les 2 tuiles contiennent du texte fictif et des liens inactifs

1ère section

• Similaire à la section "Quelques sélections de logiciels" de la page d'accueil du SILL (même arrière-plan, couleur et forme)
• Les 3 cartes contiennet du texte fictif et des liens inactifs

2ème section

• Similaire à la section "Le SILL en plusieurs chiffres" de la page d'accueil du SILL (même arrière-plan, couleur et forme)
• Les chiffres sont fictifs

3ème section

• Similaire aux sections "Pourquoi et quand utiliser le SILL ?" et "Aidez-nous à enrichir le catalogue" de la page d'accueil du SILL
• Toutes les tuiles contiennent du texte fictif et des liens inactifs
  • Sauf les tuiles Contribuez ! qui sont des liens pour envoyer un email (pré-rempli avec destinataire/sujet/contenu)

Footer

• Les liens pour les newsletters ne contiennent pas de champ de saisie, seulement les boutons de redirection vers l'app d'abonnement
  • https://code.gouv.fr/newsletters/subscribe/bluehats@mail.etalab.studio
  • https://code.gouv.fr/newsletters/subscribe/logiciels-libres-dsi@mail.etalab.studio

Maquette principale

[hjonin]

• Bloqué par https://github.com/codegouvfr/code.gouv.fr/issues/13