From f234dbb23931b39eb3a14fd290e626a184f1f794 Mon Sep 17 00:00:00 2001 From: joniboy74prog Date: Fri, 8 Dec 2023 05:31:15 +0100 Subject: [PATCH] pour toi loulou --- front/index.html | 20 ++-- front/jouer.html | 211 ++++++++++------------------------------ front/savoir.html | 25 ++++- front/style/easter eggs | 4 - front/style/jeu.css | 21 ---- front/style/main.css | 6 +- 6 files changed, 86 insertions(+), 201 deletions(-) delete mode 100644 front/style/easter eggs diff --git a/front/index.html b/front/index.html index 80c10a8..1c5a9ad 100644 --- a/front/index.html +++ b/front/index.html @@ -8,6 +8,8 @@ + + @@ -26,15 +28,15 @@
-

Sauvons la planète,

-

distinguons la réalité
des idées reçues.

-

- Défiez les idées reçues sur l'écologie avec notre quiz captivant ! -
- Testez-vous dès maintenant pour une expérience éducative et - amusante. -

- +

Sauvons la planète,

+

distinguons la réalité
des idées reçues.

+

+ Défiez les idées reçues sur l'écologie avec notre quiz captivant ! +
+ Testez-vous dès maintenant pour une expérience éducative et + amusante. +

+
diff --git a/front/jouer.html b/front/jouer.html index 027c990..307189d 100644 --- a/front/jouer.html +++ b/front/jouer.html @@ -1,204 +1,93 @@ - - - - Mon site ecolo | Jeu - - - - + + + Mon site ecolo | Jeu + + + + + - -
+
-
+
-
+
-<<<<<<< HEAD -
- imgleft -
-||||||| 05f6282 -
- imgleft -
-=======
imgleft
Votre texte ici
->>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68 -<<<<<<< HEAD - -||||||| 05f6282 - -======= ->>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68
-

Question

-

Lorem ipsum

- +

Question

+

Lorem ipsum

+
+
-
- + buttonElement.addEventListener('click', () => { + augmenterCompteur(); + buttonElement.classList.add('hide'); + rightSection.classList.remove('hide'); + leftSection.classList.remove('hide'); + }); + - - \ No newline at end of file diff --git a/front/savoir.html b/front/savoir.html index da56077..8630df3 100644 --- a/front/savoir.html +++ b/front/savoir.html @@ -28,27 +28,42 @@

Commerce

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda debitis dolores eligendi, eum explicabo facilis fugit illum impedit in inventore natus nisi obcaecati odio quae, sequi. Modi quaerat reprehenderit rerum.

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda + debitis dolores eligendi, eum explicabo facilis fugit illum impedit + in inventore natus nisi obcaecati odio quae, sequi. Modi quaerat + reprehenderit rerum.

Habitat

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis deleniti impedit maxime perferendis quaerat quis. Assumenda beatae blanditiis deserunt ducimus explicabo illo, impedit ipsum iusto nemo reiciendis sunt?

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam + blanditiis deleniti impedit maxime perferendis quaerat quis. + Assumenda beatae blanditiis deserunt ducimus explicabo illo, impedit + ipsum iusto nemo reiciendis sunt?

Phénomènes naturels

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis quisquam repellendus totam veritatis voluptatum. Debitis ea esse harum hic iure molestiae, officiis quam ut. Consectetur deserunt itaque neque omnis sed!

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis + quisquam repellendus totam veritatis voluptatum. Debitis ea esse + harum hic iure molestiae, officiis quam ut. Consectetur deserunt + itaque neque omnis sed!

Sources d’énergies

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad architecto dignissimos dolor dolorem doloribus, dolorum eum eveniet inventore ipsum, labore laboriosam modi molestias mollitia nulla quia quo ratione tempore unde?

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad + architecto dignissimos dolor dolorem doloribus, dolorum eum eveniet + inventore ipsum, labore laboriosam modi molestias mollitia nulla + quia quo ratione tempore unde?

Transport

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquam aperiam culpa delectus dignissimos iure iusto, nulla numquam sit. Adipisci aspernatur beatae cupiditate ipsa iste odio pariatur, perspiciatis praesentium reiciendis.

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium + aliquam aperiam culpa delectus dignissimos iure iusto, nulla numquam + sit. Adipisci aspernatur beatae cupiditate ipsa iste odio pariatur, + perspiciatis praesentium reiciendis.

diff --git a/front/style/easter eggs b/front/style/easter eggs deleted file mode 100644 index f6133aa..0000000 --- a/front/style/easter eggs +++ /dev/null @@ -1,4 +0,0 @@ -Liste des easter eggs : - -- Joyeux noël écologique ! : Répondez juste à toutes les questions du quizz - et une nouvelle page s'ouvre. \ No newline at end of file diff --git a/front/style/jeu.css b/front/style/jeu.css index 708420f..9d28655 100644 --- a/front/style/jeu.css +++ b/front/style/jeu.css @@ -51,25 +51,6 @@ section { z-index: 1; } -.expanded { - position: absolute; -!important; - top: 0; -!important; - left: 0; -!important; - width: 100%; -!important; -} - -/*#imgleft.expanded {*/ -/* margin-right: -100vw;*/ -/*}*/ - -/*#imgright.expanded {*/ -/* margin-left: -100vw;*/ -/*}*/ - .image { object-fit: cover; } @@ -85,12 +66,10 @@ section a { #left { background-color: blue; - /*background-image: url('');*/ } #right { background-color: red; - /*background-image: url('');*/ } .text-overlay { diff --git a/front/style/main.css b/front/style/main.css index 6017ee8..9a1b1af 100644 --- a/front/style/main.css +++ b/front/style/main.css @@ -5,7 +5,6 @@ body { main { display: inline-block; - max-width: px; margin: auto auto auto 191px; padding: 20px; } @@ -53,4 +52,9 @@ h2 { border: none; border-radius: 10px; cursor: pointer; +} + +a { + text-decoration: none; + color: white; } \ No newline at end of file