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.
-
-
+ );
}
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.
+
+