This repository has been archived by the owner on Jun 2, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (71 loc) · 3.77 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
<!doctype html>
<html>
<head>
<title>Game of 25</title>
<link rel="stylesheet" href="css/25.css" type="text/css">
</head>
<body>
<header>
<img id="pixie-logo" src="img/logotype.png" alt="Pixie Coder AB">
<h1 id="title">Game of 25</h1>
</header>
<main>
<div id="about-area">
<input id="rules-section" type="checkbox" class="expandable-state">
<label for="rules-section">
<h2 class="expandable-header fancy-checkbox">Rules</h2>
<div class="expandable-body">
<ul id="rules-list">
<li>Drag a piece of the puzzle, and drop it where you want it.</li>
<li>A piece can only be dropped on its on x- or y-axis</li>
<li>Complete the game in as few moves as possible</li>
</ul>
</div>
</label>
</div>
<!-- This is a good place to place checkbox state variables -->
<input id="trainer-state" class="hidden-state" type="checkbox" checked/>
<div id="game-area">
<div id="game-board">
<div id="n00" class="game-tile"><div class="game-tile-inner">1</div></div>
<div id="n01" class="game-tile"><div class="game-tile-inner">2</div></div>
<div id="n02" class="game-tile"><div class="game-tile-inner">3</div></div>
<div id="n03" class="game-tile"><div class="game-tile-inner">4</div></div>
<div id="n04" class="game-tile"><div class="game-tile-inner">5</div></div>
<div id="n05" class="game-tile"><div class="game-tile-inner">6</div></div>
<div id="n06" class="game-tile"><div class="game-tile-inner">7</div></div>
<div id="n07" class="game-tile"><div class="game-tile-inner">8</div></div>
<div id="n08" class="game-tile"><div class="game-tile-inner">9</div></div>
<div id="n09" class="game-tile"><div class="game-tile-inner">10</div></div>
<div id="n10" class="game-tile"><div class="game-tile-inner">11</div></div>
<div id="n11" class="game-tile"><div class="game-tile-inner">12</div></div>
<div id="n12" class="game-tile"><div class="game-tile-inner">13</div></div>
<div id="n13" class="game-tile"><div class="game-tile-inner">14</div></div>
<div id="n14" class="game-tile"><div class="game-tile-inner">15</div></div>
<div id="n15" class="game-tile"><div class="game-tile-inner">16</div></div>
<div id="n16" class="game-tile"><div class="game-tile-inner">17</div></div>
<div id="n17" class="game-tile"><div class="game-tile-inner">18</div></div>
<div id="n18" class="game-tile"><div class="game-tile-inner">19</div></div>
<div id="n19" class="game-tile"><div class="game-tile-inner">20</div></div>
<div id="n20" class="game-tile"><div class="game-tile-inner">21</div></div>
<div id="n21" class="game-tile"><div class="game-tile-inner">22</div></div>
<div id="n22" class="game-tile"><div class="game-tile-inner">23</div></div>
<div id="n23" class="game-tile"><div class="game-tile-inner">24</div></div>
<div id="n24" class="game-tile"><div class="game-tile-inner">25</div></div>
</div>
</div>
<label id="for-trainer-state" for="trainer-state" class="fancy-checkbox">Using the trainers</label><br/>
<div id="score-area">
<h2>Score: <span id="score">0</span></h2>
</div>
<div id="control-area">
<button id="start-button">Start playing</button>
</div>
</main>
<footer>
<img id="lazy-coder" src="img/lazy-coding.png" alt="The Lazy Pixie is coding">
This silly game brought to you by <a href="http://pixiecoder.com">Pixie Coder</a>
</footer>
<script data-main='js/main' src='js/vendor/require.js'></script>
</body>
</html>