59 lines
1.3 KiB
HTML
59 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>just the frax!</title>
|
|
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
|
|
<style>
|
|
:root {
|
|
--accent: #459991;
|
|
--accent-hover: #65e5d9;
|
|
}
|
|
|
|
form {
|
|
display: flex;
|
|
}
|
|
|
|
form div {
|
|
margin: 5px;
|
|
}
|
|
</style>
|
|
<script type="module">
|
|
const params = new URLSearchParams(window.location.search);
|
|
const token = params.get('token');
|
|
const tokenInput = document.getElementById('token');
|
|
tokenInput.value = token;
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>just the frax!</h1>
|
|
<p>A game of truth and lies.</p>
|
|
</header>
|
|
|
|
<main>
|
|
<h3>Join a Team</h3>
|
|
<form action="/player">
|
|
<input type="hidden" name="token" id="token"/>
|
|
|
|
<div>
|
|
<label for="name">Your Name</label>
|
|
<input type="text" name="name"/>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="team">Your Team</label>
|
|
<select name="team">
|
|
<option>Seattle</option>
|
|
<option>SFBA</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="go"> </label>
|
|
<button id="go">Go!</button>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
</body>
|
|
</html>
|