Chess/index.html at dev · grrtt49/Chess · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>

<head>
  	<meta charset="utf-8">
  	<meta name="viewport" content="width=device-width">
  	<title>Chess</title>
  	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<h2>Chess</h2>
	<div id='options_container'>
		<div class='option-container'>
			Game Mode:
			<select id='game-option'>
				<option value='standard'>Standard</option>
				<option value='custom'>Custom Starting Position</option>
			</select>
		</div>

		<div id='start-fen' class='option-container' hidden>
			<input id='start-fen-input' type='text' placeholder='Enter FEN'>
		</div>

		<div class='option-container'>
			Time control:
			<select id='time-option'>
				<option value='unlimited'>Unlimited</option>
				<option value='real-time'>Real Time</option>
			</select>
		</div>

		<div class="slidecontainer" hidden>
		  <p>Minutes per side: <span id="minuteValue">10</span></p>
		  <input type="range" min="1" max="180" value="10" class="slider" id="minuteRange">
		</div>
		<div class="slidecontainer" hidden>
		  <p>Increment seconds: <span id="incrementValue">10</span></p>
		  <input type="range" min="0" max="60" value="10" class="slider" id="incrementRange">
		</div>

		<div id='fen-options'></div>
		<div class='start-btn' onclick='startGame()'>Start</div>
	</div>


	<div id='chess-container' hidden>
	  	<div id='board'></div>
		<div id='pawn-promotion'></div>
		<div id='timer-container' hidden>
			<div id='black-timer' class='timer'></div>
			<div id='white-timer' class='timer'></div>
		</div>
		<div id='pieces-captured'>
			<div id='w-pieces-captured' class='pieces-captured no-select'></div>
			<div id='b-pieces-captured' class='pieces-captured no-select'></div>
		</div>
		<div id='share-fen' hidden>a</div>
		<div id='move-container'></div>
	</div>

	<audio src="audio/chess_move.wav"></audio>


	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
	<script src="jquery.ui.touch-punch.min.js"></script>
	<script src="audioControl.js"></script>
	<script src="chessPieces.js"></script>
	<script src="moveTranslator.js"></script>
	<script src="chessBoard.js"></script>
	<script src="chessTimer.js"></script>
	<script src="chessTimerManager.js"></script>
  	<script src="script.js"></script>
</body>

</html>