diff --git a/TODO.txt b/TODO.txt new file mode 100644 index 0000000..1df4020 --- /dev/null +++ b/TODO.txt @@ -0,0 +1,2 @@ +younes: final chrono , pop up cookie , centrer ligne , animation pop up +raph : finir de faire marcher la grille, lier la grille à l'affichage des mines, faire la logique du jeu diff --git a/demineur.html b/demineur.html index 79c9e0d..c79f818 100644 --- a/demineur.html +++ b/demineur.html @@ -5,7 +5,9 @@ Démineur + + @@ -16,20 +18,27 @@
Help
+
Temps: -
+ + +
Mines restantes:10
+
+ +
+ diff --git a/demineur.js b/demineur.js index 3132759..3e1dbf1 100644 --- a/demineur.js +++ b/demineur.js @@ -9,6 +9,38 @@ class Case { } +function sleep(ms){ + return new Promise(resolve => setTimeout(resolve, ms)); +} +async function chrono(){ + let k=document.getElementById("temps").value; + const myButton = document.getElementById("fin_game"); + let arret=0; + myButton.addEventListener("click",() =>{arret=1;}) + + while(arret==!1) { + await sleep(1000); + if (arret==!1){ + document.getElementById("temps").value=document.getElementById("temps").value*1+1; + +} +} +} +async function reset(){ + + document.getElementById("temps").value=0; + +} + +function Cookies() { + var accept = confirm("Tu veux des cookies ?"); + if (accept === true) { + alert("Bon jeu!"); + } else { + Cookies(); + } + } +//Cookies(); let grille = []; diff --git a/main.css b/main.css new file mode 100644 index 0000000..6f8bff1 --- /dev/null +++ b/main.css @@ -0,0 +1,69 @@ + +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; +} + + + + +.container { + text-align: center; + max-width: 600px; + 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: 400px; + 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; + cursor: pointer; + transition: background-color 0.3s, transform 0.2s; +} + transform: scale(1.05); +} + + +footer { + margin-top: 20px; + font-size: 14px; + color: #888; +} diff --git a/main.html b/main.html index 6c70bcf..be55fcd 100644 --- a/main.html +++ b/main.html @@ -1 +1,31 @@ - \ No newline at end of file + + + + + + Démineur - Accueil + + + +
+
+ +

Bienvenue dans le Monde du Démineur !

+
+
+

Préparez-vous à une expérience de jeu inoubliable ! Cliquez sur le bouton ci-dessous pour commencer votre aventure.

+ Image de bienvenue + +
+ +
+ + + + diff --git a/style.css b/style.css index 110ee9e..177e711 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,6 @@ #nav_demineur{ width: 100%; - background-position:0cm; + background-color: #2bd7d484; border-width: 2px; border-style: double; @@ -18,10 +18,13 @@ } #jeu{ + display: flex; - justify-content: center; - /* border-width: 2px; - border-style: double; */ + justify-content: left; + border-width: 2px; + border-style: double; + width: 49%; + } #grille{