-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhelp.html
80 lines (73 loc) · 2.84 KB
/
help.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Color Slide</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta name="Micah Wood" content="Color Slide">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<h1 id="title" class="text-center">Color Slide</h1>
<div style="position:relative; min-width: 500px">
<a href="index.html">
<img src="goback.png" style="position: fixed; right:0; top:0" />
</a>
</div>
<div class="info">
<h3 class="text-center">CONTROLS</h3>
<hr>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5">
<h4 class="text-center">Slide</h4>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-4 text-center">↑ : W</div>
<div class="col-md-4 text-center">↓ : S</div>
</div>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-4 text-center">←: A</div>
<div class="col-md-4 text-center">→: D</div>
</div>
</div>
<div class="col-md-5">
<h4 class="text-center">Rotate</h4>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-4 text-center">↺: Q</div>
<div class="col-md-4 text-center">↻: E</div>
</div>
</div>
</div>
<hr>
<div class="text-center">
New game: Enter or Space
</div>
</div>
<div class="info">
<h3 class="text-center">HOW TO PLAY</h3>
<hr>
<div>
<p>
Color Slide contains the grid of red and blue lighted squares. The objective is to move and reach the goal pattern.
</p>
<p>
They can be shifted left, right, up, or down. The shift move causes the pattern of lights to shift one step in that direction. Any lights on the furthest edge that would fall off the grid will reappear on the opposite edge of the grid.
</p>
<p>
The grid can also be rotated in clockwise or counterclockwise. The rotation move cycles the 8 outer lights.
</p>
</div>
</div>
<div class="info">
<h3 class="text-center">
<a herf="https://github.com/mxw7265/Color-Slide/">Fork me!</a>
</h3>
</div>
</body>
</html>