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

Get the client to a point where it at least renders the board

Browse source
This commit is contained in:
sepia 2025-07-15 18:07:48 -05:00
parent 3be0c40b64
commit e8e982c3d6
15 changed files with 1364 additions and 366 deletions
Download patch file Download diff file Expand all files Collapse all files

72
index.html Normal file
View file

@ -0,0 +1,72 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gomoku Game</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
margin: 0;
background-color: #f0f0f0;
}
#game-container {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
#game-board {
margin-top: 20px;
display: grid;
border: 1px solid black;
}
.board-cell {
width: 30px;
height: 30px;
border: 1px solid #ccc;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.board-cell:hover {
background-color: #e0e0e0;
}
.board-cell > div {
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #333;
}
.last-move {
box-shadow: 0 0 5px 3px rgba(255, 255, 0, 0.7); /* Yellow glow */
}
#messages {
margin-top: 10px;
font-size: 0.9em;
color: #555;
}
#player-info {
margin-top: 10px;
font-weight: bold;
}
</style>
</head>
<body>
<div id="game-container">
<h1>Gomoku</h1>
<div id="player-info"></div>
<div id="game-board"></div>
<div id="messages"></div>
</div>
<script type="module" src="./dist/bundle.js"></script>
</body>
</html>