This repository has been archived by the owner on Apr 6, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
189 lines (186 loc) · 7.85 KB
/
index.html
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html>
<head>
<title>Multidimensional Fairy Chess Engine</title>
<link rel="stylesheet" type="text/css" href="fontawesome/css/all.css" />
<link rel="stylesheet" type="text/css" href="index.css" />
<script src="jquery-3.5.1.min.js"></script>
<script src="jsFiles/options.js"></script>
<script src="jsFiles/creation.js"></script>
<script src="jsFiles/createScreen.js"></script>
<script src="jsFiles/chessEngine.js"></script>
<script src="index.js"></script>
</head>
<body>
<h1 id="title">Multidimensional Fairy Chess Engine <button id="home" onclick="chessEngine.home();"><i class="fa fa-home"></i> Home</button></h1>
<!--<i class="fa fa-home"></i>-->
<div class="mainMenu border">
<h2 id="headerText">Main Menu</h2>
<buttons>
<button id="play">Play existing variant</button>
<button id="create" onclick="chessEngine.create();">Create new variant</button>
<button id="options" onclick="chessEngine.options();">Options</button>
</buttons>
</div>
<div class="optionsMenu border">
<h2 id="headerText">Options</h2>
<p id="text">Nothing here yet...</p>
<!-- <button id="home" onclick="chessEngine.home();">
<i class="fa fa-home"></i> Main Menu -->
</button>
</div>
<div class="createScreen border">
<div class="step1" step=true>
<h2 id="headerText">Preparation: Naming</h2>
<label>Variant name: <input type="text" tag="name" /></label>
<br />
<label>
Description: <br />
<textarea rows="4" cols="50"></textarea>
</label>
<br />
<div id="errorText"></div>
<button class="resetStep" onclick="chessEngine._create.step1reset();">Reset step</button>
<button class="nextStep" onclick="chessEngine._create.step1();">Next step</button>
</div>
<div class="step2" step=true>
<h2 id="headerText">Preparation: The Basics</h2>
<p id="text">Select grid type:</p>
<form>
<input
type="radio"
id="square"
name="gridType"
value="square"
checked="true"
/>
<label for="square">Square Grid</label>
<input
type="radio"
id="triangle"
name="gridType"
value="triangle"
/>
<label for="square">Triangular Grid</label>
<input
type="radio"
id="hexagon"
name="gridType"
value="hexagon"
/>
<label for="square">Hexagonal Grid</label>
<input
type="radio"
id="rhombus"
name="gridType"
value="rhombus"
/>
<label for="square">Rhombus Grid</label>
</form>
<p id="note">
<b>NOTE:</b> Square grid is the only option for boards other
than 2 dimensions.
</p>
<br />
<p id="text">Select all that apply:</p>
<form>
<input
type="checkbox"
id="shogilike"
name="shogilike"
value="shogilike"
/>
<label for="shogilike"
>Contains Shogi-like Mechanics (i.e. drops)</label
>
<br />
<input
type="checkbox"
id="multimove"
name="multimove"
value="multimove"
/>
<label for="multimove"
>Contains Multimove or non-regular turn order</label
>
<br />
<input
type="checkbox"
id="multiplayer"
name="multiplayer"
value="multiplayer"
/>
<label for="multiplayer"
>Has more than 2 players or only 1 player</label
>
<br />
<input
type="checkbox"
id="customboard"
name="customboard"
value="customboard"
/>
<label for="customboard"
>Has a custom board shape (including multi-dimensional
boards)</label
>
<br />
<input
type="checkbox"
id="custompieces"
name="custompieces"
value="custompieces"
onchange="if (step2checks[0]) { step2checks[0] = false; $('input#towerpieces').prop('disabled', true); } else { step2checks[0] = true; $('input#towerpieces').prop('disabled', false); }"
/>
<label for="custompieces"
>Has fairy pieces (or changes to existing pieces)</label
>
<br />
<input
class="secondaryOption"
type="checkbox"
id="towerpieces"
name="towerpieces"
value="towerpieces"
disabled="true"
/>
<label for="towerpieces"
>Has towers (pieces that are inanimate or have to be
moved by another piece)</label
>
<br />
<input
type="checkbox"
id="weirdrules"
name="weirdrules"
value="weirdrules"
onchange="if (step2checks[1]) { step2checks[1] = false; $('input#spectatorrules').prop('disabled', true); } else { step2checks[1] = true; $('input#spectatorrules').prop('disabled', false); }"
/>
<label for="weirdrules"
>Has special custom rules (i.e. en passant or
castling)</label
>
<br />
<input
class="secondaryOption"
type="checkbox"
id="spectatorrules"
name="spectatorrules"
value="spectatorrules"
disabled="true"
/>
<label for="spectatorrules"
>Has rules that allow spectator interaction</label
>
</form>
<buttons>
<button class="previousStep" onclick="chessEngine._create.step2back();">Previous step</button>
<button class="resetStep" onclick="chessEngine._create.step2reset();">Reset step</button>
<button class="nextStep">Next step</button>
</buttons>
</div>
<div class="playerStep"> <!--step=true-->
</div>
</div>
</body>
</html>