GrandTabernacleAutoVI/public_html/index.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">&#9776;</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>