-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate.html
136 lines (130 loc) · 5.07 KB
/
template.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
<!DOCTYPE html>
<html>
<head>
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="./vvh.js"></script>
<style>
@import url('https://fonts.googleapis.com/css?family=Pacifico');
h1 {
font-family: 'Pacifico';
}
h2 {
font-family: 'Pacifico';
}
button {
font-family: 'Pacifico';
font-size: 48px;
}
</style>
</head>
<body>
<!-- <div class="container">
<div class="row justify-content-md-center">
<div class="col-md-auto">
</br>
<h1>Ten to Zero</h1></br>
</div>
</div>
<div class="row justify-content-md-center">
<div class="col-md-auto">
<h1 id="board"> </h1></br>
<button class="btn1 btn btn-default">take one</button>
<button class="btn2 btn btn-default">take two</button>
<button class="restart btn btn-default">Restart</button></br></br>
<h2 id="value"> </h2>
</div>
<div class="col col-md-auto">
<div id="move-value-history">
<h3>Move-value History</h3>
<div id="history-graph-container">
<div id="history-graph"><canvas id="history-graph-canvas" width="250" height="40"></canvas>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="header">
<a href="../">
<img src="images/gamescrafters-logo.png" alt="GamesCrafters">
<h1>GamesmanWeb</h1>
</a>
</div>
<div id="container">
<!-- game commands -->
<div class="nav">
<ul>
<li><a href="">Change Options</a></li>
<!-- <li><a href="javascript:location.reload();">Reset <%= gameclass %></a></li> -->
<!--<li><a href="#">Rules</a></li>
<li><a href="#">Load Puzzle</a></li>
<li><a href="#">Save Puzzle</a></li>
<li><a href="#">Game Selection</a></li>-->
</ul>
<h2>Display Options</h2>
<ul id="options">
<li><label><insput type="checkbox" id="option-move-values">Move-Values</label></li>
<!-- <% if (puzzle) { %> -->
<li><label><input type="checkbox" id="option-move-value-history">Value History</label></li>
<!-- <li><label><input type="checkbox" id="option-predictions">Predictions</label></li> -->
<!--<li><label><input type="checkbox" id="option-move-remoteness">Move Remoteness</label></li>-->
<!-- <% } %> -->
</ul>
</div>
<div id="main">
<h1 id="gameheader">TEMPLATE</h1>
<div id="game">
</div>
<!-- <div id="turn" <%= (puzzle ? " style=\"display: none\"" : "") %> ></div> -->
</div>
<!-- sidebar -->
<div id="moves" class="aside">
<div id="move-value-key">
<h1>Move-value Key</h1>
<table>
<tr>
<td><img src="images/win.png" alt="Green"></td><td><img src="images/tie.png" alt="Yellow"></td><td><img src="images/lose.png" alt="Red"></td>
</tr>
<tr>
<td>winning move</td><td>cause a tie</td><td>losing move</td>
</tr>
</table>
</div>
<!-- <div id="prediction">
<h1>Prediction</h1>
<span><%= gameclass %> not started</span>
</div> -->
<div id="move-value-history">
<h1>Move-value History</h1>
<div class="col col-md-auto">
<div id="move-value-history">
<h3>Move-value History</h3>
<div id="history-graph-container">
<div id="history-graph"><canvas id="history-graph-canvas" width="250" height="40"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- site footer -->
<div class="footer">
<ul>
<li>© <a href="http://gamescrafters.berkeley.edu" rel="external">GamesCrafters</a> and UC Regents</li>
</ul>
</div>
</body>
</html>