-
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
124 lines (116 loc) · 5.73 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
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="styles/main.css?v8">
<link rel="stylesheet" type="text/css" href="styles/selection.css?v8">
<link rel="stylesheet" type="text/css" href="styles/timer.css?v8">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="description" content="A timer-like tool to learn and practice zbll algorithms. You can specify ZBLL cases & catigories to practice, recap forgotten ZBLLs, create presets to practise and learn. More info on the speedsolving thread" />
<meta name="keywords" content="zbll, zbll trainer, zbll algorithms, cubing, speedcubing, oll, pll" />
<meta name="author" content="Roman Strakhov">
<link rel="manifest" href="manifest.json?v1">
<link rel="shortcut icon" href="images/favicon.ico" />
<title>
ZBLL trainer — best site ever
</title>
</head>
<body class="niceBody" id="bodyid" onresize="adjustInfo()" onload="onBodyLoaded()">
<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">times (<a onclick="confirmClear();">clear</a>, <a onclick="displayStatsBox();">stats</a>):</div>
<div id="times"></div>
<div id="resultinfo">
<div id='resultInfoHeader' class="resultInfoHeader">case info will be displayed there</div>
<div id='resultInfoContainer'></div>
<div id='resultPicContainer' onclick='onFlat3DviewToggle()' title='Click to toggle flat/3D view'></div>
</div>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<a class='smallBtn' onclick="adjustSize('timer', -8);">⊖</a> timer <a class='smallBtn' onclick="adjustSize('timer', 8);">⊕</a> |
<a class='smallBtn' onclick="adjustSize('scramble', -5);">⊖</a> scramble <a class='smallBtn' onclick="adjustSize('scramble', 5);">⊕</a> |
colors (<a onclick='resetStyle(0)'>light</a>, <a onclick='resetStyle(1)'>dark</a>)
<a class='smallBtn' onclick='toggleColorSettings()'>⚙</a>
<span id='colorSettings'>background <input type='text' value='#f5f5f5' class='settinginput' id='bgcolor_in' onchange="applystyle();" placeholder='#f5f5f5' maxlength='12' size='7'/>
, text <input type='text' value='black' class='settinginput' id='textcolor_in' onchange="applystyle();" placeholder='#000' maxlength='12' size='7'/>
, links <input type='text' value='#004411' class='settinginput' id='linkscolor_in' onchange="applystyle();" placeholder='#004411' maxlength='12' size='7'/></span>
<br>
zbll algorithms: <a href="https://drive.google.com/file/d/0B2g-oMdOeacZNTAwMjBkMDUtOTU5NC00MjBkLWFhNDEtMmNhODUxOTU2Njc2/view" target="_blank">click</a>
♣
<a href="https://github.com/Roman-/zbll-trainer.git" target="_blank">GitHub repository</a>
♣
by <a href="https://bestsiteever.ru/me/" target="_blank">Roman Strakhov</a> with ❤
</td>
</tr>
</table>
</div>
<div class="selection_layout">
<div id="cases_selection">
</div>
<div id="panel_right">
<div id="select_info">
<button class="abutton" id="dbutton" title="Practice selected cases randomly" onclick='changeMode(1)'>Done</button>
<button class="abutton thinner" title="Recap each selected case once" onclick='changeMode(2)'>Recap</button>
<ul>
<li>Click on the picture to select / deselect all cases in the group</li>
<li>Click on the item header to expand / collapse the group</li>
<li>Green color means all cases in the group are selected; yellow - some cases are selected; white - no cases selected</li>
<li>When you're ready, click Done</li>
</ul>
<br>
Any questions, ideas, bug reports: please post <a href='https://www.speedsolving.com/forum/threads/zbll-trainer.63572/' target="_blank">here</a> <br>
GitHub repository: <a href="https://github.com/Roman-/zbll-trainer.git" target="_blank">click</a> <br>
Offline version: <a href='https://github.com/Roman-/zbll-trainer/archive/master.zip'>zip</a> <br>
</div>
<div id="presets">
<hr>
<input type='text' id='presetName' placeholder='Preset name' maxlength='20' size='15' value='New preset'/> <a onclick='addNewPreset()'>save</a>
<div class="prs-l" id="prslist">
</div>
</div>
</div>
<div id="zbllWindow">
<div id="zwHeader">
<div id="zwHeaderMessage">
</div>
</div>
<div id="zwPics">
</div>
<div id="zwFooter">
<div class="zwButton" id="allZwButton"> all </div>
<div class="zwButton" id="noneZwButton"> none </div>
<div class="zwButton" id="closeZwButton" onclick="closeZW();"> done </div>
</div>
</div> <!-- zbllWindow -->
</div> <!-- selection layout -->
<div id="zbllWindowBack" onclick='closeZW();'></div>
</body>
</html>
<script src="scripts/casesmap.js?v18"></script>
<script src="scripts/saveload.js?v18"></script>
<script src="scripts/vccache.js?v18"></script>
<script src="scripts/glob.js?v18"></script>
<script src="scripts/presets.js?v18b"></script>
<script src="scripts/practice.js?v18"></script>
<script src="scripts/timer.js?v18b"></script>
<script src="scripts/selection.js?v18"></script>
<script src="https://bestsiteever.ru/support/stats.js"></script>
<script>
changeMode(0);
</script>