diff --git a/src/app/game/page.js b/src/app/game/page.js index d10e570..c421785 100644 --- a/src/app/game/page.js +++ b/src/app/game/page.js @@ -1,208 +1,45 @@ +'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'; + + 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. -

-
- ); + 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 ? ( + <> + +
Score: {score}
+ + ) : ( +

Fin du jeu ! Votre 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..0366c75 --- /dev/null +++ b/src/app/ui/game/Question.js @@ -0,0 +1,7 @@ +export default function 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..2fdb7ab --- /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} +] 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