58 lines
1.8 KiB
HTML
58 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Gomoku!</title>
|
|
<meta name="gameId" content="" />
|
|
<meta name="playerId" content="" />
|
|
<meta name="displayName" content="" />
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.6/dist/htmx.min.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/htmx-ext-ws@2.0.2"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div id="ws-container" hx-ext="ws">
|
|
<div id="player-profile-box" class="player-profile-box">
|
|
<span id="display-name"></span>
|
|
<img
|
|
id="edit-display-name-icon"
|
|
src="/icons/edit.svg"
|
|
alt="Edit Display Name"
|
|
class="icon edit-icon"
|
|
/>
|
|
<div id="display-name-edit-controls" style="display: none">
|
|
<input
|
|
type="text"
|
|
id="display-name-input"
|
|
maxlength="20"
|
|
placeholder="Enter display name"
|
|
/>
|
|
<button id="save-display-name-ws-button" ws-send="click">Save</button>
|
|
<button id="cancel-display-name-button">Cancel</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="game-container">
|
|
<div class="status-bar">
|
|
<div id="title-box"></div>
|
|
</div>
|
|
<div id="game-board"></div>
|
|
<div id="button-box"></div>
|
|
</div>
|
|
|
|
<script src="scripts/display-ws-connection.js"></script>
|
|
<script src="scripts/send-ws-messages.js"></script>
|
|
<script src="scripts/profile-editor.js"></script>
|
|
<script src="scripts/copy-game-link.js"></script>
|
|
<script src="scripts/handle-redirects.js"></script>
|
|
</div>
|
|
</body>
|
|
</html>
|