mirror of
https://github.com/AlecM33/Werewolf.git
synced 2025-12-26 15:57:50 +01:00
58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Werewolf</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel = "stylesheet" type = "text/css" href = "../static/styles.css" />
|
|
<script src="../node_modules/socket.io-client/dist/socket.io.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="modal hidden" id="role-modal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h2>Role descriptions</h2>
|
|
<span id="close" class="close">×</span>
|
|
</div>
|
|
<div id="modal-body" class="modal-body">
|
|
<div id="roles"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="app-content">
|
|
<div id="create-game-container">
|
|
<h2 class="app-header-secondary">Create A Game</h2>
|
|
<label>
|
|
Name
|
|
<span>
|
|
<input id="name" type="text"/>
|
|
<p id="name-error"></p>
|
|
</span>
|
|
</label>
|
|
<label>
|
|
Time (Minutes, Optional)
|
|
<input id="time" type="number"/>
|
|
</label>
|
|
<div id="card-select-header">
|
|
<span>
|
|
<button id="reset-btn" class="app-btn">Reset Deck</button>
|
|
<button id="role-btn" class="app-btn">View Role Info</button>
|
|
</span>
|
|
<span>
|
|
<h3 id="game-size">0 Players</h3>
|
|
<p id="size-error"></p>
|
|
</span>
|
|
</div>
|
|
<div id="card-select">
|
|
|
|
</div>
|
|
<a href="/">
|
|
<button class="app-btn">Back</button>
|
|
</a>
|
|
<button id="create-btn" class="app-btn">Create</button>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/static/setup.js"></script>
|
|
</body>
|
|
</html>
|