From 7fc5ff0882638369121a1dbfdcb8bd34d809e476 Mon Sep 17 00:00:00 2001 From: LaurentBlondel Date: Wed, 13 Dec 2023 14:20:49 +0100 Subject: [PATCH] modification index + R&D sur la navbar --- .../main/resources/static/assets/js/pixel.js | 2 +- ui/src/main/resources/static/css/custom.css | 73 +++++++++ .../resources/templates/inc/navbar-home.html | 39 +++-- .../resources/templates/inc/navbar-logo.html | 20 +-- .../templates/inc/navbar-mantras.html | 20 +-- .../resources/templates/inc/preloader.html | 35 ++--- ui/src/main/resources/templates/index.html | 146 +++++++++--------- 7 files changed, 206 insertions(+), 129 deletions(-) diff --git a/ui/src/main/resources/static/assets/js/pixel.js b/ui/src/main/resources/static/assets/js/pixel.js index dfa2fe743..9e21bc2f1 100644 --- a/ui/src/main/resources/static/assets/js/pixel.js +++ b/ui/src/main/resources/static/assets/js/pixel.js @@ -36,7 +36,7 @@ d.addEventListener("DOMContentLoaded", function (event) { setTimeout(function () { preloader.classList.add('show'); - $("#preloader-img").fadeOut(200); + $(".wrapper__preloader-img").fadeOut(200); $( "body").trigger( "tplLoaded"); //alert($(".preloader-img")); }, 1500); diff --git a/ui/src/main/resources/static/css/custom.css b/ui/src/main/resources/static/css/custom.css index 773f7831e..78d28b7a7 100644 --- a/ui/src/main/resources/static/css/custom.css +++ b/ui/src/main/resources/static/css/custom.css @@ -206,4 +206,77 @@ h4[class^="h"], h5[class^="h"], h6[class^="h"] { font-family: 'League Spartan', sans-serif!important; +} + +/* preloader style */ + +.wrapper__preloader-img { + width:550px; + height:550px; +} +#preloader-img { + position: absolute; + border-radius: 8px; + width:100%; + height:100%; +} + +.wrapper__preloader-img svg { + position: absolute; + width:50px; + height:50px; + bottom: 10px; + right: 10px; + mix-blend-mode:difference; +} + +/* flip card */ + +.card-flip { + perspective: 1000px; +} + +.card-flip-inner { + position: relative; + width: 100%; + height: 100%; + text-align: center; + transition: transform 0.8s; + transform-style: preserve-3d; + border-radius: 1rem; +} + +.card-flip:hover .card-flip-inner { + transform: rotateY(180deg); +} + +.card-flip .wrapper-card-img { + position: relative; + background-color: #fff; + border-radius: 1rem; +} + +.card-flip .card-body { + position: absolute; + top: 0; + width: 100%; + height: 100%; + -webkit-backface-visibility: hidden; /* Safari */ + backface-visibility: hidden; + border-radius: 1rem; + + color: white; + transform: rotateY(180deg); +} + + + +/* PAGES */ + +.home-page > main.bg-gray-200 { + background-color: #fff !important; +} + +.home-page > main.bg-gray-200 > section.bg-white{ + background-color: #f1efe7 !important; } \ No newline at end of file diff --git a/ui/src/main/resources/templates/inc/navbar-home.html b/ui/src/main/resources/templates/inc/navbar-home.html index dad53eb67..6a7e811ca 100644 --- a/ui/src/main/resources/templates/inc/navbar-home.html +++ b/ui/src/main/resources/templates/inc/navbar-home.html @@ -1,14 +1,29 @@ - \ No newline at end of file +
+ + +
+ \ No newline at end of file diff --git a/ui/src/main/resources/templates/inc/navbar-logo.html b/ui/src/main/resources/templates/inc/navbar-logo.html index 73d92c955..517f31d33 100644 --- a/ui/src/main/resources/templates/inc/navbar-logo.html +++ b/ui/src/main/resources/templates/inc/navbar-logo.html @@ -1,11 +1,11 @@ -
-
-
- -
-
- -
-
-
+
+
+
+ +
+
+ +
+
+
diff --git a/ui/src/main/resources/templates/inc/navbar-mantras.html b/ui/src/main/resources/templates/inc/navbar-mantras.html index 2d61cbf80..c4099356a 100644 --- a/ui/src/main/resources/templates/inc/navbar-mantras.html +++ b/ui/src/main/resources/templates/inc/navbar-mantras.html @@ -1,12 +1,12 @@ \ No newline at end of file diff --git a/ui/src/main/resources/templates/inc/preloader.html b/ui/src/main/resources/templates/inc/preloader.html index e1462bc87..0e4a9dbf6 100644 --- a/ui/src/main/resources/templates/inc/preloader.html +++ b/ui/src/main/resources/templates/inc/preloader.html @@ -1,21 +1,14 @@ -
- -
- - - - -
\ No newline at end of file +
+
+ + +
+
\ No newline at end of file diff --git a/ui/src/main/resources/templates/index.html b/ui/src/main/resources/templates/index.html index 682a72d07..f2e298a9d 100644 --- a/ui/src/main/resources/templates/index.html +++ b/ui/src/main/resources/templates/index.html @@ -26,7 +26,7 @@ - + @@ -71,7 +71,31 @@ -
+
+

Nos catégories évaluées

+

L'assurance de bien choisir

+
+ +
+
+
+
+
+
+ img TV +
+
+

+

+ Découvrir +
+
+
+
+
+
+ +

Consommons peu, consommons bien

Un coup de main éthique et ouvert pour amoindrir l'impact de votre shopping en ligne.

@@ -85,67 +109,70 @@

Consommons peu, consommons bien

-
+ + +
-

Eco-score

+

Modèle ouvert

- +

- Score écologique + Modèle ouvert
-
- -
-
+
+ + +
+
-

Compensation

+

Data responsable

- +

- Compensation écologique + Data responsable
+
-

Modèle ouvert

+

Eco-score

- +

- Modèle ouvert + Score écologique
-
- - +
+
-
+
-

Data responsable

+

Compensation

- +

- Data responsable + Compensation écologique
@@ -155,71 +182,40 @@

Data responsable

-
+

Les chiffres clés

Avec animation, c'est plus funky

-
-
-
-
- -
- - Montant du coup de pouce à date de Nudger pour la planète -
- -
-
- +
+
+
+
+ +
+ + Montant du coup de pouce à date de Nudger pour la planète
- 15M+ Offres commerciales - Un des comparateurs français les plus fournis -
-
-
- +
+
+ +
+ 15M+ Offres commerciales + Un des comparateurs français les plus fournis
- - Nombre de de notre démarche. Toutes les plus grandes enseignes ! -
-
-
- -
-

Nos catégories évaluées

-

L'assurance de bien choisir

-
-
-
-
-
-
- Themesberg office -
-

- -

-

-
-
-
- - Découvrir - -
-
+
+
+
+ + Nombre de de notre démarche. Toutes les plus grandes enseignes !
-
- -
+

Notre philosophie : le bien commun

Découvrez nos valeurs et nos atouts