-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
82 lines (82 loc) · 3.64 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
<!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>
<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>
<h1 id="timer"></h1>
<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>s: scramble<br>space: x2<br>enter: check memo</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><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>
<input type="checkbox" value="timerButton" id="timerButton">
<label for="timerButton"><b>timer:</b> when checked your memo will be timed.</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="twelve ul"></div>
<div class="twelve u"></div>
<div class="twelve ur"></div>
<div class="twelve l"></div>
<div class="twelve c"></div>
<div class="twelve r"></div>
<div class="twelve dl"></div>
<div class="twelve d"></div>
<div class="twelve dr"></div>
</div>
<script src="script.js"></script>
</body>
</html>