sepia/gomoku
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Add name editing. Add icons for all buttons.

Browse source
This commit is contained in:
sepia 2025-07-23 16:50:35 -05:00
parent 02d777c364
commit bc45f3a604
13 changed files with 253 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

43
index.html
View file

@ -17,15 +17,40 @@
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="game-container" hx-ext="ws">
<div id="title-box"></div>
<div id="game-board"></div>
<div id="button-box"></div>
</div>
<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>
<script src="scripts/display-ws-connection.js"></script>
<script src="scripts/send-ws-messages.js"></script>
<script src="scripts/copy-game-link.js"></script>
<script src="scripts/handle-redirects.js"></script>
<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>