-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (126 loc) · 9.66 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
!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
<script src="js/main.js"></script>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Orbitron" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
<div id="settings">
<div id="settings_menu" class="closing">
<div id="login_controls" class="controls">
<button id="login_btn">Login</button>
</div>
<div id="logout_controls" class="controls" style="display: none;">
<button id="logout_btn">Logout</button>
</div>
</div>
<div id="settings_cog"></div>
</div>
<div id="content">
<div id="board">
<div id="columns">
<div class="column" column="B">
<div class="letter tile" letter="B">B</div>
<div class="number tile" number="1">1</div>
<div class="number tile" number="2">2</div>
<div class="number tile" number="3">3</div>
<div class="number tile" number="4">4</div>
<div class="number tile" number="5">5</div>
<div class="number tile" number="6">6</div>
<div class="number tile" number="7">7</div>
<div class="number tile" number="8">8</div>
<div class="number tile" number="9">9</div>
<div class="number tile" number="10">10</div>
<div class="number tile" number="11">11</div>
<div class="number tile" number="12">12</div>
<div class="number tile" number="13">13</div>
<div class="number tile" number="14">14</div>
<div class="number tile" number="15">15</div>
</div>
<div class="column" column="I">
<div class="letter tile" letter="I">I</div>
<div class="number tile" number="16">16</div>
<div class="number tile" number="17">17</div>
<div class="number tile" number="18">18</div>
<div class="number tile" number="19">19</div>
<div class="number tile" number="20">20</div>
<div class="number tile" number="21">21</div>
<div class="number tile" number="22">22</div>
<div class="number tile" number="23">23</div>
<div class="number tile" number="24">24</div>
<div class="number tile" number="25">25</div>
<div class="number tile" number="26">26</div>
<div class="number tile" number="27">27</div>
<div class="number tile" number="28">28</div>
<div class="number tile" number="29">29</div>
<div class="number tile" number="30">30</div>
</div>
<div class="column" column="N">
<div class="letter tile" letter="N">N</div>
<div class="number tile" number="31">31</div>
<div class="number tile" number="32">32</div>
<div class="number tile" number="33">33</div>
<div class="number tile" number="34">34</div>
<div class="number tile" number="35">35</div>
<div class="number tile" number="36">36</div>
<div class="number tile" number="37">37</div>
<div class="number tile" number="38">38</div>
<div class="number tile" number="39">39</div>
<div class="number tile" number="40">40</div>
<div class="number tile" number="41">41</div>
<div class="number tile" number="42">42</div>
<div class="number tile" number="43">43</div>
<div class="number tile" number="44">44</div>
<div class="number tile" number="45">45</div>
</div>
<div class="column" column="G">
<div class="letter tile" letter="G">G</div>
<div class="number tile" number="46">46</div>
<div class="number tile" number="47">47</div>
<div class="number tile" number="48">48</div>
<div class="number tile" number="49">49</div>
<div class="number tile" number="50">50</div>
<div class="number tile" number="51">51</div>
<div class="number tile" number="52">52</div>
<div class="number tile" number="53">53</div>
<div class="number tile" number="54">54</div>
<div class="number tile" number="55">55</div>
<div class="number tile" number="56">56</div>
<div class="number tile" number="57">57</div>
<div class="number tile" number="58">58</div>
<div class="number tile" number="59">59</div>
<div class="number tile" number="60">60</div>
</div>
<div class="column" column="O">
<div class="letter tile" letter="O">O</div>
<div class="number tile" number="61">61</div>
<div class="number tile" number="62">62</div>
<div class="number tile" number="63">63</div>
<div class="number tile" number="64">64</div>
<div class="number tile" number="65">65</div>
<div class="number tile" number="66">66</div>
<div class="number tile" number="67">67</div>
<div class="number tile" number="68">68</div>
<div class="number tile" number="69">69</div>
<div class="number tile" number="70">70</div>
<div class="number tile" number="71">71</div>
<div class="number tile" number="72">72</div>
<div class="number tile" number="73">73</div>
<div class="number tile" number="74">74</div>
<div class="number tile" number="75">75</div>
</div>
</div>
<div id="footer">
<span id="advanced_controls" style="display: none;">
<button id="undo_btn" class="arrow_button"></button>
<button id="redo_btn" class="arrow_button"></button>
<button id="reset_btn">Reset</button>
</span>
<div id="last_entry">---</div>
</div>
</div>
</div>
</body>
</html>