forked from github/game-off-2012
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
151 lines (135 loc) · 5.58 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<html>
<head>
<title>Git-TASTIC Beat Factory</title>
<link href='http://fonts.googleapis.com/css?family=Galindo' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container"></div>
<div>
<div id="mute">Mute</div>
<p>Esc. for previous screen</p>
<p>(P or Esc Pauses game)</p>
</div>
<audio class="click" src="audio/effects/click.wav"></audio>
<audio class="whip" src="audio/effects/whip.wav"></audio>
<audio class="menu-music" src="audio/songs/micro-invasion.mp3" loop="loop"></audio>
<a href="https://github.com/Choctopus/game-off-2012">
<img style="position: absolute; top: 0; right: 0; border: 0;"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"
alt="Fork me on GitHub"></a>
<script type="text/template" id="menu-template">
<img class="flyin" src="img/logo.png"/>
<ul class="menu">
<li id="start" class="selected">Start</li>
<li id="howto">How to Play</li>
<li id="highscores">High Scores</li>
<li id="credits">Credits</li>
</ul>
</script>
<script type="text/template" id="song-template">
<div id="score-text" class="game-text">Score: <span id="score"></span></div>
<div id="combo-text" class="game-text">Combo: <span id="combo"></span></div>
<div id="pause" class="center">
<span class="game-text">Paused</span>
<ul class="menu">
<li class="return-main-menu">Main Menu</li>
<li class="choose">Select a Song</li>
<li class="retry">Restart</li>
<ul>
</div>
<div id="game-over" class="center">
<span class="game-text">Game Over</span>
<ul class="menu">
<li class="retry">Retry</li>
<li class="choose">Select a New Song</li>
</ul>
</div>
<div id="ready" class="game-text center">
Ready...
</div>
<div id="go" class="game-text center">
GO!
</div>
<div id="clear" class="center">
<span class="game-text">Stage Clear!</span>
<ul class="menu">
<li class="choose">Select a New Song</li>
<li class="retry">Play Again</li>
</ul>
</div>
<div id="status" class="center"></div>
<div class="action" id="forked">Forked!</div>
<div class="action" id="pulled">Pulled!</div>
<div class="action" id="pushed">Pushed!</div>
<div class="action" id="cloned">Cloned!</div>
<canvas></canvas>
<audio></audio>
</script>
<script type="text/template" id="credits-template">
<h2>Choctopus Games</h2>
<div class="us">
<p>Programming: Graham Conzett</p>
<p>Design and animation: <a href="http://behance.com/stepho">Stephanie Owens</a></p>
</div>
<h2>Music Credits</h2>
<ul id="song-credits"></ul>
</script>
<script type="text/template" id="highscore-template">
<h2>High Scores</h2>
<ul id="scores"></ul>
</script>
<script type="text/template" id="howto-template">
<h2>How to Play</h2>
<p>Help Git-bot process requests in time to his music! Press the <b>F</b>, <b>G</b>, <b>H</b>, and <b>J</b> keys on your keyboard as the fork, push, pull, and clone symbols travel through the factory and down the conveyer belt. Sort all the actions correctly, or Url the unicorn will take Git-bot's music away. The better your timing, the higher your score will be!<p>
</script>
<script type="text/template" id="songs-template">
<h2>Choose a Song</h2>
<ul></ul>
</script>
<script type="text/template" id="song-list-item-template">
<h3><%= name %></h3>
<dl>
<dt>by </dt>
<dd><%= artist %><dd><br>
</dl>
<span class="difficulty"><%= difficulty %></span>
</script>
<script type="text/template" id="song-credit-template">
<li>
<%= name %> by <a href="<%= website %>"><%= artist %></a></br>
<small><%= license %></small>
</li>
</script>
<script type="text/template" id="choctopus-template"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="src/requestAnimationFrame.js"></script>
<script src="vendor/documentcloud/underscore/underscore-min.js"></script>
<script src="vendor/documentcloud/backbone/backbone-min.js"></script>
<script src="models/Sprite.js"></script>
<script src="models/Song.js"></script>
<script src="collections/Songs.js"></script>
<script src="views/MenuView.js"></script>
<script src="views/ScreenView.js"></script>
<script src="views/ChoctopusView.js"></script>
<script src="views/SongView.js"></script>
<script src="views/SongListItemView.js"></script>
<script src="views/SongsView.js"></script>
<script src="views/CreditsView.js"></script>
<script src="views/HighScoreView.js"></script>
<script src="views/HowtoView.js"></script>
<script src="data/sprites.js"></script>
<script src="data/songs.js"></script>
<script src="app.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36719120-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>