forked from JoshM2/7-Simul
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
183 lines (183 loc) · 6.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>7 Simul</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<h1><u>7 Simul Memo Trainer</u></h1>
pin order: <span id=pinOrder>dl R DR \ UL L ur</span> <button id="change">change</button>
<div id="pairs">
select which moves to memo:
<input type="checkbox" value="dl" id="dl" checked="checked">
<label for="dl">dl</label>
<input type="checkbox" value="R" id="R" checked="checked">
<label for="R">R</label>
<input type="checkbox" value="DR" id="DR">
<label for="DR">DR</label>
<input type="checkbox" value="\" id="\" checked="checked">
<label for="\">\</label>
<input type="checkbox" value="UL" id="UL">
<label for="UL">UL</label>
<input type="checkbox" value="L" id="L">
<label for="L">L</label>
<input type="checkbox" value="ur" id="ur">
<label for="ur">ur</label></div>
</div>
<button onclick="checkMemo()">check memo</button>
<div id="udselect"></div>
<input id="mobileInput" placeholder="Enter memo here"></input>
<h1 id="memo">memo:</h1>
<div id="underScramble">
<h2 id="scramble"><span id="scramblebox">press s or click here to scramble</span></h2>
<br><button id="enterscramble">enter scramble</button>
<p id="info"><b>info:</b><br><span id="bigText">To use, enter your memo as if you were to start execution with the white dials facing you. This means that if you are using the order shown in Tommy and Caleb's videos, you must do an x2 and start memo on the black dials.</span><br>memo 1-12 as A-L<br><b>controls:</b><br>space or click on clock: x2 or click<br>s or click on scramble: scramble<br><button onclick="checkMemo()">enter or click here: check memo</button><br><br></p>
<button onclick="toggleVisibility()">more settings</button>
<div id="hiddenSettings">
<b>memo input type:</b>
<input type="radio" value="letters" id="letters" name="memoType" checked="checked">
<label for="letters">Letters (A-L for 1-12)</label>
<input type="radio" value="ryan" id="ryan" name="memoType">
<label for="ryan">Ryan's method (0-6 and A-E for 12-7 (A is -1))</label>
<input type="radio" value="numbers" id="numbers" name="memoType">
<label for="numbers">Numbers (0-6 and -1 to -5 for 11-7)</label><br>
<input type="radio" value="tommy" id="tommy" name="memoType">
<label for="tommy">Tommy (1-6 is A-F and -5 to -1 is G-K, 0 is O)</label><br>
<i>if you want the option for just numbers 1-12 lmk, but for now I won't add it because since 11 and 12 are two digits I'd have to rework how the memo is entered</i><br>
<input type="checkbox" value="executionTrainer" id="executionTrainer">
<label for="executionTrainer"><b>execution trainer mode:</b> when checked the memo will be automatically given so you can practice execution.</label><br><br>
</div>
</div>
<div id="clock">
<div class="circle ul"></div>
<div class="circle u"></div>
<div class="circle ur"></div>
<div class="circle l"></div>
<div class="circle c"></div>
<div class="circle r"></div>
<div class="circle dl"></div>
<div class="circle d"></div>
<div class="circle dr"></div>
<div class="dial ul"></div>
<div class="dial u center"></div>
<div class="dial ur"></div>
<div class="dial l center"></div>
<div class="dial c center"></div>
<div class="dial r center"></div>
<div class="dial dl"></div>
<div class="dial d center"></div>
<div class="dial dr"></div>
<div class="one ul"></div>
<div class="two ul"></div>
<div class="three ul"></div>
<div class="four ul"></div>
<div class="five ul"></div>
<div class="six ul"></div>
<div class="seven ul"></div>
<div class="eight ul"></div>
<div class="nine ul"></div>
<div class="ten ul"></div>
<div class="eleven ul"></div>
<div class="twelve ul"></div>
<div class="one u"></div>
<div class="two u"></div>
<div class="three u"></div>
<div class="four u"></div>
<div class="five u"></div>
<div class="six u"></div>
<div class="seven u"></div>
<div class="eight u"></div>
<div class="nine u"></div>
<div class="ten u"></div>
<div class="eleven u"></div>
<div class="twelve u"></div>
<div class="one ur"></div>
<div class="two ur"></div>
<div class="three ur"></div>
<div class="four ur"></div>
<div class="five ur"></div>
<div class="six ur"></div>
<div class="seven ur"></div>
<div class="eight ur"></div>
<div class="nine ur"></div>
<div class="ten ur"></div>
<div class="eleven ur"></div>
<div class="twelve ur"></div>
<div class="one l"></div>
<div class="two l"></div>
<div class="three l"></div>
<div class="four l"></div>
<div class="five l"></div>
<div class="six l"></div>
<div class="seven l"></div>
<div class="eight l"></div>
<div class="nine l"></div>
<div class="ten l"></div>
<div class="eleven l"></div>
<div class="twelve l"></div>
<div class="one c"></div>
<div class="two c"></div>
<div class="three c"></div>
<div class="four c"></div>
<div class="five c"></div>
<div class="six c"></div>
<div class="seven c"></div>
<div class="eight c"></div>
<div class="nine c"></div>
<div class="ten c"></div>
<div class="eleven c"></div>
<div class="twelve c"></div>
<div class="one r"></div>
<div class="two r"></div>
<div class="three r"></div>
<div class="four r"></div>
<div class="five r"></div>
<div class="six r"></div>
<div class="seven r"></div>
<div class="eight r"></div>
<div class="nine r"></div>
<div class="ten r"></div>
<div class="eleven r"></div>
<div class="twelve r"></div>
<div class="one dl"></div>
<div class="two dl"></div>
<div class="three dl"></div>
<div class="four dl"></div>
<div class="five dl"></div>
<div class="six dl"></div>
<div class="seven dl"></div>
<div class="eight dl"></div>
<div class="nine dl"></div>
<div class="ten dl"></div>
<div class="eleven dl"></div>
<div class="twelve dl"></div>
<div class="one d"></div>
<div class="two d"></div>
<div class="three d"></div>
<div class="four d"></div>
<div class="five d"></div>
<div class="six d"></div>
<div class="seven d"></div>
<div class="eight d"></div>
<div class="nine d"></div>
<div class="ten d"></div>
<div class="eleven d"></div>
<div class="twelve d"></div>
<div class="one dr"></div>
<div class="two dr"></div>
<div class="three dr"></div>
<div class="four dr"></div>
<div class="five dr"></div>
<div class="six dr"></div>
<div class="seven dr"></div>
<div class="eight dr"></div>
<div class="nine dr"></div>
<div class="ten dr"></div>
<div class="eleven dr"></div>
<div class="twelve dr"></div>
</div>
<script src="script.js"></script>
</body>
</html>