forked from cri5ti/html5-bomberman
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (75 loc) · 2.94 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Html5-bomberman by cri5ti</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<script src="javascripts/scale.fix.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<header>
<h1>Html5-bomberman</h1>
<p>A HTML5+backbone+node bomberman</p>
<p class="view"><a href="https://github.com/cri5ti/html5-bomberman">View the Project on GitHub <small>cri5ti/html5-bomberman</small></a></p>
<ul>
<li><a href="https://github.com/cri5ti/html5-bomberman/zipball/master">Download <strong>ZIP File</strong></a></li>
<li><a href="https://github.com/cri5ti/html5-bomberman/tarball/master">Download <strong>TAR Ball</strong></a></li>
<li><a href="https://github.com/cri5ti/html5-bomberman">Fork On <strong>GitHub</strong></a></li>
</ul>
</header>
<section>
<h2>Play it now on <a href="http://www.playshortfuse.com">playshortfuse.com</a>
</h2>
<hr><h1>What is it?</h1>
<p>A HTML5 Bomberman clone using:</p>
<ul>
<li>node.js</li>
<li>socket.io</li>
<li>Backbone + Underscore</li>
<li>jQuery</li>
<li>CSS3 (via Compass + Sass)</li>
</ul><h1>Why?</h1>
<p>It started as a small project to help me learn the fore mentioned technologies, but in the end it turned out to be loads of fun.</p>
<p>I'm not proud of the code, like I said, it was just a sandbox to try things, but I believe it could be a starting point for others trying to use the above mentioned technologies.</p>
<p><strong>If you've spotted something that stinks really bad</strong>, please, drop me a patch on how to do it better! I'm sure I've misunderstood some basic concepts, but hey, at least something is working. ;)</p>
<h1>Getting started</h1>
<ol>
<li>
<p>Download the <strong>node.js</strong> dependencies:</p>
<pre><code>npm update
</code></pre>
</li>
<li>
<p>Download and install <a href="http://compass-style.org/install/">compass</a>.</p>
<pre><code>gem update --system
gem install compass
</code></pre>
</li>
<li>
<p>Compile sass to css</p>
<pre><code>compass compile web/
</code></pre>
</li>
<li>
<p>Start the node server.</p>
<pre><code>node dev-server.js
</code></pre>
</li>
<li><p>Open a browser to <code>localhost:8000</code> and enjoy!</p></li>
</ol>
</section>
<footer>
<p>This project is maintained by <a href="https://github.com/cri5ti">cri5ti</a></p>
<p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
</footer>
</div>
<!--[if !IE]><script>fixScale(document);</script><!--<![endif]-->
</body>
</html>