forked from hugeen/DefendTheDen
/
index.html
122 lines (121 loc) · 3.87 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<head>
<meta charset="utf-8">
<title>Defend The Den</title>
<meta name="description" content="">
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<style rel="stylesheet" type="text/css">
body {
color: #fff;
margin: 0;
padding: 0;
background: url(img/pinstriped_suit.png) top left repeat;
font-family: 'Coming Soon', cursive;
}
#background {
background: url(img/bg-website.png) top left repeat;
position: absolute;
top: 125px;
left: 50%;
margin-top: 0;
margin-left: -492px;
width: 985px;
height: 459px;
}
#game {
-webkit-box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
position: absolute;
top: 25px;
left: 50%;
margin-top: 0;
margin-left: -355px;
width: 710px;
height: 580px;
}
#container {
top: 635px;
margin-left: -355px;
left: 50%;
position: absolute;
width: 710px;
}
h1 {
font-family: 'Marck Script', cursive;
}
iframe {
border: none;
}
a {
color: #17c1f2;
}
a:hover {
color: #fff;
}
</style>
</head>
<body>
<a href="http://www.craftyjs.com"><img style="position: fixed; top: 1em; left: 1em; border: 0;" src="img/crafty.png" alt="Crafty"></a>
<a href="https://github.com/hugeen/Defend-The-Den"><img style="position: fixed; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub"></a>
<div id="background"></div>
<div id="game">
<iframe width="710" height="580" src="popup.html"></iframe>
</div>
<div id="container">
<div style="text-align: center;">
<script type='text/javascript' src='http://cdn.pokki.com/embed/pokki_helper.js'></script>
<a class='pokki-download' onclick='return pokki_helper.download(this, "Defend the Den", "Pokki_Defend_the_Den");' href='http://www.pokki.com/download/?name=Defend+the+Den&etag=Pokki_Defend_the_Den'>Download Defend the Den for Pokki</a>
</div>
<div>
<h1>Defend The Den</h1>
<p>
Exterminate the waves of enemies before they reach your character
</p>
<h1>Controls:</h1>
<ul>
<li>
Move the mouse to move the character vertically
</li>
<li>
Press the corresponding keys (1,2,3 ...) to activate the skills
</li>
</ul>
<h1>Open source project</h1>
<p>
Defend the den is now an open source project.
</p>
<p>
Feel free to collaborate.
</p>
<p>
<a href="https://groups.google.com/forum/?hl=fr&fromgroups#!forum/defend-the-den">Forum</a> | <a href="https://github.com/hugeen/Defend-The-Den">GitHub</a> | <a href="http://craftyjs.com/">CraftyJS</a>
</p>
<h1>Contributors</h1>
<ul>
<li>
<a href="http://hugeen.tumblr.com/">Cyrille Bogaert</a> (Development) - <a href="https://twitter.com/#!/Hugeen">Twitter</a>
</li>
<li>
<a href="http://www.flickr.com/photos/75683839@N03/">Lou Mosnier</a> (Sprites)
</li>
<li>
<a href="http://toxicode.fr/">Pierre Lancien</a> (Music)
</li>
</ul>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29679949-1']);
_gaq.push(['_trackPageview']); (function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>