suppression TODO.txt

ajout demande de prenom et nom du joueur
réactivation du scroll dans main et help
2025-01-13 13:47:22 +01:00 · 2025-01-06 17:07:33 +01:00 · 2025-01-03 16:06:28 +01:00 · 2025-01-03 15:54:25 +01:00 · 2025-01-03 15:45:42 +01:00 · 2025-01-03 12:13:39 +01:00
--- a/case_0.png
+++ b/case_0.png
--- a/case_1.png
+++ b/case_1.png
--- a/case_2.png
+++ b/case_2.png
--- a/case_3.png
+++ b/case_3.png
--- a/case_4.png
+++ b/case_4.png
--- a/case_5.png
+++ b/case_5.png
--- a/case_6.png
+++ b/case_6.png
--- a/case_7.png
+++ b/case_7.png
--- a/case_8.png
+++ b/case_8.png
--- a/case_9.png
+++ b/case_9.png
--- a/case_flag.png
+++ b/case_flag.png
--- a/case_vide.png
+++ b/case_vide.png
--- a/demineur.html
+++ b/demineur.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Démineur</title>
+    <link rel="stylesheet" href="style.css">
+    
+    <script type="text/javascript" src="demineur.js" defer></script>
+
+</head>
+<body id="body_demineur">
+
+  <nav id="nav_demineur">
+    
+    <div class="item_nav">
+      <a href="main.html">Home</a> 
+    </div>
+    <div class="item_nav">
+      <a href="help.html">Help</a>  
+    </div>
+    
+    <div class="item_nav">    
+      Temps:
+      <input id="temps" type="number" value="0" disabled>
+    </div> 
+
+    <div class ="item_nav" id="affichage_nombre_mines">
+      Nombre total de mines : 10
+    </div>
+    
+    <div class="item_nav">
+      <a id="options-button" href="#" onclick="options()">Options</a>
+    </div>
+    
+  </nav>   
+
+
+    <div id="jeu">
+      
+
+      
+    </div>
+
+    <button id="fin_game" onclick="resetJeu()">Abandon</button>
+
+<div id="cookies-popup" class="popup">
+    <div id="cookies-popup-content">
+        <h2>Bonjour !</h2>
+        <p>Voulez vous des cookies?</p>
+        
+        <button id="refuse-button">non :(</button>
+        <button id="accept-button">Avec Plaisir!</button>
+    </div>
+</div>
+
+<div id="options-popup" class="popup">
+    <div id="options-popup-content">
+        <h2>Options</h2>
+        <label for="hauteur">Hauteur</label>
+        <br>
+        <input type="number" id="hauteur" value="7">
+        <br>
+        <label for="largeur">Largeur</label>
+        <br>
+        <input type="number" id="largeur" value="7">
+<br>
+        <label for="nombre_mines">Nombre de mines</label>
+        <br>
+        <input type="number" id="nombre_mines" value="10">
+        <br><br>
+	
+        <button id="save-options">Sauvegarder</button>
+        <button id="close-options">Fermer</button>
+    </div>
+</div>
+</body>
+<footer>
+    <p>© 2024 - Tous droits réservés - Le Démineur</p>
+</footer>
+</html>
--- a/demineur.js
+++ b/demineur.js
@ -0,0 +1,344 @@
+//Initialisation des variables globales
+
+let grille = []; //matrice contenant les emplacements des mines et le nombre de mines adjacentes à chaque case
+let hauteur = 7; //première dimension de grille
+let largeur = 7; //deuxième dimension de grille
+let nombre_mines = 10 ; //nombre de mines dans grille
+let premier_click = true ; //indique si la partie est déjà commencée ou non
+let arret=0; //indique si une partie est en cours ou non
+let cases_restantes = hauteur*largeur - nombre_mines ; //nombre de cases à révéler pour gagner la partie
+
+
+function gererOptions() {
+    //Lors de la sauvegarde des options, vérifie que les dimensions et le nombre de mines entrés par l'utilisateur sont acceptables, met à jour les varaibles globales appropriées et redémarre la partie
+    
+    const newHauteur = parseInt(document.getElementById('hauteur').value);
+    const newLargeur = parseInt(document.getElementById('largeur').value);
+    const newNumberMines = parseInt(document.getElementById('nombre_mines').value);
+
+    if (newHauteur > 12 || newLargeur > 12) {
+        alert("Les dimensions ne doivent pas dépasser 12x12.");
+        return;
+    }
+
+
+    const maxMines = newHauteur * newLargeur - 1;
+    if (newNumberMines < 1 || newNumberMines > maxMines) {
+        alert(`Le nombre de mines doit être entre 1 et ${maxMines}.`);
+        return;
+    }
+
+    hauteur = newHauteur;
+    largeur = newLargeur;
+    nombre_mines = newNumberMines;
+
+    document.getElementById('options-popup').classList.remove('show');
+    document.getElementById("affichage_nombre_mines").innerText = "Nombre total de mines : " + nombre_mines.toString() ;
+    resetJeu();
+}
+
+function options() {
+    //Lors d'un click sur le bouton Options, affiche le popup permettant de changer les options et active les boutons
+    document.getElementById("options-popup").classList.add("show");
+
+    document.getElementById('close-options').addEventListener('click', () => {
+        document.getElementById('options-popup').classList.remove('show');
+    });
+
+    // Ajout de l'écouteur d'événement
+    document.getElementById('save-options').addEventListener('click', gererOptions);
+}
+
+
+
+
+function entierRandom(maxi) { //renvoie un entier aléatoire entre 0 et maxi
+    return Math.floor(Math.random() * maxi);
+}
+
+
+
+function MontrerMines() { //révèle toutes les mines sur le plateau après un essai raté
+    for (let i = 0; i < hauteur; i++) {
+        for (let j = 0; j < largeur; j++) {
+            if (grille[i][j] === 9) {
+                const mineCase = document.getElementById(i + "_" + j);
+		mineCase.src = "case_9.png";
+		mineCase.alt = "Mine" ;
+                mineCase.classList.add("buttonRevealed");
+            }
+        }
+    }
+}
+
+function creerGrille(haut, larg, mine_nb, x_premier, y_premier) {
+    //(Ré)initialise la variable globale grille pour qu'elle contienne une matrice d'entiers de dimensions hautxlarg contenant mine_nb mines (représentées par des 9) avec les autres cases contenant le nombre de mines dans les cases adjacentes.
+    //La case de position (x_premier, y_premier) ne peut pas contenir de mines.
+    //Les positions des mines sont aléatoires
+    
+    grille.length = haut;
+    for (var i = 0; i < haut; i++) { //dimensionnement et mise à 0 de grille
+        grille[i] = Array(larg);
+        for (var j = 0; j < larg; j++) {
+            grille[i][j] = 0;
+        }
+    }
+
+    for (var k = 0; k < mine_nb; k++) { //placement des mines
+        let nouv_x = entierRandom(larg);
+        let nouv_y = entierRandom(haut);
+
+        while (grille[nouv_y][nouv_x] == 9 || (nouv_y == y_premier && nouv_x == x_premier)) {
+            nouv_x = entierRandom(larg);
+            nouv_y = entierRandom(haut);
+        }
+
+        grille[nouv_y][nouv_x] = 9;
+
+	//incrémentation des cases adjacentes à la mine
+        for (var m = Math.max(0, nouv_y - 1); m < Math.min(haut, nouv_y + 2); m++) {
+            for (var n = Math.max(0, nouv_x - 1); n < Math.min(larg, nouv_x + 2); n++) {
+                if (grille[m][n] != 9) {
+                    grille[m][n]++;
+                }
+            }
+        }
+    }
+}
+
+
+//Fonction pour créer un cookie.
+function setCookie(name, value, days) {
+    const expires = new Date(Date.now() + days * 864e5).toUTCString();
+    document.cookie = `${name}=${value}; expires=${expires}; path=/`;
+}
+// Fonction pour lire un cookie
+function getCookie(name) {
+    return document.cookie.split('; ').find(row => row.startsWith(name + '='))?.split('=')[1];
+}
+
+
+function sleep(ms){ //prend ms millisecondes à se résoudre
+	return new Promise(resolve => setTimeout(resolve, ms));
+}
+async function chrono(){ //incrémente de 1 la valeur Temps affichée en haut de la page toutes les 1000ms jusqu'à ce que la variable arret soit mise à 1
+    let k=document.getElementById("temps").value;
+    const myButton = document.getElementById("fin_game");
+    arret = 0 ;
+    
+    while(arret==!1) {
+	await sleep(1000);
+	if (arret==!1){
+	    document.getElementById("temps").value=document.getElementById("temps").value*1+1;
+	
+	}
+    }
+}
+
+// Définir le constructeur Joueur
+function Joueur(prenom, nom) {
+    this.prenom = prenom;
+    this.nom = nom;
+}
+
+// Ajouter une méthode au prototype de Joueur pour afficher les informations
+Joueur.prototype.afficherInfo = function() {
+    return `Joueur: ${this.prenom} ${this.nom}`;
+};
+
+// Vérifier si le cookie est présent
+const cookieAccepted = getCookie('cookiesAccepted');
+
+if (cookieAccepted) {
+    // Demander le prénom et le nom du joueur
+    const prenom = prompt("Veuillez entrer votre prénom:");
+    const nom = prompt("Veuillez entrer votre nom:");
+
+    // Créer une instance de Joueur
+    const joueur = new Joueur(prenom, nom);
+
+    // Afficher les informations du joueur à droite de la div du jeu
+    document.addEventListener("DOMContentLoaded", function() {
+        const infoDiv = document.createElement("div");
+        infoDiv.id = "joueur-info";
+        infoDiv.innerText = joueur.afficherInfo();
+        infoDiv.style.position = "absolute";
+        infoDiv.style.right = "10px";
+        infoDiv.style.top = "10px";
+        document.body.appendChild(infoDiv);
+    });
+}
+
+
+ 
+function cookie(){ //crée le popup qui questionne l'utilisateur sur son choix de cookie
+    
+	const popup = document.getElementById('cookies-popup');
+	const close_popup_button = document.getElementById('accept-button');
+	const keep_popup_button = document.getElementById('refuse-button');
+	// Fonction pour afficher la pop-up
+	popup.classList.add('show');
+
+	keep_popup_button.addEventListener('click', () => {
+		keep_popup_button.style.display = 'none';
+	});
+	
+	// Fonction pour fermer la pop-up
+	close_popup_button.addEventListener('click', () => {
+		setCookie('cookiesAccepted', 'true', 1); // Stocke l'acceptation pendant 1 jour
+		popup.classList.remove('show');
+	});
+	
+}
+
+
+
+function selectImage(idCase) { //détermine l'image à affecter à la case d'id idCase et effectue les opérations annexes à la révélation de la case
+    
+    //détermine la position dans grille correspondant à la case d'id idCase  
+    const coords = idCase.split("_") ;
+    const y = parseInt(coords[0]) ;
+    const x = parseInt(coords[1]) ;
+
+    //si la partie n'était pas encore commencée, initialise grille avec les positions des mines et les nombres dans les autres cases et démarre le chrono
+    if (premier_click) {
+	creerGrille(hauteur,largeur,nombre_mines,x,y) ;
+	premier_click = false ;
+	chrono() ;
+    }
+
+
+    //si la case révélée n'est adjacente à aucune mine, révèle également les cases adjacentes 
+    if (grille[y][x] == 0) {
+	for (var m = Math.max(0, y - 1); m < Math.min(hauteur, y + 2); m++) {
+            for (var n = Math.max(0, x - 1); n < Math.min(largeur, x + 2); n++) {
+		const currentCase = document.getElementById(m.toString() + "_" + n.toString()) ;
+                if (!(currentCase.classList.contains("buttonRevealed"))) {
+                    changeImage(currentCase) ;
+                }
+            }
+        }
+    }
+
+    //renvoie le numéro contenu dans grille à la position de la case 
+    return(grille[y][x].toString());
+}
+
+
+function changeImage(caseCible) {
+    //Change l'image d'une case caseCible et appelle selectImage sur l'id de cette case.
+    //Si la case révélée était une mine, arrête la partie, affiche toutes les mines et un message de perte
+    //Si c'est la dernière case ne contenant pas de mine, arrete la partie et affiche un message de victoire
+    
+    if (!(caseCible.classList.contains("buttonFlagged"))) {
+	
+	caseCible.classList.add("buttonRevealed") ;
+	const nombreCase = selectImage(caseCible.id) ;
+	caseCible.src= "case_" + nombreCase + ".png" ;
+
+	if (nombreCase == "9") { //test de perte
+
+	    caseCible.alt = "Mine" ;
+	    if (arret == 0) {
+		arret = 1;
+		const time = document.getElementById("temps").value;
+		alert(`Vous avez perdu ! Temps passé : ${time} secondes.`);
+		MontrerMines();
+	    }
+	} else { //sinon, test de victoire
+	    
+	    caseCible.alt = nombreCase ;
+
+	    cases_restantes = cases_restantes - 1 ;
+
+	    if (cases_restantes == 0 && arret == 0) {
+		arret = 1 ;
+		const time = document.getElementById("temps").value;
+		alert(`Félicitations ! Vous avez gagné ! Temps passé : ${time} secondes.`);
+	    }
+	}
+    }   
+}
+
+
+
+function changeImageClick(mouseEvent) { //Lors d'un évènement click sur la case ciblée par mouseEvent, si elle n'est pas déjà révélée, la révèle
+    if (!(mouseEvent.target.classList.contains("buttonRevealed"))) {
+	changeImage(mouseEvent.target) ;
+    }
+}
+
+
+function changeImageFlag(rightClick) {
+    //Lors d'un évènement click droit rightClick sur une case, change l'image de la cible de rightClick pour y mettre un drapeau et change ses classes pour empêhcer de la révéler avec un clic gauche.
+    //Si la case a déjà un drapeau, l'opération inverse est effectuée.
+    
+    rightClick.preventDefault() ;
+    if (rightClick.target.classList.contains("buttonRevealed")) {
+	return 0 ;
+    } else if (rightClick.target.classList.contains("buttonFlagged")) {
+	rightClick.target.src="case_vide.png" ;
+	rightClick.target.alt = "Case" ;
+	rightClick.target.classList.remove("buttonFlagged") ;
+    } else {
+	rightClick.target.src="case_flag.png" ;
+	rightClick.target.alt = "Flag" ;
+	rightClick.target.classList.add("buttonFlagged") ;
+    }
+}
+
+
+function resetJeu() { //supprime la grille actuelle, arrête la partie, recrée une grille et remet les variables globales appropriées à leurs valeurs initiales
+    
+    const divJeu = document.getElementById("jeu") ;
+    divJeu.removeChild(divJeu.children[0]) ;
+    grilleButtons(hauteur, largeur) ;
+    cases_restantes = hauteur*largeur - nombre_mines ;
+    arret = 1 ;
+    premier_click = true ;	
+    document.getElementById("temps").value=0;   
+   
+}
+
+
+function grilleButtons(haut, larg) {
+
+    //crée dans la div jeu une div grille de type grid et de dimensions haut par larg
+    //et y ajoute les images représentant les cases du jeu de démineur en les liants aux fonctions adéquates
+    
+    const divJeu = document.getElementById("jeu") ;
+    var divGrille = document.createElement("DIV") ;
+    divGrille.id = "grille";
+    divGrille.style.display = "grid";
+    let taille = "50px " ;
+    let taille_cols = taille.repeat(larg) ;
+    let taille_rows = taille.repeat(haut) ;
+    divGrille.style.gridTemplateColumns = taille_cols ;
+    divGrille.style.gridTemplateRows = taille_rows ;
+    divJeu.appendChild(divGrille) ;
+
+    for (var i=0;i<haut;i++) { //ajout des cases
+	for (var j=0;j<larg;j++){
+	    
+	    var nouvCase = document.createElement("IMG") ;
+	    nouvCase.style.gridRow=(i+1).toString() ;
+	    nouvCase.style.gridColumn = (j+1).toString() ;
+	    nouvCase.classList.add("button_case") ;
+	    nouvCase.id = i.toString() + "_" + j.toString() ;
+	    nouvCase.src="case_vide.png" ;
+	    nouvCase.alt = "Case";
+	    nouvCase.addEventListener("click", changeImageClick);
+	    nouvCase.addEventListener("contextmenu", changeImageFlag);
+	    divGrille.appendChild(nouvCase) ;
+	    
+	}
+    }        
+}
+
+
+if (!cookieAccepted){
+	cookie();
+}
+
+//Première initialisation de la grille au démarrage de la page avec les valeurs par défaut
+grilleButtons(hauteur,largeur) ;
--- a/help.css
+++ b/help.css
@ -0,0 +1,73 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background: linear-gradient(135deg, #007BFF, #00C6FF); 
+    color: #007BFF; 
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 180vh;
+    text-align: center;
+    /*overflow:hidden;*/
+}
+
+
+.container {
+    text-align: center;
+    max-width: 650px;
+    padding: 20px;
+    background: #ffffff;
+    border-radius: 12px;
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
+}
+
+
+header .logo {
+    width: 100px;
+    margin-bottom: 20px;
+}
+
+header h1 {
+    font-size: 2rem;
+    color: #007BFF;
+    margin-bottom: 10px;
+}
+
+
+.welcome-image {
+    width: 80%;
+    max-width: 70px;
+    margin: 20px auto;
+    display: block;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+
+
+button {
+    padding: 15px 30px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #ffffff;
+    background-color: #007BFF;
+    border: none;
+    border-radius: 8px;
+    text-transform: uppercase;
+    cursor: pointer;
+    /*transition: background-color 0.3s, transform 0.2s;*/
+    
+}
+
+button:hover {
+    background-color: #d3e017; 
+    transform: scale(1.1);
+} 
+
+
+footer {
+    margin-top: 20px;
+    font-size: 14px;
+    color: #888;
+}
--- a/help.html
+++ b/help.html
@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    
+    <title>Démineur - Help</title>
+    <link rel="stylesheet" href="help.css">
+</head>
+<body>
+    
+       
+    <div class="container">
+        <header>
+            <img src="logo.png" alt="Logo du Démineur" class="logo">
+            <h1>Comment jouer au démineur ?</h1>
+        </header>
+        <main>
+            <p>Pour gagner, vous devrez révéler toutes les cases ne contenant pas de mine.</p>
+            <img src="case_9.png" alt="Image de bienvenue" class="welcome-image">
+	    <p>Vous pouvez révéler une case encore cachée simplement en faisant un clic gauche dessus avec votre curseur.</p>
+            <img src="case_vide.png" alt="Image de bienvenue" class="welcome-image">
+	    <p>Si vous pensez qu'une case contient une mine, faites un clic droit dessus pour y placer un drapeau. Vous ne pourrea ainsi plus la révéler par erreur.</p>
+            <img src="case_flag.png" alt="Image de bienvenue" class="welcome-image">
+	    <p>Le nombre de mines contenues dans la grille et le temps que vous avez passé dans la partie en cours sont affichés en haut de l'écran.</p> <br/>
+	    <p>Cliquez sur le bouton "Options" pour ajuster la difficulté du jeu en modifiant les dimensions de la grille et le nombre de mines</p> <br/>
+	    <p>Voilà, vous savez tout ! Cliquez sur le bouton ci-dessous pour vous lancer :</p>
+            <button id="play-button">RETOUR AU JEU</button>
+        </main>
+        <footer>
+            <p>&copy; 2024 Démineur. Tous droits réservés.</p>
+        </footer>
+    </div>
+
+    
+    <script type="text/javascript">
+        document.getElementById('play-button').addEventListener('click', () => {
+            window.location.href = 'demineur.html';
+        });
+
+    </script>
+</body>
+</html>
--- a/logo.png
+++ b/logo.png
--- a/main.css
+++ b/main.css
@ -0,0 +1,73 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background: linear-gradient(135deg, #007BFF, #00C6FF); 
+    color: #007BFF; 
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    text-align: center;
+    /*overflow:hidden;*/
+}
+
+
+.container {
+    text-align: center;
+    max-width: 650px;
+    padding: 20px;
+    background: #ffffff;
+    border-radius: 12px;
+    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
+}
+
+
+header .logo {
+    width: 100px;
+    margin-bottom: 20px;
+}
+
+header h1 {
+    font-size: 2rem;
+    color: #007BFF;
+    margin-bottom: 10px;
+}
+
+
+.welcome-image {
+    width: 80%;
+    max-width: 70px;
+    margin: 20px auto;
+    display: block;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+
+
+button {
+    padding: 15px 30px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #ffffff;
+    background-color: #007BFF;
+    border: none;
+    border-radius: 8px;
+    text-transform: uppercase;
+    cursor: pointer;
+    /*transition: background-color 0.3s, transform 0.2s;*/
+    
+}
+
+button:hover {
+    background-color: #d3e017; 
+    transform: scale(1.1);
+} 
+
+
+footer {
+    margin-top: 20px;
+    font-size: 14px;
+    color: #888;
+}
--- a/main.html
+++ b/main.html
@ -1 +1,35 @@
-<html></html>
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    
+    <title>Démineur - Accueil</title>
+    <link rel="stylesheet" href="main.css">
+</head>
+<body>
+    
+       
+    <div class="container">
+        <header>
+            <img src="logo.png" alt="Logo du Démineur" class="logo">
+            <h1>Bienvenue dans le Monde du Démineur !</h1>
+        </header>
+        <main>
+            <p>Préparez-vous à une expérience de jeu inoubliable ! Cliquez sur le bouton ci-dessous pour commencer votre aventure.</p>
+            <img src="smile.png" alt="Image de bienvenue" class="welcome-image">
+            <button id="play-button">JOUER</button>
+        </main>
+        <footer>
+            <p>&copy; 2024 Démineur. Tous droits réservés.</p>
+        </footer>
+    </div>
+
+    
+    <script type="text/javascript">
+        document.getElementById('play-button').addEventListener('click', () => {
+            window.location.href = 'demineur.html';
+        });
+
+    </script>
+</body>
+</html>
--- a/smile.png
+++ b/smile.png
--- a/style.css
+++ b/style.css
@ -0,0 +1,142 @@
+#nav_demineur{
+	width: 100%;
+	background-color: #2bd7d484;
+	border-width: 2px;
+	border-style: double;
+	height: 25px;
+	display: flex;
+    justify-content:flex-start;
+}
+
+#nav_demineur .item_nav {
+    margin-top: 3px;
+    padding-right: 10px;
+}
+
+#nav_demineur a {
+    color: #000000; /* Couleur du texte */
+    text-decoration: none; /* Supprime le soulignement */
+    padding: 5px 10px;
+    border-radius: 5px;
+    transition: background-color 0.7s, color 0.3s;
+}
+
+
+#nav_demineur a:hover {
+    background-color: #0039b33b; /* Couleur de fond au survol */
+    color: #fff; /* Couleur du texte au survol */
+}
+#body_demineur{
+	background-color: #007BFF;
+	
+	margin: 0;
+	
+}
+
+#jeu{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-width: 2px;
+    border-style: double;
+    width: 50%;
+    max-width: 600px;
+    background-color: #fff;
+    border-radius: 10px;
+    box-shadow: 13px 12px 20px 18px rgba(0, 0, 0, 0.2);
+    padding: 20px;
+    margin: 50px auto auto ;
+
+}
+#grille {
+    display: grid;
+    gap: 1px; /* Ajout d'un écart entre les cases pour une meilleure visibilité */
+}
+.button_case{
+    width : 50px;
+    height : 50px;
+    border : 0px;
+
+}
+
+
+.item_nav{
+	margin-top: 3px;
+	padding-right: 10px;
+}
+
+#fin_game {
+    background-color: #00c4ff;
+    color: #fff;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    margin: 20px auto;
+    display: block;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transition: background-color 0.3s, box-shadow 0.3s;
+}
+
+#fin_game:hover {
+    background-color: #0056b3;
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+}
+.popup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0.3s, opacity 0.3s;
+}
+
+.popup.show{
+    visibility: visible;
+    opacity: 1;
+}
+
+
+#cookies-popup-content {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 10px;
+    text-align: center;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    max-width: 400px;
+    width: 100%;
+}
+#options-popup-content {
+    background-color: #fff;
+    padding: 30px;
+    border-radius: 10px;
+    text-align: center;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    max-width: 400px;
+    width: 100%;
+}
+#accept-button, #refuse-button, #save-options, #close-options {
+    background-color: #007BFF;
+    color: #fff;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+#close-popup:hover {
+    background-color: #0056b3;
+}
+
+#refuse-button:hover,#accept-button:hover, #save-options:hover, #close-options:hover  {
+    background-color: #1ecfee;
+    
+}
+
Autor	SHA1	Wiadomość	Data
bocquel	458ae16df6	suppression TODO.txt	2025-01-13 13:47:22 +01:00
bezza@insa-toulouse.fr	1d3e298555	ajout demande de prenom et nom du joueur	2025-01-06 17:07:33 +01:00
Bocquel Raphael	e9e91c7265	réactivation du scroll dans main et help	2025-01-03 16:06:28 +01:00
Bocquel Raphael	3fde38a86d	enlevé le fichier png-efcj	2025-01-03 15:54:25 +01:00
Bocquel Raphael	3626a45cc3	page help écrite	2025-01-03 15:45:42 +01:00
Bocquel Raphael	2dd7af4445	boutons changés en images	2025-01-03 12:13:39 +01:00
bezza@insa-toulouse.fr	d42e1724e8	correction texte options	2025-01-02 16:08:53 +01:00
bezza@insa-toulouse.fr	3696b49bd2	correction texte main	2025-01-02 16:06:25 +01:00
bezza@insa-toulouse.fr	6b93d33533	suppression d'une ligne inutile	2025-01-02 15:34:12 +01:00
Bocquel Raphael	473b165e85	cleanup et doc	2025-01-02 14:34:48 +01:00
bezza@insa-toulouse.fr	0a86cf4de1	ajout temps au message de fin	2025-01-01 19:40:46 +01:00
bezza@insa-toulouse.fr	6c694d3684	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS commit	2025-01-01 19:17:45 +01:00
bezza@insa-toulouse.fr	e23fe94921	finalisation style	2025-01-01 19:17:38 +01:00
Bocquel Raphael	2240489424	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2025-01-01 19:07:14 +01:00
Bocquel Raphael	4b0469eb7a	suppression images redondantes	2025-01-01 19:05:26 +01:00
Bocquel Raphael	582d134ec3	mini modif main	2025-01-01 19:03:53 +01:00
Bocquel Raphael	1a122689f4	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2025-01-01 19:02:51 +01:00
Baccari Nour	3deff4ab6d	main final et ses images	2025-01-01 18:59:10 +01:00
Bocquel Raphael	c9c607013a	norm	2025-01-01 18:55:33 +01:00
Baccari Nour	4463b578a9	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS resolution des conflits entre les deux branches ig	2025-01-01 18:49:38 +01:00
bezza@insa-toulouse.fr	0f3635b3aa	finalisation de l'option	2025-01-01 18:43:21 +01:00
Bocquel Raphael	27ecac97bd	debut normalisation	2025-01-01 18:24:32 +01:00
Bocquel Raphael	f61c888f5c	bugfixing	2025-01-01 17:39:20 +01:00
Bocquel Raphael	5b0994cabb	changement reset	2025-01-01 17:11:00 +01:00
Bocquel Raphael	3486f90658	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2025-01-01 17:08:45 +01:00
Bocquel Raphael	99b1fa016a	changement condition victoire	2025-01-01 17:08:29 +01:00
bezza@insa-toulouse.fr	5870054bd9	ajout de options et resolution conflit	2025-01-01 16:29:22 +01:00
bezza@insa-toulouse.fr	77faaf3013	ajout de la popup options	2025-01-01 16:25:00 +01:00
Bocquel Raphael	db33d3337b	reset fonctionnel	2025-01-01 15:35:37 +01:00
Bocquel Raphael	775462025f	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2025-01-01 15:12:31 +01:00
Bocquel Raphael	a8d76ec28b	ajout reset	2025-01-01 15:12:19 +01:00
bezza@insa-toulouse.fr	ddf438485a	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS pull	2025-01-01 15:05:24 +01:00
bezza@insa-toulouse.fr	8e63460a0e	ajout perte de l'user	2025-01-01 15:05:17 +01:00
Bocquel Raphael	bf51bb0f0b	chrono lié aux cases	2025-01-01 14:54:26 +01:00
Bocquel Raphael	0342d7e75c	ajout debut safe et revelation auto	2025-01-01 14:28:36 +01:00
bezza@insa-toulouse.fr	49ee2078cf	correction du jeu	2024-12-31 20:17:27 +01:00
Bocquel Raphael	00f46ac2f7	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2024-12-31 17:43:22 +01:00
Bocquel Raphael	a317d01247	fin base demineur	2024-12-31 17:37:58 +01:00
bezza@insa-toulouse.fr	81d1e561e1	ajout des confettis en cas de victoire (script externe)	2024-12-25 16:08:14 +01:00
bezza@insa-toulouse.fr	8b895ee383	finalisation popup cookie	2024-12-25 15:24:46 +01:00
Bocquel Raphael	091919c612	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2024-12-23 15:50:03 +01:00
Bocquel Raphael	d06610ca58	grille marche mieux	2024-12-23 15:47:19 +01:00
Baccari Nour	55170c4a52	main	2024-12-10 16:46:39 +01:00
Bezza Younes	d322df708e	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS ajout cookie et popup cookie	2024-12-10 16:05:58 +01:00
Bezza Younes	c44eba1d4b	ajout pop up cookie plus cookie de stckage	2024-12-10 15:58:59 +01:00
Bocquel Raphael	2a2cf84cf3	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2024-12-10 15:20:30 +01:00
Bocquel Raphael	6ad941f603	grille fonctionne basiquement	2024-12-10 15:08:10 +01:00
Baccari Nour	1729986553	creation main	2024-12-10 14:25:02 +01:00
Baccari Nour	7017e3e673	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS rien	2024-12-10 14:16:53 +01:00
Bezza Younes	0b5cc81150	correction timer , enlever barre vertical	2024-12-05 21:35:50 +01:00
Bezza Younes	9276325c2c	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS ajout timer	2024-12-05 20:27:58 +01:00
Bezza Younes	66296c36ac	timer ajouté	2024-12-05 20:20:52 +01:00
Bocquel Raphael	c1749f127d	Ajout d'images	2024-11-29 08:59:08 +01:00
Bezza Younes	666e1d8467	modif de la nav bar	2024-11-29 08:55:38 +01:00
Bocquel Raphael	01b2cba80d	Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS	2024-11-21 11:42:08 +01:00
Bezza Younes	73ab258f91	j'ai supp l'autre fichier js	2024-11-21 11:40:23 +01:00
Bocquel Raphael	9789029b81	vrai début du code	2024-11-21 11:38:54 +01:00
Baccari Nour	99139f619d	base du main html	2024-11-21 11:36:25 +01:00
Bocquel Raphael	d92ce80554	Debut du code 11:34:48 up 2:01, 1 user, load average: 0,14, 0,35, 0,38 UTIL. TTY DE LOGIN@ IDLE JCPU PCPU QUOI bocquel tty7 :0 09:33 2:01m 1:14 0.65s mate-session	2024-11-21 11:33:35 +01:00
Bezza Younes	7a9934c32e	base de la page demineur html	2024-11-21 11:27:16 +01:00
Raphael Bocquel	7de7916f16	Merge pull request 'creation des fichiers' (#1 ) from bezza/Projet_JS:main into main Reviewed-on: bocquel/Projet_JS#1	2024-11-21 10:54:22 +01:00