From 5dae91098c8d53587ea909d7ac5aa80c8fdaadfc Mon Sep 17 00:00:00 2001 From: Tykayn Date: Fri, 2 Jun 2023 17:41:55 +0200 Subject: [PATCH] :zap: ajust gathering in main index.html --- README.md | 3 +++ css/sprint_4.css | 1 + js/animations_custom.js | 5 ++++- 3 files changed, 8 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 872eac7..1058b19 100644 --- a/README.md +++ b/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. diff --git a/css/sprint_4.css b/css/sprint_4.css index 62b4873..1957f9d 100644 --- a/css/sprint_4.css +++ b/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 diff --git a/js/animations_custom.js b/js/animations_custom.js index fb29091..c9a6238 100644 --- a/js/animations_custom.js +++ b/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,