Semaine 4 - Intro gsap (formatif)

Animation d’introduction avec gsap

Vous devez reproduire l’animation d’introduction du site d’Alex Vanhessche à l’aide de gsap.

• Le chargement sera simulé, seule l’animation est digne d’intérêt pour le moment;
• Vous devez rester sur le même URL pour la séquence entière;
• Vous pouvez visionner également cette version afin de voir l’animation au ralenti. Cette cette version qu’il faut réellement reproduire;
• L’animation qui survient au survol des liens de la navigation doit également être reproduit (en CSS).
• En plus de la page, utilisez au minimum une composante pour le chargement et une autre pour le contenu sous le chargement;
• La page doit demeurer une composante serveur uniquement;
• Vous pouvez récupérer des photos sur unsplash.com et la police sur cdnfonts.com.
• Afin de simplifier la coordination du chargement et de l’apparition du contenu de la page d’accueil, veuillez utiliser deux timelines en utilisant un délai sur la deuxième;
• Une fois la séquence de chargement terminée, il peut être utile d’utiliser un label ainsi que seek sur la timeline par la suite pour sauter cette étape;