Merge remote-tracking branch 'origin/main'

# Conflicts:
#	back/fonctions.js
#	back/script.js
This commit is contained in:
joniboy74prog
2023-12-08 04:42:15 +01:00
2 changed files with 135 additions and 54 deletions
+5 -5
View File
@@ -17,7 +17,7 @@
"description":"Les voitures individuelles, en particulier celles qui fonctionnent aux carburants fossiles, ont souvent une consommation élevée de carburant par kilomètre parcouru, ce qui contribue aux émissions de gaz à effet de serre." "description":"Les voitures individuelles, en particulier celles qui fonctionnent aux carburants fossiles, ont souvent une consommation élevée de carburant par kilomètre parcouru, ce qui contribue aux émissions de gaz à effet de serre."
}, },
{ {
"text": "Le réseau de trains à grande vitesse (TGV) en France est-il souvent salué pour ses faibles émissions de gaz à effet de serre, principalement grâce à l'utilisation d'énergies renouvelables pour son fonctionnement ?", "question": "Le réseau de trains à grande vitesse (TGV) en France est-il souvent salué pour ses faibles émissions de gaz à effet de serre, principalement grâce à l'utilisation d'énergies renouvelables pour son fonctionnement ?",
"options": [ "options": [
{ {
"text": "Vrai", "text": "Vrai",
@@ -33,7 +33,7 @@
}, },
{ {
"text": "Comment la France encourage-t-elle l'adoption de véhicules électriques?", "question": "Comment la France encourage-t-elle l'adoption de véhicules électriques?",
"options": [ "options": [
{ {
"text":"Par des incitations fiscales", "text":"Par des incitations fiscales",
@@ -48,7 +48,7 @@
"description":" le gouvernement français offre des avantages fiscaux, tels que des réductions d'impôts ou des crédits d'impôt, pour inciter les citoyens à opter pour des véhicules électriques. Ces incitations fiscales visent à stimuler le marché des véhicules électriques en rendant ces alternatives plus attrayantes sur le plan financier, contribuant ainsi à réduire les émissions de gaz à effet de serre liées au secteur des transports." "description":" le gouvernement français offre des avantages fiscaux, tels que des réductions d'impôts ou des crédits d'impôt, pour inciter les citoyens à opter pour des véhicules électriques. Ces incitations fiscales visent à stimuler le marché des véhicules électriques en rendant ces alternatives plus attrayantes sur le plan financier, contribuant ainsi à réduire les émissions de gaz à effet de serre liées au secteur des transports."
}, },
{ {
"text": "Quelle ville française a mis en œuvre un système de location de vélos très populaire pour promouvoir des modes de transport plus durables?", "question": "Quelle ville française a mis en œuvre un système de location de vélos très populaire pour promouvoir des modes de transport plus durables?",
"options": [ "options": [
{ {
"text": "Paris", "text": "Paris",
@@ -60,10 +60,10 @@
} }
], ],
"reponse": 0, "reponse": 0,
"description":"Paris a mis en place un système de location de vélos, connu sous le nom de "Vélib'", pour encourager des modes de transport durables. Cette initiative vise à réduire la dépendance aux véhicules individuels motorisés." "description":"Paris a mis en place un système de location de vélos, connu sous le nom de velib, pour encourager des modes de transport durables. Cette initiative vise à réduire la dépendance aux véhicules individuels motorisés."
}, },
{ {
"text": "Le réseau de trains à grande vitesse (TGV) en France utilise-t-il principalement des énergies renouvelables, ce qui contribue à des émissions de gaz à effet de serre plus faibles ?", "question": "Le réseau de trains à grande vitesse (TGV) en France utilise-t-il principalement des énergies renouvelables, ce qui contribue à des émissions de gaz à effet de serre plus faibles ?",
"options": [ "options": [
{ {
"text": "Vrai", "text": "Vrai",
+88 -7
View File
@@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,7 +12,7 @@
</head> </head>
<body> <body>
<nav class="navbar" id="navbar"> <nav class="navbar" id="navbar">
<div class="nav-links"> <div class="nav-links">
<div class="logo"> <div class="logo">
<img src="./img/logo.svg" alt="Logo" width="40"> <img src="./img/logo.svg" alt="Logo" width="40">
@@ -30,29 +31,51 @@
</label> </label>
<input id="toggleNavbar" type="checkbox"> <input id="toggleNavbar" type="checkbox">
</div> </div>
</nav> </nav>
<div id="starContainer"> <div id="starContainer">
<div class="star" id="star5"></div> <div class="star" id="star5"></div>
<div class="star" id="star4"></div> <div class="star" id="star4"></div>
<div class="star" id="star3"></div> <div class="star" id="star3"></div>
<div class="star" id="star2"></div> <div class="star" id="star2"></div>
<div class="star" id="star1"></div> <div class="star" id="star1"></div>
</div> </div>
<div class="container"> <div class="container">
<div class="choices"> <div class="choices">
<<<<<<< HEAD
<section id="left">
<img class="image" id="imgleft" src="./img/imgleft.png" alt="imgleft">
</section>
||||||| 05f6282
<section id="left">
<img class="image" id="imgleft" src="./img/imgleft.png"
alt="imgleft">
</section>
=======
<section id="left"> <section id="left">
<img class="image" id="imgleft" src="./img/imgleft.png" <img class="image" id="imgleft" src="./img/imgleft.png"
alt="imgleft"> alt="imgleft">
<div class="text-overlay">Votre texte ici</div> <div class="text-overlay">Votre texte ici</div>
</section> </section>
>>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68
<<<<<<< HEAD
<section id="right">
<img class="image" id="imgright" src="./img/imgright.webp" alt="imgright">
</section>
||||||| 05f6282
<section id="right">
<img class="image" id="imgright" src="./img/imgright.webp"
alt="imgright">
</section>
=======
<section id="right"> <section id="right">
<img class="image" id="imgright" src="./img/imgright.webp" <img class="image" id="imgright" src="./img/imgright.webp"
alt="imgright"> alt="imgright">
<div class="text-overlay">Votre texte ici</div> <div class="text-overlay">Votre texte ici</div>
</section> </section>
>>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68
</div> </div>
<div class="question"> <div class="question">
@@ -61,7 +84,7 @@
<button class="hide">Question suivante</button> <button class="hide">Question suivante</button>
</div> </div>
</div>
<script> <script>
const rightSection = document.getElementById('right'); const rightSection = document.getElementById('right');
const leftSection = document.getElementById('left'); const leftSection = document.getElementById('left');
@@ -87,7 +110,51 @@
leftSection.classList.remove('hide'); leftSection.classList.remove('hide');
}); });
let score = 20;
<<<<<<< HEAD
function augmenterCompteur() {
score += 5;
||||||| 05f6282
let score = 20;
=======
>>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68
<<<<<<< HEAD
if (score >= 5) {
document.getElementById('star1').style.visibility = 'visible';
}
if (score >= 10) {
document.getElementById('star2').style.visibility = 'visible';
}
if (score >= 15) {
document.getElementById('star3').style.visibility = 'visible';
||||||| 05f6282
function augmenterCompteur() {
score += 5;
if (score >= 5) {
document.getElementById('star1').style.visibility = 'visible';
}
if (score >= 10) {
document.getElementById('star2').style.visibility = 'visible';
}
if (score >= 15) {
document.getElementById('star3').style.visibility = 'visible';
}
if (score >= 20) {
document.getElementById('star4').style.visibility = 'visible';
}
if (score >= 25) {
document.getElementById('star5').style.visibility = 'visible';
}
if (score === 25) {
window.location.href = './easterEggEtoile.html';
}
=======
let score = 0; let score = 0;
function augmenterCompteur() { function augmenterCompteur() {
score++; score++;
@@ -110,13 +177,27 @@
document.getElementById('star5').style.visibility = 'visible'; document.getElementById('star5').style.visibility = 'visible';
} }
if (score === 25) {
window.location.href = './easterEggEtoile.html';
}
>>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68
}
if (score >= 20) {
document.getElementById('star4').style.visibility = 'visible';
}
if (score >= 25) {
document.getElementById('star5').style.visibility = 'visible';
}
if (score === 25) { if (score === 25) {
window.location.href = './easterEggEtoile.html'; window.location.href = './easterEggEtoile.html';
} }
} }
</script> </script>
</div>
</body> </body>