This commit is contained in:
Bocquel Raphael 2025-01-01 19:07:14 +01:00
commit 2240489424
5 changed files with 1063 additions and 7 deletions

BIN
logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View file

@ -10,11 +10,10 @@ body {
align-items: center; align-items: center;
height: 100vh; height: 100vh;
text-align: center; text-align: center;
overflow:hidden;
} }
.container { .container {
text-align: center; text-align: center;
max-width: 600px; max-width: 600px;
@ -39,7 +38,7 @@ header h1 {
.welcome-image { .welcome-image {
width: 80%; width: 80%;
max-width: 400px; max-width: 70px;
margin: 20px auto; margin: 20px auto;
display: block; display: block;
border-radius: 8px; border-radius: 8px;
@ -47,6 +46,7 @@ header h1 {
} }
button { button {
padding: 15px 30px; padding: 15px 30px;
font-size: 18px; font-size: 18px;
@ -55,11 +55,16 @@ button {
background-color: #007BFF; background-color: #007BFF;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
text-transform: uppercase;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s, transform 0.2s; /*transition: background-color 0.3s, transform 0.2s;*/
}
transform: scale(1.05);
} }
button:hover {
background-color: #d3e017;
transform: scale(1.1);
}
footer { footer {

View file

@ -7,6 +7,9 @@
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
</head> </head>
<body> <body>
<div class="emoji-background"></div>
<div class="container"> <div class="container">
<header> <header>
<img src="logo.png" alt="Logo du Démineur" class="logo"> <img src="logo.png" alt="Logo du Démineur" class="logo">
@ -14,7 +17,7 @@
</header> </header>
<main> <main>
<p>Préparez-vous à une expérience de jeu inoubliable! Cliquez sur le bouton ci-dessous pour commencer votre aventure.</p> <p>Préparez-vous à une expérience de jeu inoubliable! Cliquez sur le bouton ci-dessous pour commencer votre aventure.</p>
<img src="welcome-image.png" alt="Image de bienvenue" class="welcome-image"> <img src="smile.png" alt="Image de bienvenue" class="welcome-image">
<button id="play-button">JOUER</button> <button id="play-button">JOUER</button>
</main> </main>
<footer> <footer>
@ -22,10 +25,12 @@
</footer> </footer>
</div> </div>
<script> <script>
document.getElementById('play-button').addEventListener('click', () => { document.getElementById('play-button').addEventListener('click', () => {
window.location.href = 'demineur.html'; window.location.href = 'demineur.html';
}); });
</script> </script>
</body> </body>
</html> </html>

1046
png-efjci.html Normal file

File diff suppressed because it is too large Load diff

BIN
smile.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB