forked from ozh/alchemy
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (81 loc) · 3.04 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" href="css/jquery.tooltip/jquery.tooltip.css" type="text/css" />
<link rel="stylesheet" href="css/jquery.notify/jquery.notify.css" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.1.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.tooltip.js"></script>
<script type="text/javascript" src="js/jquery.notify.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/linq.min.js"></script>
<script type="text/javascript" src="js/jquery.linq.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<link rel="shortcut icon" href="images/favicon.ico" />
<title>Computer Alchemy</title>
</head>
<body>
<div id="wrap">
<div id="bar">
<h1><a href="index.html">Ƈomputer ĂlchemƳ</a></h1>
<p>Clone elements, merge them, create new ones. <em>A work in progress !</em></p>
</div>
<div id="game">
<div id="badges_wrap">
<div id="badges_label" class="block_label">Badges</div>
<div id="badges">
<div id="noob" class="badge">noob</div>
<div id="noob" class="badge">noob</div>
</div>
</div>
<div id="inventory_label" class="block_label">Inventory</div>
<div id="inventory">
<div id="divclear" class="clear"></div>
</div>
<div id="play_label" class="block_label">Playground</div>
<div id="play">
</div>
</div>
<div id="controls">
<div id="reset" class="control" data-tooltip="Reset the game">reset</div>
<div id="empty" class="control" data-tooltip="Empty the playground area">empty</div>
<div id="load" class="control enabled" data-tooltip="Enter code to load a saved game">load</div>
<div id="save" class="control enabled" data-tooltip="Generate code to save your game (inventory & badges)">save</div>
</div>
<a id="ggo12" href="https://github.com/ozh/alchemy">Github project page</a>
</div>
<div id="notify" style="display:none">
<!--
Later on, you can choose which template to use by referring to the
ID assigned to each template. Alternatively, you could refer
to each template by index, so in this example, "basic-tempate" is
index 0 and "advanced-template" is index 1.
-->
<div id="default">
<h1>#{title}</h1>
<p>#{text}</p>
</div>
<div id="sticky">
<a class="ui-notify-close ui-notify-cross" href="#">x</a>
<h1>#{title}</h1>
<p>#{text}</p>
</div>
<div id="loadsave">
<a class="ui-notify-close ui-notify-cross" href="#">x</a>
<h1>#{title}</h1>
<p>#{text}</p>
<textarea>#{gamecode}</textarea>
<button>#{button}</button>
</div>
<div id="confirm">
<a class="ui-notify-close ui-notify-cross" href="#">x</a>
<h1>#{title}</h1>
<p>#{text}</p>
<button>#{button}</button>
</div>
</div>
</body>
</html>