-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathPuzzle.xhtml
79 lines (72 loc) · 2.44 KB
/
Puzzle.xhtml
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
<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>N-Puzzle Problem</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="Puzzle.css" title = "PuzzleStyle" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet" />
</head>
<body>
<div id="header-wrapper">
<div id="header" class="container">
<div id="logo">
<h1><a href="#">N-Puzzle Problem</a></h1>
</div>
<div id="menu">
<form>
<ul>
<li><a title="">Animation Speed</a>
<br /><select id="speed">
<option value="1">x1</option>
<option value="0.5">x0.5</option>
<option value="2">x2</option>
<option value="3">x3</option>
</select>
</li>
<li><a title="">Mistake</a>
<br /><input id="mistake" type="text" value="0" size="4"/>
</li>
<li><a title="">Moves</a>
<br /><input id="moves" type="text" value="25" size="4"/>
</li>
<li><a title="">Size</a>
<br /><input id="size" type="text" value="4" size="4"/>
</li>
</ul>
</form>
</div>
</div>
<div id="banner" class="container">
<div class="title">
<h2>Animation</h2>
</div>
<form>
<ul class="actions">
<li><a href="#canvas" class="button button-alt" id="solution">Fix</a></li>
<li><a href="#" class="button button-alt" id="reset">Mix</a></li>
<li><a href="#canvas" class="button button-alt" id="solve">Solve</a></li>
</ul>
</form>
</div>
</div>
<div id="wrapper">
<div id="three-column" class="container">
<div class="banner">
<img id="front" src="front.png" alt="Mountain View" style="width:510px;height:510px;"/>
<canvas width="500" height="625" id="canvas"></canvas><br /><br />
<div class="title">
<h2>Projekt N-Puzzle</h2>
<span class="byline">Wykonany przez:</span>
</div>
<div class="boxA"><p>Marek Labuz</p></div>
<div class="boxB"><p>Dominik Cieraszewski</p></div>
<div class="boxC"><p>Jakub Syrek</p></div>
</div>
</div>
</div>
<script type="text/javascript" src="Puzzle.js"></script>
</body>
</html>