summaryrefslogtreecommitdiff
path: root/board.html
diff options
context:
space:
mode:
authorAargh Rai <aargh.rai+git@gmail.com>2026-07-05 23:55:45 +0530
committerAargh Rai <aargh.rai+git@gmail.com>2026-07-05 23:55:45 +0530
commit1876294f217d7faa2a07dbaaaab82d142ce42803 (patch)
treed67ba4b240f25042063c06ce99370e3be34457ff /board.html
parentf17df9538b1c3f58f12b738083b747ac332b8d71 (diff)
all in on uci
the old server.c & log.c is gonna be removed soon
Diffstat (limited to 'board.html')
-rw-r--r--board.html99
1 files changed, 0 insertions, 99 deletions
diff --git a/board.html b/board.html
deleted file mode 100644
index d7ae9da..0000000
--- a/board.html
+++ /dev/null
@@ -1,99 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Board</title>
- <style>
- :root {
- --square-side-length: 6rem;
- --dark-color: #779556;
- --light-color: #ebecd0;
- --selected-color: #f37f6b;
- --background-color: #0f0f0f;
- --text-color: #fefefe;
- }
- body {
- display: flex;
- flex-direction: column;
- align-items: center;
- background-color: var(--background-color);
- color: var(--text-color);
- }
- #board {
- display: grid;
- grid-template-columns: repeat(9, 1fr);
- grid-template-rows: repeat(9, 1fr);
- }
- .dark {
- background-color: var(--dark-color);
- }
- .light {
- background-color: var(--light-color);
- }
- .selected {
- background-color: var(--selected-color);
- }
- .rendering_marker {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- }
- .possible_move {
- background-color: #0f0f0f55;
- }
- .square {
- width: var(--square-side-length);
- height: var(--square-side-length);
- background-size: cover;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .label {
- width: var(--square-side-length);
- height: var(--square-side-length);
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- .horizontal_label {
- width: var(--square-side-length);
- height: var(--square-side-length);
- display: flex;
- justify-content: center;
- }
- #mouse {
- position: absolute;
- width: var(--square-side-length);
- height: var(--square-side-length);
- transform: translate(-50%, -50%);
- transition: 0.1s ease out;
- pointer-events: none;
- background-size: cover;
- }
- button {
- border: none;
- padding-left: 1rem;
- padding-right: 1rem;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- margin-bottom: 2rem;
- cursor: pointer;
- }
- button:hover {
- opacity: 0.9;
- }
- </style>
- <script src="./assets/board.js"></script>
-</head>
-<body>
- <button onclick="connectSocket()">Reconnect</button>
- <div id="board">
- </div>
- <div id="output">
- </div>
- <div id="mouse">
- </div>
-</body>
-</html>