-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
201 lines (163 loc) · 9.09 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" itemtype="http://schema.org/Event" itemscope>
<head>
<meta charset="utf-8" />
<title>Monkey Music Challenge 2 by Spotify</title>
<meta name="viewport" content="width=device-width, initial-scale:1">
<meta name="google-site-verification" content="H1YdWhfaKtGk1cOsXerKPVGXQB_2ojr9OYNQ52eBykY" />
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
<!-- Open Graph -->
<meta property="og:title" itemprop="name" content="Monkey Music Challenge 2 by Spotify">
<meta property="og:type" content="website">
<meta property="og:url" itemprop="url" content="http://www.monkeymusicchallenge.com">
<meta property="og:image" content="http://www.monkeymusicchallenge.com/images/monkey.png">
<meta property="og:description" content="Monkey Music Challenge is a programming challenge for Chalmers and GU students who love to code. The challenge consists of constructing your own AI. The AI's main tasks are pathfinding and decision making." />
<meta name="author" content="Spotify" />
<meta name="description" content="Monkey Music Challenge is a programming challenge for Chalmers and GU students who love to code. The challenge consists of constructing your own AI. The AI's main tasks are pathfinding and decision making." />
<meta name="keywords" content="spotify, algorithms, pathfinding, music, student, code, programming" />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/monkey.css" />
<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-55975542-1', 'auto');
ga('send', 'pageview');
</script>
<script src="parallax.js"></script>
</head>
<body>
<header role="banner">
<div class="parallax">
<div class="parallax__layer layer5"></div>
<div class="parallax__layer layer4"></div>
<div class="parallax__layer layer3"></div>
<div class="logo parallax__layer layer2">
<a class="spotify-logo" href="http://spotify.com"><img src="images/spotify.svg" width="133" height="40" alt="Spotify" /></a>
<p class="presents">presents</p>
<h1>
<span class="first-row">Monkey Music</span>
<span class="second-row">Challenge</span>
<span class="third-row">2</span>
</h1>
</div>
<div class="parallax__layer layer1"></div>
</div>
</header>
<main role="main" class="content--centered">
<div class="container">
<img src="/images/monkey.png" alt="Monkey" width="200" />
<h1 class="main-title">Delve into the jungle of algorithms …</h1>
<div class="text-content">
<p>Monkey Music Challenge is a programming challenge aimed at <strong>Chalmers and GU students</strong> who love to code. The challenge consists of <strong>constructing your own AI</strong>. The AI's main tasks are <strong>pathfinding</strong> and <strong>decision making</strong>. But beware: this is not your ordinary pathfinding lab assignment …
</p>
<h2>The event(s)</h2>
<p>
The challenge is split into two separate events. <strong>Wait what?</strong> Yeh, we figured not all of us crank out our best code during hackathons. We believe many of us work better after having a few nights of digesting a problem!
</p>
<p>
So we'll have two different events. The first event will introduce the challenge and the engine that you will communicate with during the challenge. The second event will be split into two parts, a morning where you get to finish your AI at our office. And an afternoon with <del>presentations</del> <strong>AI battles</strong>!
</p>
<p>
We'd like you to apply in <strong>teams of two</strong>, since programming together is fun.
We'll have <strong>20 team spots</strong> available. We go by "first come-first serve" for the signup, <strong>but</strong> those who take the <strong>Warmup test</strong> will get ahead in line. Read more under "Getting Started" below.
</p>
</div>
<div class="dates">
<p>
<strong>1st event</strong>
<time datetime="2014-11-29" itemprop="startDate">November 29th</time>
</p>
<p>
<strong>2nd event</strong>
<time datetime="2014-12-07" itemprop="endDate">December 7th</time>
</p>
</div>
<div class="signup" itemprop="location" itemtype="http://schema.org/Place" itemscope>
<p>
The events will take place at the<br />
<a itemprop="url" href="https://www.google.se/maps/place/Vallgatan+22,+411+16+G%C3%B6teborg/@57.7038189,11.9657855,17z/data=!3m1!4b1!4m2!3m1!1s0x464ff365f08b047d:0x47a6d8a7c5385e62?hl=en"><span itemprop="name">Spotify office</span></a><br />
<span itemprop="address" itemtype="http://schema.org/PostalAddress" itemscope>
<span itemprop="streetAddress">Vallgatan 22</span>, <span itemprop="addressLocality">Gothenburg</span>
</span>
</p>
<p style="margin-bottom: 1em;">
<p>Sign up closed</p>
</p>
<p>
<small class="fade">For instant updates, chit-chatting, and news,<br />attend the event on Facebook:</small><br />
<a itemprop="sameAs" href="https://www.facebook.com/events/1551306571766171/" class="facebook-link no-underline">
<img src="images/facebook.svg" alt="Facebook" />
<strong>Facebook event</strong>
<small>For news and updates</small>
</a>
</p>
</div>
<section>
<h1>Getting started</h1>
<p>
So you've signed up – now what? You can and should start preparing by taking the warm up test to test your skills and get a hang of the concept. Those who finish the warmup exercise will also get ahead in line when we're picking out the teams for the contest.
</p>
<ol class="steps">
<li>
<h2>Study the starter code</h2>
<ul class="languages">
<li>
<a title="Javascript" href="http://github.com/monkey-music-challenge/javascript-starter-kit" class="no-underline">
.js
</a>
</li>
<li>
<a title="Python" href="http://github.com/monkey-music-challenge/python-starter-kit" class="no-underline">
.py
</a>
</li>
<li>
<a title="Java" href="http://github.com/monkey-music-challenge/java-starter-kit" class="no-underline">
.java
</a>
</li>
</ul>
</li>
<li>
<h2>Take the warmup test</h2>
<p>Instructions on how to get going with the warmup is available after you've signed up.</p>
</li>
</ol>
</section>
</div>
</main>
<footer role="contentinfo">
<div class="container content--centered">
<h1>Contact</h1>
<p>
Event details, technicalities, questions …
</p>
<p><a class="email no-underline" href="mailto:[email protected]">[email protected]</a></p>
<p class="fade">Monkey Music Challenge 2014 was made by</p>
<div class="creators">
<a itemprop="attendee" itemtype="http://schema.org/Person" itemscope href="http://github.com/odsod" class="no-underline">
<img itemprop="image" class="avatar" src="/images/poscar.png" alt="Poscar" /><br />
<strong itemprop="name">Oscar Söderlund</strong>
</a>
<a itemprop="attendee" itemtype="http://schema.org/Person" itemscope href="http://github.com/atamon" class="no-underline">
<img itemprop="image" class="avatar" src="http://www.gravatar.com/avatar/af6a288b1304a06c6cd3e12e318f3ced.png?size=300" alt="Anton" /><br />
<strong itemprop="name">Anton Lindgren</strong>
</a>
<a itemprop="attendee" itemtype="http://schema.org/Person" itemscope href="http://johanbrook.com" class="no-underline">
<img itemprop="image" class="avatar" src="https://gravatar.com/userimage/1642678/515a365fb3de23218359b60755a950e1.jpeg?size=300" alt="Johan" /><br />
<strong itemprop="name">Johan Brook</strong>
</a>
</div>
<p class="fade">
<small>with all the love in the world.</small>
</p>
<p class="fade">
<small>Character drawings by <a class="no-underline" href="http://www.slashie.org/">Patrik Göthe</a>.</small>
</p>
</div>
</footer>
<!-- Code and Design by Johan -->
</body>
</html>