Ajouter une page d'accueil
Explication
Il s’agit d’ajouter une nouvelle page à la racine du site (e.g. toutafrique.fr) contenant la barre supérieure de navigation du site et une image de présentation de Tout Afrique simplement insérée sur fond blanc dans la partie inférieure de la page.
Depuis cette « page d’accueil », la navigation vers les autres pages se fera avec les liens situés dans la barre de navigation supérieure : « Cartes », « Graphiques » et « A propos ».
Un clic sur l’image redirige l’utilisateur vers la page Cartes. Un clic sur le bouton « Tout Afrique » redirige vers la « page d’accueil ».
La page ne pourra pas être responsive à cause du choix d’une image statique qui a un ratio adapté à un affichage sur écran d’ordinateur. Par conséquent, les visiteurs sur un appareil autre qu’un ordinateur ne verront pas cette page et seront redirigés de façon imperceptible vers la page Cartes (comme actuellement).
Une véritable page d’accueil éditorialisée et responsive, qui devra faire l’objet d’un travail significatif de design, pourra être par la suite développée sur cette base.
Tâches
-
Récupérer l'image créée et fournie par l'AFD (format 16/9, largeur mini 1920px) -
Ajouter une route /accueil
pour la page d'accueil -
Rediriger de /
vers/accueil
lors de la 1ère visite, mais pas pour visites suivantes -
S'assurer de la compatibilité navigateurs si des API type localStorage sont utilisées... -
Rediriger de la page '/accueil' vers la page cartes sur mobile -
L'image doit prendre le maximum entre la largeur et la hauteur disponibles de manière à la voir en entier sans scroll. L'image doit être centrée dans la partie inférieure de l'écran (donc par exemple avec des barres blanches au-dessus et en-dessous quand la hauteur disponible est supérieure à celle de l'image). -
Un clic sur l’image redirige l’utilisateur vers la page Cartes.