-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
745 lines (742 loc) · 66.4 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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
<!DOCTYPE html>
<html>
<head>
<title>Olin.js</title>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<meta property="og:title" content="Olin.js: A class on programming and web development.">
<meta property="og:url" content="http://olinjs.github.com/">
<meta property="og:image" content="http://olinjs.github.com/logo-solid.png">
<meta property="og:type" content="article">
<meta property="og:description" content="Meets Tuesdays/Fridays 3:20–5:00 in the Crescent Room. Build legit web apps from the ground up. Apps which will make your resume burn bright with ethereal flame.">
<style>
html, body { margin: 0; padding: 0; }
body {
color: #e6e6e6; font-family: 'Quattrocento Sans', sans-serif; background: #3573d9;
font-size: 16px;
}
.container {
width:100%;
}
#panel1 {
padding-top: 100px;
padding-bottom: 100px;
}
#panel2 {
padding-top: 100px;
padding-bottom: 100px;
background-color: #099999;
}
#panel3 {
padding-top: 100px;
padding-bottom: 100px;
background-color: #3914AF;
}
#panel4 {
padding-top: 100px;
padding-bottom: 100px;
background-color: #008110;
}
#panel5 {
padding-top: 100px;
padding-bottom: 100px;
background-color: rgb(84, 9, 153);
}
#panel6 {
padding-top: 100px;
padding-bottom: 100px;
background-color: #099999;
}
.personImg {
float: left;
padding-right:10px;
}
.carouselImg {
width:100%;
height:500px;
}
.from {
font-size:15px;
font-family: helvetica;
font-weight: bold;
color: rgb(173, 173, 173);
float: right;
}
.quote {
line-height: 27px;
font-weight: bold;
font-family: helvetica;
font-size: 25px;
color: rgb(56, 56, 56);
padding-bottom:10px;
}
#logo { float: left; margin-left: -280px; }
.ProfileImg {
border: 5px solid #59f; display: block;
-webkit-transition: border-color linear 0.25s;
-moz-transition: border-color linear 0.25s;
-o-transition: border-color linear 0.25s;
-ms-transition: border-color linear 0.25s;
}
img:hover { border-color: #fff; }
h2 { font-weight: normal; font-size: 30px; margin-bottom: 30px; }
h2, h3, p, li {
-webkit-transition: color linear 0.1s;
-moz-transition: color linear 0.1s;
-ms-transition: color linear 0.1s;
-o-transition: color linear 0.1s;
}
li { margin-bottom: 5px; }
h3 { margin: 30px 0 0; }
.crew img { height: 200px; margin: 0 auto 10px; }
.crew p { float: left; text-align: center; margin-right: 10px; }
.crew p span { display: block; text-align: left; margin: 10px 0 0; font-size: 14px; }
a { color: #ddf; }
#students, #students li { display: block; list-style: none; padding: 0; margin: 0; }
#students { overflow: auto; margin: 15px 0 15px; }
#students li { line-height: 74px; width: 300px; margin: 8px 0; float: left; }
#students img { width: 64px; display: block; vertical-align: center; float: left; margin-right: 15px; }
.fb-like{
vertical-align: top;
margin-right:5px;
}
#banner{
margin-bottom:10px
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#mashupCarousel').carousel({
interval: 5000 // in milliseconds
});
$('#echoNestCarousel').carousel({
interval: 5000 // in milliseconds
});
$('#blueFinCarousel').carousel({
interval: 5000 // in milliseconds
});
$('#revvCarousel').carousel({
interval: 5000 // in milliseconds
});
// add active to first list items
$($('#echoNestCarousel .item:first')[0]).addClass("active");
$($('#echoNestCarousel li:first')[0]).addClass("active");
$($('#blueFinCarousel .item:first')[0]).addClass("active");
$($('#blueFinCarousel li:first')[0]).addClass("active");
$($('#revvCarousel .item:first')[0]).addClass("active");
$($('#revvCarousel li:first')[0]).addClass("active");
});
</script>
</head>
<body>
<div class="container">
<div id="panel1">
<div class="row-fluid">
<div class="span6 offset4"><a href="https://github.com/olinjs" style="display:block;"><img id="logo" src="logo-trans.png" width="250" style="margin-top: 15px; width:250px; height:250px;" class="ProfileImg"></a>
<div id="fb-root"></div>
<script>
(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/all.js#xfbml=1&appId=236983706410158";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<h2 id="banner">A class on programming and web development at Olin College, Spring 2013. (<a href="https://github.com/olinjs">Github Repo</a>)</h2>
<div data-href="http://olinjs.github.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" class="fb-like"></div><a href="http://twitter.com/share" data-url="http://olinjs.github.com" data-count="horizontal" class="twitter-share-button">Tweet</a>
<script src="http://platform.twitter.com/widgets.js"></script>
<p style="margin: 0 0;">Meets Tuesdays/Fridays 3:20—5:00 in the Crescent Room. (<a href="class.ics">Download an iCal</a>)</p><br>
<div style="padding-top: 30px;" class="row-fluid">
<div class="span10 offset1">
<div class="row-fluid">
<div class="span4">
<div class="quote">"Love it"</div>
<div class="from">- Mark Chang, Director of Product at edX</div>
</div>
<div class="span7 offset1">
<div class="quote">"I wish this course was around when I was at Olin"</div>
<div class="from">- Every Alumni Ever</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="padding-top: 30px;" class="row-fluid">
<div class="span8 offset2">
<p>Olin.js is web development taught the Olin way. It starts with a 3 week crash course in <a href="http://nodejs.org/">Node</a> and Javascript. Then, in the fourth week we bring everything together and create a full fledged, ground up, web application. With this app under our belt we get down to business.</p><br>
<p>Over the next 6 weeks we do three, two week application sprints. For each sprint students work on teams of 2-3 to develop a prototype application for a specific problem space. Each sprint and is kicked off and then judged by a relevant Boston area tech company. In the past we've had some pretty cool sprints, including finance with Intuit, music with Echonest, and government with the Boston Mayor's office. This semester we're looking to raise the bar. We're starting off with Echonest, an old standby, followed by Bluefin in the social media space, and ending with Revv, a brand new startup focusing on personal and professional development.</p><br>
<p>The class concludes with a final 4 week project. The point of this project is to make a fully fleshed out web app, and then launch it. This is the final task for a class whose main goal is to give students the skills they need to make commercially viable, robust web applications, either for themselves or external companies. With the launch of their final project every student will doing just that. And of course there will a launch party with pizza, prizes, pitches, and tears.</p><br>
<p>This is the course that we've always wanted to take. We hope you'll join us for this amazing journey.</p>
</div>
</div>
<div style="padding-top: 40px; padding-bottom: 10px;" class="row-fluid">
<div class="span4 offset2">
<h2 style="margin-bottom: 0px;">Our Sponsors</h2><span style="font-size: 12px;">Want to be a sponsor?<a href="mailto:[email protected]"> Contact us</a></span>
</div>
</div>
<div class="row-fluid">
<div class="span2 offset2"><a href="http://the.echonest.com/"><img src="imgs/sponsors/echonest.gif"></a></div>
<div class="span2"><a href="http://www.heroku.com/"><img src="imgs/sponsors/heroku.png"></a></div>
<div style="height:70px" class="span2">
<div><a href="https://bluefinlabs.com/"><img src="imgs/sponsors/bluefin.png"></a></div>
</div>
<div style="height:70px" class="span2">
<div><a href="http://www.revv.me/"><img src="imgs/sponsors/revv.jpg"></a></div>
</div>
</div>
</div>
<div id="panel6" class="row-fluid">
<div class="span8 offset2">
<h2>Weeks 9 & 10 - Revv Sprint</h2>
<div>
<p>We brought in<a href="http://www.revv.me/"> Revv </a>and with their help we ran a 2 week hackathon in the space of self-improvement. The projects for this sprint focused on both product viability and technical functionality.</p>
</div><br>
<div id="revvCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#revvCarousel" data-slide-to="0"></li>
<li data-target="#revvCarousel" data-slide-to="1"></li>
<li data-target="#revvCarousel" data-slide-to="2"></li>
<li data-target="#revvCarousel" data-slide-to="3"></li>
<li data-target="#revvCarousel" data-slide-to="4"></li>
<li data-target="#revvCarousel" data-slide-to="5"></li>
<li data-target="#revvCarousel" data-slide-to="6"></li>
</ol>
<div class="carousel-inner">
<div class="item"><a href="http://prolix.herokuapp.com"><img src="imgs/sprint3/prolix.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/redfern314"><img src="https://secure.gravatar.com/avatar/ee04ed0af6cc6e2cc4fe8d67ce0f8a66?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/skinc"><img src="https://secure.gravatar.com/avatar/ff81abef60121b5aee646f7721eac874?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/TheoT"><img src="https://secure.gravatar.com/avatar/1213cd2279dfcde061cac550b560a923?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://prolix.herokuapp.com">Prolix</a></h4>
<p>Suggests more sophisticated replacements for common words (especially adjectives) that you've typed, with the goal of helping you to increase your vocabulary and become more erudite.</p>
</div>
</div>
</div>
<div class="item"><a href="http://safe-temple-3413.herokuapp.com"><img src="imgs/sprint3/makeit.jpg" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/doyunglee"><img src="https://secure.gravatar.com/avatar/d4ad7f4022b9b86c2da92a718df3aeba?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/KaminariNoKage"><img src="https://secure.gravatar.com/avatar/5e2df34255108dbd22998c5729170d1f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/alee123"><img src="https://secure.gravatar.com/avatar/b5cf199dd94652ee7b9da379f9612ce2?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://safe-temple-3413.herokuapp.com">MakeIt | BreakIt</a></h4>
<p>Allows you to bet against your future-self to motive yourself to finish a goal. You can do this with friends or strangers who want to complete the same goal.</p>
</div>
</div>
</div>
<div class="item"><a href="http://take5.herokuapp.com"><img src="imgs/sprint3/take5.jpg" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/asjchae"><img src="https://secure.gravatar.com/avatar/49a31551580bd684d58969bf04eaf1f1?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/madisonmay13"><img src="https://secure.gravatar.com/avatar/3e1a7d9ccfa13aed6bc6cb7ec6892518?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/JLangowitz"><img src="https://secure.gravatar.com/avatar/3b137c9085274ab651cad219797bd9f4?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://take5.herokuapp.com">Take5</a></h4>
<p>Structured 5 minute breaks to strengthen your work ethic and improve your life.</p>
</div>
</div>
</div>
<div class="item"><a href="http://mailms.herokuapp.com"><img src="imgs/sprint3/mailms.jpg" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/JNazare"><img src="https://secure.gravatar.com/avatar/d934e24c31a10a19dc238d6a75106a32?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/abekim"><img src="https://secure.gravatar.com/avatar/0fa724a5dc487a85bdaeb541ac53c67d?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/reyner"><img src="https://secure.gravatar.com/avatar/7ae4ee10ed19796b1bf0585ecc5af143?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://mailms.herokuapp.com">MailMS</a></h4>
<p>SMSes you with new emails!</p>
</div>
</div>
</div>
<div class="item"><a href="http://stormy-citadel-5936.herokuapp.com"><img src="imgs/sprint3/goalplanner.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/mkorpusik"><img src="https://secure.gravatar.com/avatar/a828843e6c8f86eeecc1e86805934942?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/rmathew1992"><img src="https://secure.gravatar.com/avatar/adb7e73cd67e45b1459b0ad32b3237ee?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://stormy-citadel-5936.herokuapp.com">GoalPlanner</a></h4>
<p>Schedules long-term goals (preset or custom) and displays the tasks associated with each goal on a calendar.</p>
</div>
</div>
</div>
<div class="item"><a href="http://young-savannah-1315.herokuapp.com"><img src="imgs/sprint3/habitfence.jpg" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/mseger"><img src="https://secure.gravatar.com/avatar/828ccde1a7f0c8b5e461bf5678c10d2f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/instagraham"><img src="https://secure.gravatar.com/avatar/262f5a66a0408acd8a56324d3c371e2e?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://young-savannah-1315.herokuapp.com">Habit Fence</a></h4>
<p>For every time you do your bad habit, drag a nail onto that goal's fence post. If you don't do your bad habit for a whole day, remove a nail!</p>
</div>
</div>
</div>
<div class="item"><a href="https://github.com/fireblade99/socialsavior"><img src="imgs/sprint3/socialsavior.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/dankearney"><img src="https://secure.gravatar.com/avatar/cfdcb5890f87dc254bb99863ac7cdcdb?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/fireblade99"><img src="https://secure.gravatar.com/avatar/83863cc427f37fe98268c4f64dc7d809?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="https://github.com/fireblade99/socialsavior">Social Savior</a></h4>
<p>Texts your friends to rescue you when you go on a blacklisted website.</p>
</div>
</div>
</div>
</div><a href="#revvCarousel" data-slide="prev" class="carousel-control left"><</a><a href="#revvCarousel" data-slide="next" class="carousel-control right">></a>
</div>
</div>
</div>
<div id="panel5" class="row-fluid">
<div class="span8 offset2">
<h2>Weeks 7 & 8 - Bluefin/Twitter Sprint</h2>
<div>
<p>We brought in<a href="https://bluefinlabs.com/"> BlueFin labs </a>and with their help we ran a 2 week hackathon in the social media space. The projects for this sprint focused on product viability.</p>
</div><br>
<div id="blueFinCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#blueFinCarousel" data-slide-to="0"></li>
<li data-target="#blueFinCarousel" data-slide-to="1"></li>
<li data-target="#blueFinCarousel" data-slide-to="2"></li>
<li data-target="#blueFinCarousel" data-slide-to="3"></li>
<li data-target="#blueFinCarousel" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="item"><a href="http://insideropinion.herokuapp.com"><img src="imgs/sprint2/insideropinion.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/dankearney"><img src="https://secure.gravatar.com/avatar/cfdcb5890f87dc254bb99863ac7cdcdb?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/redfern314"><img src="https://secure.gravatar.com/avatar/ee04ed0af6cc6e2cc4fe8d67ce0f8a66?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/reyner"><img src="https://secure.gravatar.com/avatar/7ae4ee10ed19796b1bf0585ecc5af143?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://insideropinion.herokuapp.com">Insider Opinion</a></h4>
<p>Gets the local information tweeted about highly ranked Yelp locations</p>
</div>
</div>
</div>
<div class="item"><a href="http://frozen-caverns-4550.herokuapp.com/"><img src="imgs/sprint2/superconductors.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/mseger"><img src="https://secure.gravatar.com/avatar/828ccde1a7f0c8b5e461bf5678c10d2f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/Keelyh"><img src="https://secure.gravatar.com/avatar/087001add1b7f3fb98cdc5df1b636773?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/JNazare"><img src="https://secure.gravatar.com/avatar/d934e24c31a10a19dc238d6a75106a32?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://frozen-caverns-4550.herokuapp.com/">Superconductors</a></h4>
<p>Brand marketing through targeted tweets. This app helps marketers figure out who to target to spread their products visibility and influence</p>
</div>
</div>
</div>
<div class="item"><a href="http://fierce-basin-2383.herokuapp.com/"><img src="imgs/sprint2/which_twatch.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/Velociraptor"><img src="https://secure.gravatar.com/avatar/33f738a6212767e6ad2f4a6c121278f3?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/JLangowitz"><img src="https://secure.gravatar.com/avatar/3b137c9085274ab651cad219797bd9f4?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/aeri"><img src="https://secure.gravatar.com/avatar/a040779988495fd525bafc6737722f5c?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://fierce-basin-2383.herokuapp.com/">Which T^Watch</a></h4>
<p>Movie recommendations based on tweeted keywords</p>
</div>
</div>
</div>
<div class="item"><a href="http://techwing.herokuapp.com"><img src="imgs/sprint2/techwing.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/asjchae"><img src="https://secure.gravatar.com/avatar/49a31551580bd684d58969bf04eaf1f1?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/doyunglee"><img src="https://secure.gravatar.com/avatar/d4ad7f4022b9b86c2da92a718df3aeba?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/rmathew1992"><img src="https://secure.gravatar.com/avatar/adb7e73cd67e45b1459b0ad32b3237ee?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://techwing.herokuapp.com">TechWing</a></h4>
<p>View the latest tech news and see a livestream of commentary as well</p>
</div>
</div>
</div>
<div class="item"><a href="http://yourimpact.herokuapp.com/"><img src="imgs/sprint2/yourimpact.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/fireblade99"><img src="https://secure.gravatar.com/avatar/83863cc427f37fe98268c4f64dc7d809?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/abekim"><img src="https://secure.gravatar.com/avatar/0fa724a5dc487a85bdaeb541ac53c67d?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="personImg"><a href="http://github.com/TheoT"><img src="https://secure.gravatar.com/avatar/1213cd2279dfcde061cac550b560a923?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80px"></a></div>
<div class="info">
<h4><a href="http://yourimpact.herokuapp.com/">YourImpact</a></h4>
<p>Shows sentiment on twitter before and after you post a tweet sharing an article/blog/video or anything else</p>
</div>
</div>
</div>
</div><a href="#blueFinCarousel" data-slide="prev" class="carousel-control left"><</a><a href="#blueFinCarousel" data-slide="next" class="carousel-control right">></a>
</div>
</div>
</div>
<div id="panel4" class="row-fluid">
<div class="span8 offset2">
<h2>Weeks 5 & 6 - EchoNest Sprint</h2>
<div>
<p>We brought in<a href="http://the.echonest.com/"> EchoNest </a>and with their help we ran a 2 week hackathon in the music space. This sprint focused on technical proficiency. Besides Echonest, we used a variety of external APIs including rdio, Grooveshark, and youtube.</p>
</div><br>
<div id="echoNestCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#echoNestCarousel" data-slide-to="0"></li>
<li data-target="#echoNestCarousel" data-slide-to="1"></li>
<li data-target="#echoNestCarousel" data-slide-to="2"></li>
<li data-target="#echoNestCarousel" data-slide-to="3"></li>
<li data-target="#echoNestCarousel" data-slide-to="4"></li>
<li data-target="#echoNestCarousel" data-slide-to="5"></li>
<li data-target="#echoNestCarousel" data-slide-to="6"></li>
<li data-target="#echoNestCarousel" data-slide-to="7"></li>
<li data-target="#echoNestCarousel" data-slide-to="8"></li>
<li data-target="#echoNestCarousel" data-slide-to="9"></li>
</ol>
<div class="carousel-inner">
<div class="item"><a href="http://playlist-maker.herokuapp.com"><img src="imgs/sprint1/playlistgen.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/jbthn"><img src="https://secure.gravatar.com/avatar/1c6003483d8880a2763c19800bca3286?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/JNazare"><img src="https://secure.gravatar.com/avatar/d934e24c31a10a19dc238d6a75106a32?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://playlist-maker.herokuapp.com">J^2</a></h4>
<p>Generates a playlist based on certain criteria</p>
</div>
</div>
</div>
<div class="item"><a href="http://songhero.herokuapp.com"><img src="imgs/sprint1/songhero.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/newmu"><img src="https://secure.gravatar.com/avatar/691552eea2f4352c7d5e948f0aff0a52?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://songhero.herokuapp.com">Song Hero</a></h4>
<p>Guitar Hero automatically</p>
</div>
</div>
</div>
<div class="item"><a href="http://coplay.herokuapp.com"><img src="imgs/sprint1/coplay.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/redfern314"><img src="https://secure.gravatar.com/avatar/ee04ed0af6cc6e2cc4fe8d67ce0f8a66?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/madisonmay13"><img src="https://secure.gravatar.com/avatar/3e1a7d9ccfa13aed6bc6cb7ec6892518?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/aeri"><img src="https://secure.gravatar.com/avatar/a040779988495fd525bafc6737722f5c?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://coplay.herokuapp.com">CoPlay</a></h4>
<p>Cooperative music at its finest.</p>
</div>
</div>
</div>
<div class="item"><a href="http://powerful-ridge-3498.herokuapp.com"><img src="imgs/sprint1/arcReactor.jpg" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/JLangowitz"><img src="https://secure.gravatar.com/avatar/3b137c9085274ab651cad219797bd9f4?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/doyunglee"><img src="https://secure.gravatar.com/avatar/d4ad7f4022b9b86c2da92a718df3aeba?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/mdelrosa"><img src="https://secure.gravatar.com/avatar/f97fc8d0b2bb88e646e6d868f44c721e?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://powerful-ridge-3498.herokuapp.com">Arc Reactor</a></h4>
<p>An infinite jukebox with user selected songs</p>
</div>
</div>
</div>
<div class="item"><a href="http://whispering-crag-3372.herokuapp.com"><img src="imgs/sprint1/dinofy.jpg" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/Velociraptor"><img src="https://secure.gravatar.com/avatar/33f738a6212767e6ad2f4a6c121278f3?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/mkorpusik"><img src="https://secure.gravatar.com/avatar/a828843e6c8f86eeecc1e86805934942?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://whispering-crag-3372.herokuapp.com">Dinofy</a></h4>
<p>Forget goats, dinosaurs are way cooler.</p>
</div>
</div>
</div>
<div class="item"><a href="http://lyricswap.herokuapp.com"><img src="imgs/sprint1/lyricswap.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/KaminariNoKage"><img src="https://secure.gravatar.com/avatar/5e2df34255108dbd22998c5729170d1f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://lyricswap.herokuapp.com">Lyric Swap</a></h4>
<p>Search for songs by highlighting text in displayed lyrics.</p>
</div>
</div>
</div>
<div class="item"><a href="http://acapellizer.herokuapp.com"><img src="imgs/sprint1/acapella.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/mseger"><img src="https://secure.gravatar.com/avatar/828ccde1a7f0c8b5e461bf5678c10d2f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/reyner"><img src="https://secure.gravatar.com/avatar/7ae4ee10ed19796b1bf0585ecc5af143?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/fireblade99"><img src="https://secure.gravatar.com/avatar/83863cc427f37fe98268c4f64dc7d809?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://acapellizer.herokuapp.com">Acapellizer</a></h4>
<p>Select a song, we acapella-ize it. Heavenly voices abound...almost.</p>
</div>
</div>
</div>
<div class="item"><a href="http://stark-meadow-6537.herokuapp.com"><img src="imgs/sprint1/goatify.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/TheoT"><img src="https://secure.gravatar.com/avatar/1213cd2279dfcde061cac550b560a923?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/dankearney"><img src="https://secure.gravatar.com/avatar/cfdcb5890f87dc254bb99863ac7cdcdb?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/abekim"><img src="https://secure.gravatar.com/avatar/0fa724a5dc487a85bdaeb541ac53c67d?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://stark-meadow-6537.herokuapp.com">Goats</a></h4>
<p>Add a goat video into any YouTube video at the moment that maximizes hilarity.</p>
</div>
</div>
</div>
<div class="item"><a href="http://oneflewovertheechonest.herokuapp.com"><img src="imgs/sprint1/Oneflewovertheechonest.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/asjchae"><img src="https://secure.gravatar.com/avatar/49a31551580bd684d58969bf04eaf1f1?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/skinc"><img src="https://secure.gravatar.com/avatar/ff81abef60121b5aee646f7721eac874?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://oneflewovertheechonest.herokuapp.com">One Flew Over the Echo Nest</a></h4>
<p>Multiplayer game: Apples to Apples, with songs!</p>
</div>
</div>
</div>
<div class="item"><a href="http://immense-coast-9469.herokuapp.com"><img src="imgs/sprint1/mixitup.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/alee123"><img src="https://secure.gravatar.com/avatar/b5cf199dd94652ee7b9da379f9612ce2?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="personImg"><a href="http://github.com/rmathew1992"><img src="https://secure.gravatar.com/avatar/adb7e73cd67e45b1459b0ad32b3237ee?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="80" alt="placeholder"></a></div>
<div class="info">
<h4><a href="http://immense-coast-9469.herokuapp.com">Amandamore and Rachel Lewis</a></h4>
<p>Mix and match multiple music genres.</p>
</div>
</div>
</div>
</div><a href="#echoNestCarousel" data-slide="prev" class="carousel-control left"><</a><a href="#echoNestCarousel" data-slide="next" class="carousel-control right">></a>
</div>
</div>
</div>
<div id="panel2" class="row-fluid">
<div class="span8 offset2">
<h2>Week 4 - Mashup</h2>
<div>
<p>After we learned the basics in weeks 1 to 3, we showcased our mad skills by making mashups between 2 different services. Our apps were the pitted against each other, with the winner getting eternal glory and the rest...candy thrown at them.</p>
</div>
<div id="mashupCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#mashupCarousel" data-slide-to="0" class="active"></li>
<li data-target="#mashupCarousel" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="active item"><a href="http://thedecisionroom.herokuapp.com/"><img src="imgs/mashups/seger.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/mseger"><img src="https://secure.gravatar.com/avatar/828ccde1a7f0c8b5e461bf5678c10d2f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Margret-Ann Seger,<a href="http://thedecisionroom.herokuapp.com/">The Decision Room</a></h4>
<p>Mashup between tt.fm + yelp. The Decision Room helps you make plans among your Facebook friends</p>
</div>
</div>
</div>
<div class="item"><a href="http://afternoon-wave-2684.herokuapp.com/"><img src="imgs/mashups/crosby.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/reyner"><img src="https://secure.gravatar.com/avatar/7ae4ee10ed19796b1bf0585ecc5af143?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Reyner Crosby,<a href="http://afternoon-wave-2684.herokuapp.com/">Goats</a></h4>
<p>Mashup between tt.fm + youtube. Youtube video sharing with your friends.</p>
</div>
</div>
</div>
<div class="item"><a href="http://olinjs-mashup-aman.herokuapp.com/"><img src="imgs/mashups/kapur.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/fireblade99"><img src="https://secure.gravatar.com/avatar/83863cc427f37fe98268c4f64dc7d809?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Aman Kapur,<a href="http://olinjs-mashup-aman.herokuapp.com/">Status Editor</a></h4>
<p>Mashup between typewithme + facebook. Letting multiple people edit your facebook status at once. Bringing trolling to a new level.</p>
</div>
</div>
</div>
<div class="item"><a href="http://salty-ridge-5175.herokuapp.com/"><img src="imgs/mashups/shane.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/skinc"><img width="80" src="https://secure.gravatar.com/avatar/ff81abef60121b5aee646f7721eac874?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Shane Skikne,<a href="http://salty-ridge-5175.herokuapp.com/">Do Wrk</a></h4>
<p>Mashup between Google Doc + pandora. A notebook that withholds rewards in the form of music/gifs/etc until the writing is done.</p>
</div>
</div>
</div>
<div class="item"><a href="http://visual-lastfm.herokuapp.com/"><img src="imgs/mashups/may.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/madisonmay13"><img src="https://secure.gravatar.com/avatar/3e1a7d9ccfa13aed6bc6cb7ec6892518?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Madison May,<a href="http://visual-lastfm.herokuapp.com/">Visual Last.fm</a></h4>
<p>Mashup between OneReceipt + Grooveshark. Visual Last.fm lets you see what are your top songs.</p>
</div>
</div>
</div>
<div class="item"><a href="http://listpop.herokuapp.com/"><img src="imgs/mashups/redfern.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/redfern314"><img src="https://secure.gravatar.com/avatar/ee04ed0af6cc6e2cc4fe8d67ce0f8a66?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Derek Redfern,<a href="http://listpop.herokuapp.com/">ListPop</a></h4>
<p>Mashup between typewithme +musicmap.herokuapp.com. ListPop lets you make playlists of the songs you love with your friends - then get recommendations for more songs to add to each list based on the last.fm API!</p>
</div>
</div>
</div>
<div class="item"><a href="http://boiling-beyond-2611.herokuapp.com/"><img src="imgs/mashups/kearney.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/dankearney"><img width="80" src="https://secure.gravatar.com/avatar/cfdcb5890f87dc254bb99863ac7cdcdb?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Daniel Kearney,<a href="http://boiling-beyond-2611.herokuapp.com/">Shekel Swap</a></h4>
<p>Mashup between Bitcoin + detexify. Currency exchange.</p>
</div>
</div>
</div>
<div class="item"><a href="http://fetchflix.herokuapp.com/"><img src="imgs/mashups/chae.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/asjchae"><img width="80" src="https://secure.gravatar.com/avatar/49a31551580bd684d58969bf04eaf1f1?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Ari Chae,<a href="http://fetchflix.herokuapp.com/">Fetch Flix</a></h4>
<p>Mashup between fetchnotes + Netflix. Easier movie recommendations.</p>
</div>
</div>
</div>
<div class="item"><a href="http://gentle-waters-8936.herokuapp.com/"><img src="imgs/mashups/mason.jpg" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/mdelrosa"><img width="80" src="https://secure.gravatar.com/avatar/f97fc8d0b2bb88e646e6d868f44c721e?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Mason del Rosario,<a href="http://gentle-waters-8936.herokuapp.com/">Square Tube</a></h4>
<p>Mashup between Square + YouTube. Add some video to your location.</p>
</div>
</div>
</div>
<div class="item"><a href="http://julianablog.herokuapp.com/"><img src="imgs/mashups/nazare.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/JNazare"><img src="https://secure.gravatar.com/avatar/d934e24c31a10a19dc238d6a75106a32?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Juliana Nazare,<a href="http://julianablog.herokuapp.com/">Bloggit</a></h4>
<p>Mashup between The Useless Website + Netflix. Blogging platform.</p>
</div>
</div>
</div>
<div class="item"><a href="http://sheltered-crag-4327.herokuapp.com/cats/new"><img src="imgs/mashups/dlee.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/doyunglee"><img src="https://secure.gravatar.com/avatar/d4ad7f4022b9b86c2da92a718df3aeba?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Doyung Lee,<a href="http://sheltered-crag-4327.herokuapp.com/cats/new">Cats, Germs, and Feels</a></h4>
<p>Mashup between webmd + attackofthecute.com. Ecards for when your friends are sick.</p>
</div>
</div>
</div>
<div class="item"><a href="http://guarded-retreat-7885.herokuapp.com/"><img src="imgs/mashups/sarver.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/Velociraptor"><img src="https://secure.gravatar.com/avatar/33f738a6212767e6ad2f4a6c121278f3?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Hannah Sarver,<a href="http://guarded-retreat-7885.herokuapp.com/">Teux View</a></h4>
<p>Mashup between teuxdeux.com + VINE. Task list using gifs.</p>
</div>
</div>
</div>
<div class="item"><a href="http://hidden-coast-9360.herokuapp.com/"><img src="imgs/mashups/langowitz.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/JLangowitz"><img width="80" src="https://secure.gravatar.com/avatar/3b137c9085274ab651cad219797bd9f4?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Joshua Langowitz,<a href="http://hidden-coast-9360.herokuapp.com/">DropTube</a></h4>
<p>Mashup between Dropbox + YouTube. Sharing videos.</p>
</div>
</div>
</div>
<div class="item"><a href="http://pnpnotes.herokuapp.com/"><img src="imgs/mashups/chen.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/aeri"><img src="https://secure.gravatar.com/avatar/a040779988495fd525bafc6737722f5c?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Thomas Chen,<a href="http://pnpnotes.herokuapp.com/">PnP Notes</a></h4>
<p>Mashup between Chegg.com + Mobee. Text editor for writing stories.</p>
</div>
</div>
</div>
<div class="item"><a href="http://gentle-reaches-3926.herokuapp.com/"><img src="imgs/mashups/alee.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/alee123"><img width="80" src="https://secure.gravatar.com/avatar/b5cf199dd94652ee7b9da379f9612ce2?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Amanda Lee,<a href="http://gentle-reaches-3926.herokuapp.com/">Clever Notes</a></h4>
<p>Mashup between Fetchnotes + Venmo. Notes for payment.</p>
</div>
</div>
</div>
<div class="item"><a href="http://morning-crag-3399.herokuapp.com/"><img src="imgs/mashups/austin.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="http://github.com/KaminariNoKage"><img src="https://secure.gravatar.com/avatar/5e2df34255108dbd22998c5729170d1f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Kai Austin,<a href="http://morning-crag-3399.herokuapp.com/">ViTube</a></h4>
<p>Mashup between Vine + youtube.com. Make some gifs, share some gifs.</p>
</div>
</div>
</div>
<div class="item"><a href="http://infinite-sierra-8493.herokuapp.com/"><img src="imgs/mashups/bethune.png" class="carouselImg"></a>
<div class="carousel-caption">
<div class="personImg"><a href="https://github.com/jbthn"><img src="https://secure.gravatar.com/avatar/1c6003483d8880a2763c19800bca3286?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"></a></div>
<div class="info">
<h4>Jessica Bethune,<a href="http://infinite-sierra-8493.herokuapp.com/">Newsblr</a></h4>
<p>Mashup between Vine + Tumblr. Browse RSS feeds for interesting articles and share them on your profile.</p>
</div>
</div>
</div>
</div><a href="#mashupCarousel" data-slide="prev" class="carousel-control left"><</a><a href="#mashupCarousel" data-slide="next" class="carousel-control right">></a>
</div>
</div>
</div>
<div id="panel3">
<div class="row-fluid">
<div class="span8 offset2">
<h2>Weeks 1-3</h2>
<p>We started with a 3 week crash course in<a href="http://nodejs.org/">Node</a>, Javascript, and MongoDB, using the Express framework. Along the way we also figured out templating with Jade and interacted with external APIs like Facebook's. We deployed everything we made to Heroku.</p>
<p>For the client side we learned how to add spice to our sites with jQuery and plugins, then we dove into making the frontend look legit with Bootstrap.</p>
<p>Here are just a few of the things we made while learning our core skills:</p><br>
<div style="text-align: center;" class="row-fluid">
<div class="span4"><img style="height: 200px; margin-left: auto; margin-right: auto;" src="imgs/week3/homework4.png" class="ProfileImg">
<h4>Homework 4</h4>Making a Twitter Clone
</div>
<div class="span4"><img style="height: 200px; margin-left: auto; margin-right: auto;" src="imgs/week3/homework5.png" class="ProfileImg">
<h4>Homework 5</h4>Making a Facebook/Myspace Mashup
</div>
<div class="span4"><img style="height: 200px; margin-left: auto; margin-right: auto;" src="imgs/week3/homework6.png" class="ProfileImg">
<h4>Homework 6</h4>Making a Facebook caption roulette
</div>
</div>
</div>
</div>
</div>
<div style="padding-top: 100px;" class="row-fluid">
<div class="span8 offset2">
<h2>Enrolled Students</h2>
<ul id="students">
<li><a href="http://github.com/abekim"><b>Abe Kim </b><img src="https://secure.gravatar.com/avatar/0fa724a5dc487a85bdaeb541ac53c67d?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/mseger"><b>Margaret Ann Seger </b><img src="https://secure.gravatar.com/avatar/828ccde1a7f0c8b5e461bf5678c10d2f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/newmu"><b>Alec Radford </b><img src="https://secure.gravatar.com/avatar/691552eea2f4352c7d5e948f0aff0a52?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/dankearney"><b>Daniel Kearney </b><img src="https://secure.gravatar.com/avatar/cfdcb5890f87dc254bb99863ac7cdcdb?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/reyner"><b>Reyner Crosby </b><img src="https://secure.gravatar.com/avatar/7ae4ee10ed19796b1bf0585ecc5af143?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/TheoT"><b>Theo Thompson </b><img src="https://secure.gravatar.com/avatar/1213cd2279dfcde061cac550b560a923?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/alee123"><b>Amanda Lee </b><img src="https://secure.gravatar.com/avatar/b5cf199dd94652ee7b9da379f9612ce2?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/JNazare"><b>Juliana Nazare </b><img src="https://secure.gravatar.com/avatar/d934e24c31a10a19dc238d6a75106a32?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/KaminariNoKage"><b>Kai Austin </b><img src="https://secure.gravatar.com/avatar/5e2df34255108dbd22998c5729170d1f?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/asjchae"><b>Ari Chae </b><img src="https://secure.gravatar.com/avatar/49a31551580bd684d58969bf04eaf1f1?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/fireblade99"><b>Aman Kapur </b><img src="https://secure.gravatar.com/avatar/83863cc427f37fe98268c4f64dc7d809?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/rmathew1992"><b>Rachel Mathew </b><img src="https://secure.gravatar.com/avatar/adb7e73cd67e45b1459b0ad32b3237ee?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/redfern314"><b>Derek Redfern </b><img src="https://secure.gravatar.com/avatar/ee04ed0af6cc6e2cc4fe8d67ce0f8a66?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/aeri"><b>Thomas Chen </b><img src="https://secure.gravatar.com/avatar/a040779988495fd525bafc6737722f5c?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/mdelrosa"><b>Mason del Rosario </b><img src="https://secure.gravatar.com/avatar/f97fc8d0b2bb88e646e6d868f44c721e?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/Keelyh"><b>Keely Haverstock </b><img src="https://secure.gravatar.com/avatar/087001add1b7f3fb98cdc5df1b636773?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/mkorpusik"><b>Mandy Korpusik </b><img src="https://secure.gravatar.com/avatar/a828843e6c8f86eeecc1e86805934942?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/skinc"><b>Shane Skikne </b><img src="https://secure.gravatar.com/avatar/ff81abef60121b5aee646f7721eac874?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/instagraham"><b>Graham Hooton </b><img src="https://secure.gravatar.com/avatar/262f5a66a0408acd8a56324d3c371e2e?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/JLangowitz"><b>Joshua Langowitz </b><img src="https://secure.gravatar.com/avatar/3b137c9085274ab651cad219797bd9f4?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/madisonmay13"><b>Madison May </b><img src="https://secure.gravatar.com/avatar/3e1a7d9ccfa13aed6bc6cb7ec6892518?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/Velociraptor"><b>Hannah B. Sarver </b><img src="https://secure.gravatar.com/avatar/33f738a6212767e6ad2f4a6c121278f3?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/doyunglee"><b>Doyung Lee </b><img src="https://secure.gravatar.com/avatar/d4ad7f4022b9b86c2da92a718df3aeba?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
<li><a href="http://github.com/jbthn"><b>Jessica Bethune </b><img src="https://secure.gravatar.com/avatar/1c6003483d8880a2763c19800bca3286?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" class="ProfileImg"></a></li>
</ul>
</div>
</div>
<div style="padding-top: 80px;" class="row-fluid">
<div class="span8 offset2">
<h2>The Teaching Crew</h2>
<div class="row-fluid crew">
<div class="span3">
<p><img src="https://sphotos-a.xx.fbcdn.net/hphotos-prn1/p206x206/547858_10151166188985676_44503551_n.jpg" class="ProfileImg"><b><a href="mailto:[email protected]">David Gaynor</a></b><br><a href="http://github.com/runnedrun">github/runnedrun</a><br><span>David Gaynor has never been on Reddit. He didn't know what Xkcd was until college. Until his senior year of highschool he thought that Youtube was a video blogging service. Or maybe that was senior year of college. Anyway, even though he's a bit old fashioned, David still gets his code on in some pretty cool ways. He's written test suites for tiny robots in C, rewrote the python facebook API, and has been working on the same side project for 6 months. Wow, that dedication. Or stupidity. One of the two. He's worked for Pivotal Labs and Twitter, and is going back to San Fran next fall, as a full time Tweeter. If I had to describe David in one word it would be: "strikingly similar to Tim Ryan in appearance, but only when he has long hair".</span></p>
</div>
<div class="span3">
<p><img src="http://static.tumblr.com/edy5jpt/y4fmay3to/vanity-conference" class="ProfileImg"><b><a href="mailto:[email protected]">Tim Ryan</a></b><br><a href="http://github.com/tcr">github/tcr</a><br><span>Tim was born, raised, and will one day die in the loving embrace of New England. He has been using the Internet since he was just four years old, sharpened his teeth on AOL webcomics and Invader Zim message boards, and made horrible abominations on Geocities using everyone's favorite language, JavaScript. Ten years later, this became the cool thing to do and Tim rocketed to Internet stardom. He's authored compilers, shims, and trendy Lisps, developed for Intuit, PMed Microsoft, and rocked the HTML5 boat at Game Closure. He's interested in making computing more accessible to everyone, and has a penchant for APIs and platforms. Tim loves acting, vintage video games, and typography, and one day you'll find him mad, fleeing to the coast of Ireland, writing fishing novels.</span></p>
</div>
<div class="span3">
<p><img src="https://sphotos-a.xx.fbcdn.net/hphotos-ash4/403695_10150584876607784_1021260198_n.jpg" class="ProfileImg"><b><a href="mailto:[email protected]">Jia Huang</a></b><br><a href="http://github.com/jiahuang">github/jiahuang</a><br><span>Jia is an excellent student, which is rather impressive considering she doesn't know a word of English. She was raised in China until her parents stuffed her into a small crate and shipped her to America. Unfortunately, the crate was lost from 1998-2003 before arriving, which severely stunted the poor girl's growth. Upon being freed, Jia was baffled and scared of the outdoor environment and has since then been stuck behind a computer. Jia has worked for multiple startups, as well as Amazon, Microsoft, and Twilio, and has recently developed a strange interest in hardware. In short, Jia is pretty small, but she could probably still beat you up.</span></p>
</div>
<div class="span3">
<p><img src="https://pbs.twimg.com/profile_images/378800000191611207/c3f19b78f164e741ffcf1c2a3cf7c8e0.jpeg" class="ProfileImg"><b><a href="mailto:[email protected]">Cory Dolphin</a></b><br><a href="http://github.com/wcdolphin">github/wcdolphin</a><br><span>Cory is that guy. You know, that guy who makes the design decisions. The guy who makes things look pretty. The good news is that he actually has the coding chops to back up his "design thinking". He's been known to make some crazy stuff in Python (and Flask), has (supposedly) made a bartending robot, and spent the last 2 summers single handedly making Microsoft a cool company. In the end all you need to know about Cory is that he speaks softly, carries a big stick, and sometimes uses that stick to awkwardly type on his computer. And he still gets a lot done.</span></p>
</div>
</div>
</div>
</div>
<div style="padding-top: 20px; padding-bottom: 100px;" class="row-fluid">
<div class="span8 offset2">
<h2>The NINJAs</h2>
<div class="row-fluid crew">
<div class="span3 offset3">
<p><img src="http://www.gravatar.com/avatar/5713f203f45038e6a26a01330ccc11da?s=400" class="ProfileImg"><b><a href="mailto:[email protected]">Aaron Greenberg</a></b><br><a href="https://github.com/aaronjgreenberg">github/aaronjgreenberg</a><br><span>Aaron Greenberg. Champion. List-Maker. Name-Taker. Webmaster. Leaf-Raker. He is a California boy to the core, with his head stuck in the sandy beaches back west. A charmer by nature, Aaron woos women with his deep, rippling eyes and manages to mesmerize men with his crude wit. Be warned. The calm, soothing voice is just a front; Aaron is really a beast of the world, and takes names.</span></p>
</div>
<div class="span3">
<p><img src="http://sphotos-a.xx.fbcdn.net/hphotos-prn1/45534_3634723286771_309854048_n.jpg" class="ProfileImg"><b><a href="mailto:[email protected]">Paul Booth</a></b><br><a href="https://github.com/paulbooth">github/paulbooth</a><br><span>Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth Paul Booth</span></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>