CubeSolver/index.html at main · 0ArchLinux0/CubeSolver · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>Solve Cube!</title>
		<meta name="description" content="Rubix Cube Simulator" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="css/style.css" />
	</head>

	<body>
		<canvas class="canvas" id="canvas"></canvas>
		<div class="noselect" style="padding-top: 13px;">
            <div class="description" style="font-size: 0.75rem; color: #c42857;">This animation shows solution using Beginners's method</div>
			<div class="description">
                Choose between performance <span class="changeModeButton" id="highQuality">"HIGH"</span> and
				<span class="changeModeButton" id="lowQuality">"LOW"</span>
			</div>
            <div class="description">
                Color between <span class="changeColorButton" id="blackCube">"BLACK"</span> and
				<span class="changeColorButton" id="whiteCube">"WHITE"</span>
            </div>
			<div id="shuffle-and-solve">
				<div class="row">
					<button id="shuffle">Shuffle!</button>
					<button id="solve">Solve!</button>
				</div>
				<div class="row">
					<button id="resetCam">Reset Camera</button>
				</div>
			</div>
		</div>
		<script src="https://unpkg.com/mathjs@8.0.1/lib/browser/math.js"></script>
		<script type="module" src="./js/RubixCube.js"></script>
	</body>
</html>