Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS
This commit is contained in:
commit
2240489424
5 changed files with 1063 additions and 7 deletions
BIN
logo.png
Normal file
BIN
logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
15
main.css
15
main.css
|
@ -10,11 +10,10 @@ body {
|
|||
align-items: center;
|
||||
height: 100vh;
|
||||
text-align: center;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
max-width: 600px;
|
||||
|
@ -39,7 +38,7 @@ header h1 {
|
|||
|
||||
.welcome-image {
|
||||
width: 80%;
|
||||
max-width: 400px;
|
||||
max-width: 70px;
|
||||
margin: 20px auto;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
|
@ -47,6 +46,7 @@ header h1 {
|
|||
}
|
||||
|
||||
|
||||
|
||||
button {
|
||||
padding: 15px 30px;
|
||||
font-size: 18px;
|
||||
|
@ -55,10 +55,15 @@ button {
|
|||
background-color: #007BFF;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
text-transform: uppercase;
|
||||
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);
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -7,6 +7,9 @@
|
|||
<link rel="stylesheet" href="main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="emoji-background"></div>
|
||||
|
||||
<div class="container">
|
||||
<header>
|
||||
<img src="logo.png" alt="Logo du Démineur" class="logo">
|
||||
|
@ -14,7 +17,7 @@
|
|||
</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="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>
|
||||
</main>
|
||||
<footer>
|
||||
|
@ -22,10 +25,12 @@
|
|||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.getElementById('play-button').addEventListener('click', () => {
|
||||
window.location.href = 'demineur.html';
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
1046
png-efjci.html
Normal file
1046
png-efjci.html
Normal file
File diff suppressed because it is too large
Load diff
BIN
smile.png
Normal file
BIN
smile.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.3 KiB |
Loading…
Reference in a new issue