Développement d'un site en html, javascript et css pour publier numériquement la correspondance littéralopicturale que Yan Pavlik et Linus Kessler ont entretenus durant l'année 2020. Le projet prend pour exemple l'application Phallaina sortie en 2016 afin de développer une lecture numérique horizontale du recueil.
L'enjeu principal de ce projet est de se plonger dans le maniement du css pour développer un script original utilisant les outils discutés en cours :
- parallax.js
- css grids
- import de police
- gsap
- utilisation d'image
- (animation 3D avec aframe, three.js, spline 3D
- image map)
- ...
pour créer une dynamique de lecture analogue à celle de Phallaina. Notre envie est avant tout de comprendre et de s'approprier ces outils à travers le cas concret de ce projet.
Ce travail serait également un pretexte pour comprendre dans la pratique du fonctionnement de la possibilité d'adapter un site à différents interfaces.
Ecriture du readme du projet inital (Poésie ininterrompue): 14h-16h (21.12.21)
Réflexion commune sur le projet:
18h-20h (21.12.21)
storyboard du site et sélection des images/textes: 14h-16h (04.01.22)
Réécriture du readme suite la la réflexion commune: 17h-17h30 (28.12.21)
Recherche sur Phallaina et sur les parallax layers: 16h-18h (28.12.21)
Apprentissage du fonctionnement des grid CSS: 16h30-18h30(04.01.22)
Usage des fonts: 16h30-18h (04.01.22)
Apprentissage vectorisation et conversion VSG
Création de la page d'accueil: 16h-18h30(04.01.22)
Lien index-main, ajout image, recherche vectorisation image: 19h30-22h (13.01.22)
Compréhension de la placement des élément avec grid + mise en place cadre de travail: 16h-18h30 (23.01.22)
Compréhension de gsap, si utile pour mouvement de texte sur page 5 :17h-18h (24.01.22)