58 lines
No EOL
1.8 KiB
HTML
58 lines
No EOL
1.8 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>
|
|
<nav>
|
|
<label for="toggle" class="lab">☰</label>
|
|
<input type="checkbox" id="toggle">
|
|
<div class="menu">
|
|
<img id="logo" src="./assets/logo.png" alt="background">
|
|
<a href="index.html">Accueil</a>
|
|
<a href="commands.html">Commandes</a>
|
|
<a href="about.html">À Propos</a>
|
|
</div>
|
|
</nav>
|
|
</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" onclick="moveFocus()"></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
|
|
})
|
|
|
|
function moveFocus(){
|
|
setTimeout(function () {
|
|
document.getElementById('form_input').focus();
|
|
}, 200)
|
|
}
|
|
</script> |