43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="./css/style.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" href="./assets/logo.ico" type="image/x-icon">
|
|
</head>
|
|
|
|
<body id="background-image">
|
|
<header>
|
|
<img id="logo" src="./assets/logo.png" alt="background">
|
|
</header>
|
|
<main>
|
|
<h1>Grand Tabernacle Auto</h1>
|
|
<div class="container">
|
|
<h2> Deviens le plus grand tabernacleur du monde !</h2>
|
|
<input type="checkbox" id="checkbox">
|
|
<div id="formcontainer">
|
|
<form id="form" action="game.html">
|
|
<input id="form_input" placeholder="Pseudo" type="text" pattern="[A-Za-z0-9]{1,20}" required>
|
|
<label id="form_buttonLabel" for="checkbox">
|
|
<button id="form_button" type="submit">Go!</button>
|
|
</label>
|
|
<label id="form_toggle" for="checkbox" data-title="Jouer"></label>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<p>© 2023 - Grand Tabernacle Auto</p>
|
|
</footer>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
<script>
|
|
pseudo = document.getElementById('form_input')
|
|
window.addEventListener('keyup', (event) => {
|
|
document.cookie = "pseudo=" + pseudo.value
|
|
})
|
|
</script>
|