From bc17fc5f864a763c7da95d1b5ee6944711527fec Mon Sep 17 00:00:00 2001 From: Louis Labeyrie Date: Fri, 8 Dec 2023 05:50:28 +0100 Subject: [PATCH 1/3] WIP --- src/app/game/page.js | 7 ------- src/app/game/page.jsx | 41 ++++++++++++++++++++++++++++++++++++ src/app/ui/game/Jauge.js | 42 +++++++++++++++++++++++++++++++++++++ src/app/ui/game/Question.js | 7 +++++++ src/app/ui/game/data.json | 4 ++++ 5 files changed, 94 insertions(+), 7 deletions(-) delete mode 100644 src/app/game/page.js create mode 100644 src/app/game/page.jsx create mode 100644 src/app/ui/game/Jauge.js create mode 100644 src/app/ui/game/Question.js create mode 100644 src/app/ui/game/data.json diff --git a/src/app/game/page.js b/src/app/game/page.js deleted file mode 100644 index b6f06d9..0000000 --- a/src/app/game/page.js +++ /dev/null @@ -1,7 +0,0 @@ -export default function page() { - return ( -
-

Game Page

-
- ); -} diff --git a/src/app/game/page.jsx b/src/app/game/page.jsx new file mode 100644 index 0000000..2753de1 --- /dev/null +++ b/src/app/game/page.jsx @@ -0,0 +1,41 @@ +import '../ui/game/style.css'; +import Jauge from '../ui/game/Jauge'; +import questions from '../ui/game/data.json'; +import Question from '../ui/game/Question'; +import { useState, useEffect } from 'react'; + +('use client'); + +export default function page() { + const valeur = 50; + const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0); + const [score, setScore] = useState(0); + + const handleReponse = (reponse) => { + if (reponse === questions[currentQuestionIndex].reponse) { + setScore(score + 1); + } + setCurrentQuestionIndex(currentQuestionIndex + 1); + }; + + return ( +
+
+
+ +
+
+ {currentQuestionIndex < questions.length ? ( + + ) : ( +

Fin du jeu ! Votre score: {score}

+ )} +
Score: {score}
+
+
+
+ ); +} diff --git a/src/app/ui/game/Jauge.js b/src/app/ui/game/Jauge.js new file mode 100644 index 0000000..899ed2c --- /dev/null +++ b/src/app/ui/game/Jauge.js @@ -0,0 +1,42 @@ +// Jauge.js +export default function Jauge({ valeur }) { + const hauteurPointeur = valeur; // Ajustez cette logique selon vos besoins + + const styleJauge = { + height: '300px', // Taille plus grande pour une meilleure visibilité + width: '60px', + background: 'linear-gradient(to top, blue, red)', + borderRadius: '25px', // Bordures arrondies pour un look plus doux + boxShadow: '0 0 10px rgba(0,0,0,0.5)', // Ombre pour un effet 3D + position: 'relative', + margin: '20px', // Marge pour éviter que la jauge touche d'autres éléments + }; + + const stylePointeur = { + position: 'absolute', + bottom: `${hauteurPointeur}%`, + left: '0', + right: '0', + height: '8px', + backgroundColor: 'black', + borderRadius: '5px', + transition: 'bottom 0.3s ease', // Animation fluide + }; + + const styleTexte = { + position: 'absolute', + top: '5px', + width: '100%', + textAlign: 'center', + color: 'white', + fontWeight: 'bold', + }; + + return ( +
+
+
{valeur}
+
+
+ ); +} diff --git a/src/app/ui/game/Question.js b/src/app/ui/game/Question.js new file mode 100644 index 0000000..4a81209 --- /dev/null +++ b/src/app/ui/game/Question.js @@ -0,0 +1,7 @@ +const Question = ({ question, onReponse }) => ( +
+

{question.question}

+ + +
+); diff --git a/src/app/ui/game/data.json b/src/app/ui/game/data.json new file mode 100644 index 0000000..0a91069 --- /dev/null +++ b/src/app/ui/game/data.json @@ -0,0 +1,4 @@ +[ + {"question": "La Terre est plate ?", "reponse": false}, + {"question": "Le ciel est bleu ?", "reponse": true} +] \ No newline at end of file From 1a2a63f17e64f874b6ea4a4afe33e76331d5c6f7 Mon Sep 17 00:00:00 2001 From: Louis Labeyrie Date: Fri, 8 Dec 2023 06:56:53 +0100 Subject: [PATCH 2/3] WIP --- src/app/game/{page.jsx => page.js} | 28 ++++++++++++++++------------ src/app/ui/game/Question.js | 4 ++-- 2 files changed, 18 insertions(+), 14 deletions(-) rename src/app/game/{page.jsx => page.js} (62%) diff --git a/src/app/game/page.jsx b/src/app/game/page.js similarity index 62% rename from src/app/game/page.jsx rename to src/app/game/page.js index 2753de1..c421785 100644 --- a/src/app/game/page.jsx +++ b/src/app/game/page.js @@ -1,10 +1,10 @@ +'use client' +import React, { useState } from 'react'; import '../ui/game/style.css'; import Jauge from '../ui/game/Jauge'; import questions from '../ui/game/data.json'; import Question from '../ui/game/Question'; -import { useState, useEffect } from 'react'; -('use client'); export default function page() { const valeur = 50; @@ -13,7 +13,7 @@ export default function page() { const handleReponse = (reponse) => { if (reponse === questions[currentQuestionIndex].reponse) { - setScore(score + 1); + setScore(score + 1); } setCurrentQuestionIndex(currentQuestionIndex + 1); }; @@ -25,15 +25,19 @@ export default function page() {
- {currentQuestionIndex < questions.length ? ( - - ) : ( -

Fin du jeu ! Votre score: {score}

- )} -
Score: {score}
+
+ {currentQuestionIndex < questions.length ? ( + <> + +
Score: {score}
+ + ) : ( +

Fin du jeu ! Votre score: {score}

+ )} +
diff --git a/src/app/ui/game/Question.js b/src/app/ui/game/Question.js index 4a81209..0366c75 100644 --- a/src/app/ui/game/Question.js +++ b/src/app/ui/game/Question.js @@ -1,7 +1,7 @@ -const Question = ({ question, onReponse }) => ( +export default function Question({ question, onReponse }) {

{question.question}

-); +}; From 1fb7189d02fb2f4d889124865d3d568f52abd668 Mon Sep 17 00:00:00 2001 From: Louis Labeyrie Date: Fri, 8 Dec 2023 07:00:58 +0100 Subject: [PATCH 3/3] WIP --- src/app/ui/game/data.json | 2 +- src/app/ui/game/raw.js | 208 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 209 insertions(+), 1 deletion(-) create mode 100644 src/app/ui/game/raw.js diff --git a/src/app/ui/game/data.json b/src/app/ui/game/data.json index 0a91069..2fdb7ab 100644 --- a/src/app/ui/game/data.json +++ b/src/app/ui/game/data.json @@ -1,4 +1,4 @@ [ {"question": "La Terre est plate ?", "reponse": false}, {"question": "Le ciel est bleu ?", "reponse": true} -] \ No newline at end of file +] diff --git a/src/app/ui/game/raw.js b/src/app/ui/game/raw.js new file mode 100644 index 0000000..d10c33a --- /dev/null +++ b/src/app/ui/game/raw.js @@ -0,0 +1,208 @@ +export default function page() { + return ( +
+

+

Idées Reçues Fausses



+

+ Le réchauffement climatique est trop avancé pour être inversé ou + ralenti. +

{' '} +

+ FAUX, « Si nous opérons les bons choix en matière de politique, + d’infrastructures et de technologies, nous pourrons changer nos + modes de vie et nos comportements, avec à la clé une diminution de + 40 à 70 % des émissions de gaz à effet de serre d’ici à 2050 ». + Priyadarshi Shukla, coprésident du groupe de travail III du GIEC.{' '} +

+

+ Les petits gestes individuels ne font aucune différence dans la + lutte contre le changement climatique. +

+

+ FAUX, afin de simples petits gestes nous pouvons faire la différence + . par exemple,réduire la consommation de viande rouge d'une seule + personne peut économiser environ 912,5 kg de CO2 par an, utiliser + des vélos ou marcher au lieu de conduire pour des trajets courts + peut économiser environ 547,5 kg de CO2 par personne et par an, + remplacer une ampoule traditionnelle par une LED peut réduire les + émissions de CO2 d'environ 29 kg par an.

+

+ Le changement climatique n'affecte que les régions polaires et + les petits îlots.{' '} +

+

+ Faux, Le changement climatique affecte le monde entier, pas + seulement les régions polaires et les petits îlots. Il provoque des + phénomènes météorologiques extrêmes, perturbe l'agriculture mondiale + et cause l'élévation du niveau de la mer, menaçant les zones + côtières partout sur la planète.

+

+ Les énergies renouvelables ne sont pas assez puissantes pour + remplacer les combustibles fossiles. +

{' '} +

+ FAUX,Les énergies renouvelables sont tout à fait capables de + remplacer les combustibles fossiles. En 2020, la capacité mondiale + des énergies renouvelables a dépassé 2800 gigawatts, surpassant + celle des fossiles. De plus, l'éolien et le solaire connaissent une + croissance rapide, avec un potentiel technique bien supérieur à la + demande énergétique mondiale actuelle.

+

+ Le recyclage des déchets n'a pas d'impact significatif sur + l'environnement. +

{' '} +

+ Faux, Le recyclage a un impact significatif sur l'environnement : il + économise jusqu'à 95% de l'énergie pour l'aluminium, environ 40% + pour le papier et jusqu'à 70% pour le plastique, réduisant ainsi les + émissions de gaz à effet de serre. De plus, le recyclage d'une tonne + de papier peut sauver environ 17 arbres, démontrant l'efficacité du + recyclage dans la conservation des ressources naturelles et la + réduction de la pollution.

+

+ L'utilisation d'engrais chimiques n'a pas d'effet sur le + changement climatique. +

{' '} +

+ Faux, L'utilisation d'engrais chimiques contribue au changement + climatique : les engrais azotés émettent du protoxyde d'azote, un + gaz à effet de serre 300 fois plus puissant que le CO2, et + représentent environ 60% des émissions mondiales de N2O. De plus, la + production d'engrais consomme 1% à 2% de l'énergie mondiale, + augmentant les émissions de gaz à effet de serre.

+

+ Les avions sont plus écologiques que les trains pour les voyages + longue distance. +

{' '} +

+ Faux, Pour les voyages longue distance, les trains sont généralement + plus écologiques que les avions. Les avions émettent environ 150-200 + grammes de CO2 par kilomètre et par passager, tandis que les trains + émettent moins de 50 grammes, surtout s'ils sont électriques et + alimentés par des énergies renouvelables. Les trains sont donc plus + efficaces en termes d'émissions de CO2 et d'efficacité énergétique.{' '} +

+

+ La consommation d'eau n'a pas d'impact sur le changement + climatique. +

{' '} +

+ Faux,La consommation d'eau a un impact sur le changement climatique. + Par exemple, la consommation d'eau résidentielle aux États-Unis + représente environ 5% des émissions de CO2 du secteur résidentiel. + De plus, l'irrigation agricole et la déforestation liées à l'eau + contribuent aux émissions de gaz à effet de serre. +

+ {' '} + Le tri des déchets est inutile car tout finit dans la même + décharge. +

{' '} +

+ Faux, Le tri des déchets est essentiel car il augmente le recyclage, + réduit les déchets en décharge et économise de l'énergie. Par + exemple, environ 25% des déchets municipaux sont recyclés aux + États-Unis, et le recyclage de l'aluminium peut économiser jusqu'à + 95% d'énergie.

+

Idées Véridiques



+

+ Réduire notre consommation de viande peut avoir un impact + significatif sur la réduction des émissions de gaz à effet de + serre.{' '} +

+

+ Vrai, Réduire la consommation de viande a un impact significatif sur + la réduction des émissions de gaz à effet de serre. Environ 14,5% + des émissions mondiales de gaz à effet de serre sont dues à + l'élevage, ce qui dépasse les émissions de tous les véhicules dans + le monde. En conséquence, la réduction de la demande de viande + contribue à atténuer ces émissions.

+

+ La déforestation contribue de manière significative aux émissions + de CO2.{' '} +

+

+ Vrai, La déforestation contribue significativement aux émissions de + CO2, représentant environ 10% des émissions mondiales. En supprimant + les arbres, elle libère du carbone stocké dans la biomasse + forestière et les sols, contribuant ainsi au changement climatique.{' '} +

+

+ Les petits gestes quotidiens de chacun peuvent cumulativement + avoir un grand impact sur l'environnement. +

+

+ Vrai, Les petits gestes quotidiens de chacun ont un grand impact sur + l'environnement. Par exemple, éteindre les lumières inutiles et + économiser de l'énergie peut représenter des centaines de + kilowattheures par an pour une seule personne. De même, le + recyclage, la réduction des déchets et la préservation de l'eau sont + des actions simples qui, lorsqu'adoptées par beaucoup, ont un effet + significatif sur l'environnement.

+

+ L'énergie nucléaire émet peu de CO2 et peut aider à la transition + énergétique. +

+

+ Vrai, L'énergie nucléaire émet très peu de CO2 pendant son + fonctionnement. Environ 12 grammes de CO2 sont émis par + kilowattheure d'électricité nucléaire produite, comparé à environ + 500 à 1000 grammes pour le charbon et le gaz naturel. Cela montre + que l'énergie nucléaire est une option à faible émission de carbone. +

+

+ La plantation d’arbres aide à absorber le CO2 de l'atmosphère. +

+

+ VRAI, en effet, en plantant des arbres , on crée des puits de + carbone naturels qui absorbent une partie de nos rejets de dioxyde + de carbone.

+

+ L'éducation et la sensibilisation au changement climatique sont + essentielles pour favoriser l'action. +

{' '} +

+ Vrai, L'éducation et la sensibilisation au changement climatique + sont essentielles pour favoriser l'action. Par exemple, environ 64% + des Américains considèrent le changement climatique comme une + préoccupation personnelle importante, montrant l'impact de la + sensibilisation sur l'opinion publique et les actions individuelles.{' '} +

+

+ L'utilisation des transports en commun et le covoiturage peuvent + réduire considérablement les émissions de gaz à effet de serre. +

+

+ Vrai,L'utilisation des transports en commun et le covoiturage + réduisent les émissions de gaz à effet de serre de manière + significative. Par exemple, un bus peut émettre 20% moins de CO2 par + passager-kilomètre que la voiture individuelle, et le covoiturage + permet de diviser par plusieurs fois le nombre de voitures sur la + route, réduisant ainsi les émissions.

+

+ Les produits locaux et de saison réduisent l'empreinte carbone + liée au transport des aliments. +

+

+ Vrai, Les produits locaux et de saison réduisent l'empreinte carbone + liée au transport des aliments. Par exemple, le transport de + produits locaux nécessite moins d'énergie car les distances sont + plus courtes, ce qui peut réduire les émissions de CO2 de manière + significative.

+

+ La biodiversité joue un rôle crucial dans la régulation du climat + et le maintien des écosystèmes. +

{' '} +

+ Vrai La biodiversité est essentielle pour la régulation du climat et + le maintien des écosystèmes. Par exemple, les forêts stockent + environ 80% du carbone terrestre, tandis que les récifs coralliens + abritent près de 25% de la biodiversité marine. De plus, les + services écosystémiques fournis par la biodiversité, tels que la + pollinisation des cultures, sont estimés à une valeur économique + mondiale d'environ 125 milliards de dollars par an. Ces données + soulignent l'importance de préserver la biodiversité pour notre + planète. +

+
+ ); + } \ No newline at end of file