Développer l'interface d'accueil de la page "Explorer !"

[hjonin]

Développer l'interface d'accueil de la page "Explorer !" (/public) 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

Données

• Utiliser l'adapteur CodeGouvApiMock TODO https://github.com/codegouvfr/codegouv-web/issues/17 pour récupérer :
  • Les chiffres
  • Le contenu du catalogue
  • Les valeurs des filtres suivants :
  • Administrations
  • Catégories (topics)
  • Langages
  • Licences
  • Organisations
  • Dépendances

Interface

Bannière

• Similaire à la bannière du SILL
  • Même organisation des éléments
  • Pas de combo box, seule une barre de recherche
  • Le bouton de recherche redirige vers la vue catalogue
  • Le bouton Se connecter est remplacé par le bouton Mode avancé qui redirige vers la vue catalogue

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) (et à la section similaire sur la page d'accueil de code.gouv.fr)
• Les tuiles contiennent des liens inactifs

2ème section

• Similaire à la section "Aidez-nous à enrichir le catalogue" de la page d'accueil du SILL (et à la section similaire sur la page d'accueil de code.gouv.fr)
• Les tuiles Contribuez ! qui sont des liens pour envoyer un email (pré-rempli avec destinataire/sujet/contenu)

3è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) (et à la section similaire sur la page d'accueil de code.gouv.fr)

Maquettes principales

Accueil

[hjonin]

• Bloqué par https://github.com/codegouvfr/code.gouv.fr/issues/13 et https://github.com/codegouvfr/codegouv-web/issues/17
• Lié à https://github.com/codegouvfr/code.gouv.fr/issues/11

[mineraux]

Une première partie a été fait dans cette PR. Il reste à dynamiser les informations qui doivent l'être (comme les stats du site) et ajouter les liens