⚡ ajust gathering in main index.html

README.md

@@ -3,6 +3,7 @@ by B. Lemoine contact@cipherbliss.com
 
 # Maquette par Digital Theory
 https://www.figma.com/file/dF3R9nfCqBP5FzQf9baE0e/Sesame-Digital-Website?node-id=261-431&t=PiTtYTt3zC5PwWQR-0
+
 # Démo
 - installer les paquets `npm i`
 - lancer la page index avec `npm start`
@@ -11,3 +12,5 @@ https://www.figma.com/file/dF3R9nfCqBP5FzQf9baE0e/Sesame-Digital-Website?node-id
 # Installer en production
 il suffit de copier les fichiers HTML et les dossiers voisins puis de configurer son serveur pour avoir un domaine servant la page index.html afin de voir le tout.
 il est conseillé d'optimiser les imports avec un compilateur de dépendances frontend tel que Rollup ou webpack.
+
+Pour faciliter le dev, certains écrans ont été construits avec une stack ViteJS / Vue / Typescript, compilés et réagencés dans le fichier d'index à la racine.

css/sprint_4.css

@@ -273,6 +273,7 @@ body {
  */
 main {
 	display: block;
+	background: #020225;
 }
 /**
  * Correct the font size and margin on `h1` elements within `section` and

js/animations_custom.js

@@ -198,13 +198,16 @@ console.log('start animations')
 	gsap.fromTo('#open img',
 		{
 			opacity: 0.5,
-			bottom: '-100vh'
+			scale: 1,
+			bottom: '-100vh',
+			height: "22rem",
 		},
 		{
 			opacity: 1,
 			bottom: '50vh',
 			scale: 1.5,
 			ease: 'spline',
+			height: "25rem",
 			scrollTrigger: {
 				trigger: '#open-handle',
 				scrub: 2,