71 lines
1.9 KiB
HTML
71 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
|
|
user-scalable=0"
|
|
/>
|
|
<meta name="theme-color" content="#b7455e" />
|
|
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
|
|
|
<title>decla.red</title>
|
|
</head>
|
|
|
|
<body>
|
|
<noscript>Javascript is required for this website.</noscript>
|
|
|
|
<canvas></canvas>
|
|
<div id="overlay"></div>
|
|
|
|
<section id="landing-ui">
|
|
<h1>decla.<span class="red">red</span></h1>
|
|
<form id="join-game-form">
|
|
<fieldset class="content">
|
|
<legend>Join a game</legend>
|
|
|
|
<div class="name-group">
|
|
<input
|
|
required
|
|
minlength="1"
|
|
maxlength="20"
|
|
placeholder=" "
|
|
id="playerName"
|
|
name="playerName"
|
|
type="text"
|
|
/>
|
|
<label for="playerName">Choose a name</label>
|
|
</div>
|
|
|
|
<div id="server-container"></div>
|
|
<button id="join-game" type="submit">Join</button>
|
|
</fieldset>
|
|
</form>
|
|
</section>
|
|
|
|
<img id="open-settings" class="icon" alt="open-settings" src="static/settings.svg" />
|
|
|
|
<section id="settings">
|
|
<h2>Settings</h2>
|
|
<input id="enable-relative-movement" checked type="checkbox" />
|
|
<label for="enable-relative-movement">Enable relative movement</label>
|
|
<button id="close-settings">Back</button>
|
|
</section>
|
|
|
|
<img
|
|
class="full-screen-controllers icon"
|
|
id="minimize"
|
|
alt="minimize-application"
|
|
src="static/minimize.svg"
|
|
/>
|
|
<img
|
|
class="full-screen-controllers icon"
|
|
id="maximize"
|
|
alt="maximize-application"
|
|
src="static/maximize.svg"
|
|
/>
|
|
</body>
|
|
</html>
|