-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspace-invaders.html
136 lines (109 loc) · 5.84 KB
/
space-invaders.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<meta charset="utf-8">
<title>Piano @ Instrument Hero</title>
<meta name="description" content="Game that helps you to improve music skills">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta property="fb:app_id" content="758523907563637"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="http://instrumenthero.com/" />
<meta property="og:image" content="http://instrumenthero.com/img/favi/logo.png" />
<meta property="og:title" content="Piano at Instrument Hero" />
<meta property="og:description" content="Game that helps you to improve music skills." />
<link rel="shortcut icon" href="img/favi/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="img/favi/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/favi/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/favi/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="img/favi/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/favi/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="img/favi/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="img/favi/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="img/favi/apple-touch-icon-152x152.png" />
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'/>
<meta http-equiv='X-UA-Compatible' content='IE=edge'/>
<meta name = 'viewport' content = 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel='stylesheet' type='text/css' href='css/app.css'/>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/underscore.js" type="text/javascript"></script>
<script src="js/backbone.js" type="text/javascript"></script>
<script src="js/howler.js" type="text/javascript"></script>
<script src="js/views/gameView.js" type="text/javascript"></script>
<script src="js/views/pianoView.js" type="text/javascript"></script>
<script src="js/views/tunerView.js" type="text/javascript"></script>
<script src="js/models/pitchDetectModel.js" type="text/javascript"></script>
<script src="js/main-space-invaders.js" type="text/javascript"></script>
</head>
<body>
<div class="header">
<div class="titles">
<h1><a href="http://instrumenthero.com">Instrument Hero</a></h1>
<h4>24 tones challenge</h4>
</div>
<!-- ul class="menu">
<li><span class="label">Training mode:</span></li>
<li class="memory active"><a href="#">Memory</a></li>
<li class="keyboard"><a href="#keyboard">Keyboard</a></li>
<li class="perfect-pitch"><a href="#perfect-pitch">Perfect pitch</a></li>
</ul -->
</div>
<script type="text/template" id="game-template">
Game
<div class="plan">
<div class="track">
<div class="spaceship"></div>
</div>
</div>
</script>
<div id="app-container"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '758523907563637',
xfbml : true,
version : 'v2.2'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="share share-game">
<div id="fb-root"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out Instrument Hero, a game that helps you to improve your musical skills!" data-via="Instrument_Hero" data-url="http://instrumenthero.com/">Tweet</a>
<script>!function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + '://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-wjs1');</script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-58022652-1', 'auto');
ga('send', 'pageview');
</script>
<div class="fb-like" data-href="http://instrumenthero.com/" data-layout="standard" data-colorscheme="dark" data-action="like" data-show-faces="false" data-share="true"></div>
</div>
</div><!-- page inner -->
</div><!-- page -->
</body>
</html>