-
Notifications
You must be signed in to change notification settings - Fork 26
/
Copy pathindex.html
executable file
·111 lines (103 loc) · 4.09 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
<html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="styles/main.css?v2">
<link rel="stylesheet" type="text/css" href="styles/selection.css?v2">
<link rel="stylesheet" type="text/css" href="styles/timer.css?v2">
<head>
<title>
OLL trainer
</title>
</head>
<body class="niceBody" id="bodyid">
<div class="practice_layout">
<table id="mainTable">
<tr>
<td id="casesBox" colspan="2">
<a id='selectBtn' onclick='changeMode(0)'>select cases</a><span id='selInfo'></span>
</td>
</tr>
<tr>
<td id="scramble" colspan="2">
(scramble will be there)
</td>
</tr>
<tr>
<td id="timer" style="height: 100%;">
loading, please wait...
</td>
<td id="stats">
<div class="resultInfoHeader"><span id='infoHeader'></span>times (<a onclick="confirmClear();">clear</a>):</div>
<div id="times">
</div>
</td>
</tr>
<!-- case description box -->
<tr>
<td colspan="2">
<a onclick="adjustSize('timer', 8);">increase</a>/<a onclick="adjustSize('timer', -8);">decrease</a> timer size
<br><a onclick="adjustSize('scramble', 5);">increase</a>/<a onclick="adjustSize('scramble', -5);">decrease</a> scramble size
<br>
colors (<a onclick='resetStyle(0)'>light</a>, <a onclick='resetStyle(1)'>dark</a>):
background <input type='text' value='#f5f5f5' class='settinginput' id='bgcolor_in' onchange="applystyle();" placeholder='#f5f5f5' maxlength='12'/>
, text <input type='text' value='black' class='settinginput' id='textcolor_in' onchange="applystyle();" placeholder='#000' maxlength='12'/>
, links <input type='text' value='#004411' class='settinginput' id='linkscolor_in' onchange="applystyle();" placeholder='#004411' maxlength='12'/>
<br>
<span id="last_scramble">
Any questions/suggestions/bugs reports - post in <a href="https://www.speedsolving.com/forum/threads/oll-trainer.66924/" target="_blank" class="settings">this thread</a>
</span>
</td>
</tr>
</table>
</div> <!-- practice_layout -->
<!-- hint box -->
<div id="hintWindow">
<table id='box'>
<tr>
<td rowspan='4'>
<img id='boxImg'/>
</td>
<td id='boxTitle'>
</td>
</tr>
<tr>
<td id='boxalg'>
</td>
</tr>
<tr>
<td id='boxsetup'>
</td>
</tr>
</table>
</div>
<div id="hintWindowBack" onclick='hideBox();'></div>
<div class="selection_layout">
<div>
<h1>OLL Trainer</h1>
<ul>
<li>Click on the picture to select / deselect the case</li>
<li>Click on the group header select / deselect all cases in the group</li>
<li>When you're ready, click Train or Recap button on the right to start practicing</li>
<li>Any questions/suggestions/bugs reports - please post in <a target="_blank" href='https://www.speedsolving.com/forum/threads/oll-trainer.66924/'>this thread</a></li>
<li>GitHub repo: <a href='https://github.com/Roman-/oll_trainer'>click</a>, download offline version: <a href='https://github.com/Roman-/oll_trainer/archive/master.zip'>zip</a></li>
</ul>
</div>
<div id="cases_selection">
</div>
<div class="btns-right">
<a class='abutton' id='doneButton' onclick='changeMode(1)' title='Train selected cases randomly'>Train</a> <br>
<a class='abutton' id='recapButton' onclick='changeMode(2)'title='Go through all the selected cases once'>Recap</a>
</div>
</div> <!-- selection layout -->
</body>
</html>
<script src="scripts/algsinfo.js?v6"></script>
<script src="scripts/algsmap.js?v6"></script>
<script src="scripts/saveload.js?v6"></script>
<script src="scripts/selection.js?v6"></script>
<script src="scripts/timer.js?v6"></script>
<script src="scripts/practice.js?v6"></script>
<script>
changeMode(0);
</script>
<script>
</script>