mirror of
https://github.com/resendecode/nuitdelinfo.git
synced 2026-05-13 17:21:55 +00:00
Merge remote-tracking branch 'origin/main'
# Conflicts: # back/fonctions.js # back/script.js
This commit is contained in:
joniboy74prog
@@ -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."
|
||||
},
|
||||
{
|
||||
"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": [
|
||||
{
|
||||
"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": [
|
||||
{
|
||||
"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."
|
||||
},
|
||||
{
|
||||
"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": [
|
||||
{
|
||||
"text": "Paris",
|
||||
@@ -60,10 +60,10 @@
|
||||
}
|
||||
],
|
||||
"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": [
|
||||
{
|
||||
"text": "Vrai",
|
||||
|
||||
+130
-49
@@ -1,93 +1,160 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Mon site ecolo | Jeu </title>
|
||||
<link rel="icon" href="img/logo.svg" type="image/svg">
|
||||
<link rel="stylesheet" href="style/init.css">
|
||||
<link rel="stylesheet" href="style/navbarVertical.css">
|
||||
<link rel="stylesheet" href="style/jeu.css">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Mon site ecolo | Jeu </title>
|
||||
<link rel="icon" href="img/logo.svg" type="image/svg">
|
||||
<link rel="stylesheet" href="style/init.css">
|
||||
<link rel="stylesheet" href="style/navbarVertical.css">
|
||||
<link rel="stylesheet" href="style/jeu.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar" id="navbar">
|
||||
<nav class="navbar" id="navbar">
|
||||
<div class="nav-links">
|
||||
<div class="logo">
|
||||
<img src="./img/logo.svg" alt="Logo" width="40">
|
||||
</div>
|
||||
<div class="logo">
|
||||
<img src="./img/logo.svg" alt="Logo" width="40">
|
||||
</div>
|
||||
|
||||
<a href="#" class="nav-link">Commerces</a>
|
||||
<a href="#" class="nav-link">Habitats</a>
|
||||
<a href="#" class="nav-link">Phénomènes</a>
|
||||
<a href="#" class="nav-link">Energies</a>
|
||||
<a href="#" class="nav-link">Transports</a>
|
||||
<a href="#" class="nav-link">Commerces</a>
|
||||
<a href="#" class="nav-link">Habitats</a>
|
||||
<a href="#" class="nav-link">Phénomènes</a>
|
||||
<a href="#" class="nav-link">Energies</a>
|
||||
<a href="#" class="nav-link">Transports</a>
|
||||
</div>
|
||||
|
||||
<div class="arrow">
|
||||
<label for="toggleNavbar">
|
||||
<img src="./img/arrow.svg" alt="arrow" width="10">
|
||||
</label>
|
||||
<input id="toggleNavbar" type="checkbox">
|
||||
<label for="toggleNavbar">
|
||||
<img src="./img/arrow.svg" alt="arrow" width="10">
|
||||
</label>
|
||||
<input id="toggleNavbar" type="checkbox">
|
||||
</div>
|
||||
</nav>
|
||||
</nav>
|
||||
|
||||
<div id="starContainer">
|
||||
<div id="starContainer">
|
||||
<div class="star" id="star5"></div>
|
||||
<div class="star" id="star4"></div>
|
||||
<div class="star" id="star3"></div>
|
||||
<div class="star" id="star2"></div>
|
||||
<div class="star" id="star1"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container">
|
||||
<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">
|
||||
<img class="image" id="imgleft" src="./img/imgleft.png"
|
||||
alt="imgleft">
|
||||
<div class="text-overlay">Votre texte ici</div>
|
||||
</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">
|
||||
<img class="image" id="imgright" src="./img/imgright.webp"
|
||||
alt="imgright">
|
||||
<div class="text-overlay">Votre texte ici</div>
|
||||
</section>
|
||||
>>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<h2>Question</h2>
|
||||
<p>Lorem ipsum</p>
|
||||
<button class="hide">Question suivante</button>
|
||||
<h2>Question</h2>
|
||||
<p>Lorem ipsum</p>
|
||||
<button class="hide">Question suivante</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const rightSection = document.getElementById('right');
|
||||
const leftSection = document.getElementById('left');
|
||||
const buttonElement = document.querySelector('button');
|
||||
|
||||
<script>
|
||||
const rightSection = document.getElementById('right');
|
||||
const leftSection = document.getElementById('left');
|
||||
const buttonElement = document.querySelector('button');
|
||||
rightSection.addEventListener('click', () => {
|
||||
rightSection.classList.remove('hide');
|
||||
leftSection.classList.add('hide');
|
||||
buttonElement.classList.remove('hide');
|
||||
});
|
||||
|
||||
rightSection.addEventListener('click', () => {
|
||||
rightSection.classList.remove('hide');
|
||||
leftSection.classList.add('hide');
|
||||
buttonElement.classList.remove('hide');
|
||||
});
|
||||
leftSection.addEventListener('click', () => {
|
||||
leftSection.classList.remove('hide');
|
||||
rightSection.classList.add('hide');
|
||||
buttonElement.classList.remove('hide');
|
||||
});
|
||||
|
||||
leftSection.addEventListener('click', () => {
|
||||
leftSection.classList.remove('hide');
|
||||
rightSection.classList.add('hide');
|
||||
buttonElement.classList.remove('hide');
|
||||
});
|
||||
buttonElement.addEventListener('click', () => {
|
||||
augmenterCompteur();
|
||||
buttonElement.classList.add('hide');
|
||||
|
||||
buttonElement.addEventListener('click', () => {
|
||||
augmenterCompteur();
|
||||
buttonElement.classList.add('hide');
|
||||
rightSection.classList.remove('hide');
|
||||
leftSection.classList.remove('hide');
|
||||
});
|
||||
|
||||
rightSection.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;
|
||||
function augmenterCompteur() {
|
||||
score++;
|
||||
@@ -113,10 +180,24 @@
|
||||
if (score === 25) {
|
||||
window.location.href = './easterEggEtoile.html';
|
||||
}
|
||||
>>>>>>> 0d68aaf3e621087d415377c9f42334f300c50e68
|
||||
}
|
||||
</script>
|
||||
|
||||
</div>
|
||||
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';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user