Suivi

Bonus

• Animation Terre accueil
• Text-shadow néons accueil
• Preload images sur page d'accueil
• Inclure carte position bateaux
• Compte réseaux sociaux pour chaque bateau ?

À faire

• Ajouter images Numériclub
• Ajouter images vectorisées
• Doc infos maintenance
• Éviter FOUC cartes postales
  • spécifier taille diaporamas above → autodetect imagemagick || demander d'uniformiser les tailles
  • passer en position:fixed quand la postcard est chargée plutôt qu'au onload
• Optimisation performances
  • prefetch images postcard
  • debounce onscroll
  • diminuer taille images diaporamas
  • réduire contenu fotorama.min.css ?
  • minifier HTML, CSS, JS
  • réduire taille images sources bg/boat si faible qualité
  • combiner CSS ??
  • ne pas inclure fotorama.min.css si non utilisé ?
  • héberger sur un serveur avec contrôle de cache et utiliser cachebusting ?
  • héberger sur un serveur et répartir les requêtes sur plusieurs domaines ?
• Cross-browser
• SEO
  • référencer images cartes postales sur noms
  • meta author
  • meta keywords
  • sitemap → https://github.com/kinnetica/jekyll-plugins
  • meta generator
  • tailles spécifiques social cards
• Google Webmaster tools
• Magnétisme défilement sur la carte postale
• Tracking
• Casse incohérente pour les noms des bateaux (Australien : capitalisé ; ? : tout en majuscules)

Traité

• Diaporama sans légende (ex : Amazone) : pleine page ou rajouter légende ? → légende rajoutée.
• Inclure images originales comme archives ZIP (une version low-res une version hi-res) dans partie pédagogique
• Responsive : corps
• Interlignage unique
• Retour à la page d'accueil depuis les bateaux → icône Terre
• Enlever fond diaporama
• Enlever vignettes diaporama
• Interlignage autour diaporama
• Transcriptions images → apparition au survol
• Déployer lesquais.voyage
• Ajouter bloc {% legende %}
• Enlever légendes de source
• Changer légende de source dans le bloc {% legende %}
• Retour à la page d'accueil depuis les bateaux
• Habillage qui/quoi/comment
• Cartes partage réseaux sociaux bateaux/index
• Transparence des cartes postales
• Carte géographique Australien et Himalaya en plein écran
• Deux images pour diaporama : aperçu/fullscreen
• Décrire contexte dans "quoi"
• Uniformiser taille des diaporamas
• Blanc sur jaune phocéen illisible
• Qualité carte géographique Australie
• Identifier images en doublon out_ / fullscreen
• Diaporama en boucle
• Pourquoi → Prolongements, en haut à droite
• Liens en mode fichier → impossible car certains fichiers sous un dossier mais pas tous
• Navigation entre mots
• Diminuer taille terre dans l'index
• Alignement légende face aux diaporamas quand il y a deux diaporamas d'affilée (Météore, Australien…)
• Marge des titres sur Quoi
  • Alignement diaporama
  • Marge supérieure après diaporama
• Guillemets françaises
• Séparer mots sur index
• Carte réseaux sociaux metas/words
• Héberger lesquais.voyage de manière pérenne
• Icône retour à la page d'accueil : stylisation de la page d'accueil
  • utiliser comme favicon
  • remplacer les croix de fermeture
• Légende diaporama tout en haut Australien
• Rendre terre plus visible
• Capitalisation titres meta : bas de casse
• Ouvrir liens externes dans nouvelle page
• Contraste image Ampère
• Espace entre milliers → espace fine
• Débordement du titre "prolongements" au-delà du fond
• Diminuer graisse textes words
• Décalage ligne de base gras en haut (ex : Ampère) → can't duplicate
• Icône retour à la page d'accueil : utiliser celle de Jean ? → Non car carré noir
• Ajouter diaporama enseignants
• Optimisation performances
  • spécifier taille cartes postales
  • spécifier taille icône home → non car non responsive sinon
  • cartes postales multi-resolution
  • désactiver parallax pour petits écrans
  • lier toutes les CSS dans le
• Éviter FOUC cartes postales
  • lazy-load toutes les images de diaporama
  • scroll au plus tôt
  • masquer #above jusqu'à chargement complet ? → non, risque de ne pas déclencher, ne résoud pas le fond du problème
• Limites supérieure et inférieure des cartes postales → appliquer un dégradé d'alpha sur la couche supérieure
• Centrer images carte postale plutôt que caler en haut
• Responsive
  • carte postale
  • index
  • meta
  • mots
• favicon