-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (39 loc) · 1.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.8, user-scalable=no">
<title>The gem puzzle</title>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href="assets/bundle.css" rel="stylesheet"></head>
<body>
<div class="annotation">
<h1>The gem puzzle</h1>
<p>Created by <a href="https://github.com/epodivilov">Podivilov Evgeniy</a></p><br>
<p>Source on <a href="https://github.com/epodivilov/gem-puzzle/tree/master">GitHub</a></p>
</div>
<div class="topbar">
<div>STEPS <span id="currentsteps"></span></div>
<button id="reset">RESET</button>
</div>
<div id="playfield">
<div class="back" style="top: 0px; left: 0px;"></div>
<div class="back" style="top: 105px; left: 0px;"></div>
<div class="back" style="top: 210px; left: 0px;"></div>
<div class="back" style="top: 315px; left: 0px;"></div>
<div class="back" style="top: 0px; left: 105px;"></div>
<div class="back" style="top: 105px; left: 105px;"></div>
<div class="back" style="top: 210px; left: 105px;"></div>
<div class="back" style="top: 315px; left: 105px;"></div>
<div class="back" style="top: 0px; left: 210px;"></div>
<div class="back" style="top: 105px; left: 210px;"></div>
<div class="back" style="top: 210px; left: 210px;"></div>
<div class="back" style="top: 315px; left: 210px;"></div>
<div class="back" style="top: 0px; left: 315px;"></div>
<div class="back" style="top: 105px; left: 315px;"></div>
<div class="back" style="top: 210px; left: 315px;"></div>
<div class="back" style="top: 315px; left: 315px;"></div>
<div id="gameover"><p>Game over</p></div>
</div>
<script type="text/javascript" src="assets/bundle.js"></script></body>
</html>