-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
1063 lines (869 loc) · 44.7 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
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>Diversify by Spotify</title>
<meta charset="utf-8">
<link href='http://fonts.googleapis.com/css?family=Lato:300,300italic,400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/master.css">
<meta name="description" content="Diversify was a weekend event arranged by Spotify, focused on diversity and creativity in the tech field.">
<meta name="keywords" content="spotify,diversity,hackathon,women,tech">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</head>
<body>
<header role="banner" class="parallax-header">
<h1 class="parallax-logo"><img src="images/logo.svg" alt="Diversify by Spotify" /></h1>
</header>
<main role="main">
<div class="wrapper">
<section class="section-story">
<div class="story__intro">
<p>
Diversify was a weekend event at Spotify in Stockholm, where 40 tech students of diverse backgrounds came together and designed, wrote code, and found new friends.
</p>
<p>
They were all teams consisting of an equal share of men and women, and also different technical interests.
</p>
<p>
<strong>And their results were insanely cool.</strong>
</p>
<p>
<i class="icon"></i>
</p>
</div>
<div class="story__bubbles">
<div class="row">
<img src="/images/stage.jpg" />
<p>
Technology is all around us, after all. In a larger, high level perspective, Diversify was organized by us due to the current situation in the tech scene: it’s not very gender balanced. We were tired of hosting hackathons with homogen audiences. We wanted change and a different mix of people! Our world is inhabited by both men and women, so why shouldn’t the tech scene reflect that?
</p>
</div>
<div class="row">
<img src="/images/computer.jpg" />
<p>
By <strong>forcing</strong> a 50/50 divide between men and women, 40% of the applications to the event (with forty spots) were from women. That has never happened for any of our tech events before. Why? We are not entirely sure. But instead of patting ourselves on the back for this, we should figure out a way to achieve a 50/50 attendance rate <em>without</em> forcing it.
</p>
</div>
<div class="row">
<img src="/images/computers.jpg" />
<p>
For Diversify, we tried to move away from traditional hackathon concepts (we even avoid using the word ”hackathon” because of its baggage). We refrained from using regular ”hacking food”, like pizza and beer, and had talks and a workshop on diversity. The interface design and idea of each hack was as important as its underlying code.
</p>
</div>
</div>
<div class="story__ending">
<p class="further-reading-links">
<a class="btn" href="https://labs.spotify.com/2015/01/13/diversify-how-we-created-a-hackathon-with-50-50-female-male-participants/"><i class="icon">✒</i> Read our blog post</a>
<a class="btn" href="https://www.facebook.com/media/set/?set=a.571223332977341.1073741838.184418364991175&type=1"><i class="icon">📷</i> View photos on Facebook</a>
<a class="btn" href="https://open.spotify.com/user/diversifynow/playlist/5CBO6yJ05024WvfiTygQXS"><i class="icon">♫</i> Listen to the playlist</a>
</p>
<blockquote>
<p>
“It wasn't like a 'typical' hackathon, it was more than that.”
</p>
</blockquote>
<p>
We have now showed for the industry, ourselves and the attendees of Diversify that our hypothesis holds:
</p>
<p class="highlight">
Diverse teams create better products
</p>
<p>
Segregation and exclusion will lead to us missing out on the brightest minds, ideas and products. Let create a tech world where everyone are welcome.
</p>
</div>
</section>
</div>
<section class="section-teams">
<h1>The <strong>people</strong> & what they <strong>created</strong></h1>
<article class="team">
<header>
<div class="team__info">
<h2>Digital Diamonds</h2>
<div class="team__description">
<p>
Our application allows users to add songs to a Spotify playlist via Twitter.
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/digitaldiamonds" title="diversify/digitaldiamonds">
<span class="icon"></span> Source code</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<img src="images/teams/dd.png" />
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/1764e6d5e5e3ee70ba711f71b22cb7a8?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/EjayJanis">Elaine Janis Dagdayan</a>
</h3>
<p class="member__song">
<strong>I Will Survive</strong>
<small>Gloria Gaynor</small>
</p>
<p class="member__song-text">
I believe this is the song that best describes me because I have survived really difficult chapters in my life. From the death of my parents to moving away from my native land to encountering daily challenges, I survived it all!
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/b7a7ad5aa44e0279287f61c1f6e73ea4?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/chawohl">Charlotte Wöhlecke</a>
</h3>
<p class="member__song">
<strong>Ett Fullkomligt Kaos</strong>
<small>Bo Kaspers Orkester</small>
</p>
<p class="member__song-text">
After a serious consideration, I've decided to pick a song from the Swedish band 'Bo Kaspers Orkester' called 'Ett fullkomligt kaos'. Why? To start with - it is a very good song! For me, the song is about how you can be great and successful without having what others may call 'a perfect life'. The song is also a kind of mock to the whole lifestyle-community with white homes with gold on the doorknob. I guess that's how I would like to see myself, smart and elegant but not always shiny on the outside.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/d9ca58b51e56049e1590164d646e79b7?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/AntonNiklasson">Anton Niklasson</a>
</h3>
<p class="member__song">
<strong>I See Fire</strong>
<small>Ed Sheeran (Kygo Remix)</small>
</p>
<p class="member__song-text">
These days that would probably be Kygos remix of 'I See Fire'. It is not really describing me as a person. More like that is what I have been listening to the last two weeks studying to exams. It is an awesome song and I love how it makes me more concentrated and focused on code.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/b9053e4147fbe30f4c875d9e0193b581?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/gopatrik">Patrik Göthe</a>
</h3>
<p class="member__song">
<strong>For What It's Worth</strong>
<small>Buffalo Springfield</small>
</p>
<p class="member__song-text">
Because it's mostly laid back, but offers peaks of insane groove and invites for dancing beyond human control.
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>May This Night Never End</h2>
<div class="team__description">
<p>
Our application shows the closest venues that plays music pleasing to your music pleasure. It shows the venues based on your Spotify saved tracks and your location.
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/may-this-night-never-end" title="diversify/may-this-night-never-end">
<span class="icon"></span> Source code</a>
</li>
<li><a href="https://diversify.github.com/may-this-night-never-end" title="https://diversify.github.com/may-this-night-never-end">
<span class="icon">🌎</span> Live link</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<img src="/images/teams/default.gif" />
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/ce5e52a67b4a7b00e6ebf84760031c2e?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/klaseskilson">Klas Eskilson</a>
</h3>
<p class="member__song">
<strong>Teenage Riot</strong>
<small>Sonic Youth</small>
</p>
<p class="member__song-text">
Teen Age Riot by Sonic Youth. I chose this song not only because it's a great song, but also because it's the first track on their album 'Daydream Nation'. I enjoy making a good first impression on people, just like the first track kind of sets the tone for the rest of the album. I think this song introduces you to the album in a flawless way, and I wish I could introduce myself in a similar fashion. (So technically, this song describes what I'd like to be.)
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/f990c287cfa0b9d8d9ccbfd847930d91?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/s">Muhammed Said Özcan</a>
</h3>
<p class="member__song">
<strong>Hall of Fame</strong>
<small>The Script</small>
</p>
<p class="member__song-text">
This song best describes me: Hall of Fame by The Script. I find this song's lyrics so meaningful. I can feel stronger when I listen this song. The best thing in my opinion is to never give up!
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/e1a5c61a0449f58453c8f773210c0f93?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/meryem">Meryem Ekinci</a>
</h3>
<p class="member__song">
<strong>Fireflies</strong>
<small>Owl City</small>
</p>
<p class="member__song-text">
I am kinda person who tries to catch everything in life, this song is the reason for this. 'Because everything is never as it seems, when I fall asleep.'
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/1822b0aeca3b50b08495aa99b7c815ae?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/blertad">Blerta Deliallisi</a>
</h3>
<p class="member__song">
<strong>Don't Panic</strong>
<small>Coldplay</small>
</p>
<p class="member__song-text">
It is really difficult to pick just one. I will go for this as it describes how I generally look at things. I try to be as positive as I can. Life is beautiful and if you don't like it for the moment you are not spending it as you should. When you feel like you don't belong somewhere try see it as a challenge to work harder to get where you wanna be. Cheer up and enjoy the ride.
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>Team Blockflöjt Heroes</h2>
<div class="team__description">
<p>
Quepic lets users queue songs on Spotify by posting pictures on Instagram. The application then picks a song with reference to the hashtags in the instagram post. Words that are used in the hashtags can define different moods, genres or artists of the music you want. If a request is too divergent from the event settings it will not be granted. The app has an interface where each post resulting in a queued song is visualized. It is meant to be used on a big screen at parties or other events. With Quepic there will be no hour-long play queues of individual taste and no fuss about the playing device. It will enhance the atmosphere.
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/blockflojt" title="diversify/blockflojt">
<span class="icon"></span> Source code</a>
</li>
<li><a href="https://diversify.github.io/blockflojt/" title="https://diversify.github.io/blockflojt/">
<span class="icon">🌎</span> Live link</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<a href="https://diversify.github.io/blockflojt/"><img src="images/teams/blockflojtheroes.png" /></a>
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/5b3226f6016c8c29c696df3cd471cebd?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/2L84F8">Joakim Ljungren</a>
</h3>
<p class="member__song">
<strong>How Did I Get Here</strong>
<small>ODESZA</small>
</p>
<p class="member__song-text">
Amazing intro song to an amazing debut album. The short song length together with the title reflects on how quickly my years of studies has went by so far. But OH did I savour every moment.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/800b3489b3ff87231258784e1f538f84?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/Sanlil">Sandra Liljeqvist</a>
</h3>
<p class="member__song">
<strong>A Little Bit</strong>
<small>Lykke Li</small>
</p>
<p class="member__song-text">
Because it has a nice, soft flow and rhythm that feels like a great sunday morning and suits my slow pace.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/79919cba4a089586b1f27fe201f56064?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/karljakoblarsson">Jakob Larsson</a>
</h3>
<p class="member__song">
<strong>A Day In The Life</strong>
<small>The Beatles</small>
</p>
<p class="member__song-text">
It's a song with many different parts. That's also how I see about myself. I have many different sides I present at different times. The song has periods of quiet thinking and contemplation. Just like many parts of my life. I really like to think and dream. But then there is the huge orchestral breakdowns. They represent a different part of me. For example when I'm on stage. Making grand creative gestures and a complete fool of myself. Start with a really 'out there' idea and execute it to 150%. Take it so far it stops being weird and becomes good. It's also a bit off and crazy. Just like me.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/045a877199796455f3112d8e836b0f74?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/unnderbar">Unn Swanström</a>
</h3>
<p class="member__song">
<strong>Say You'll Be There</strong>
<small>MØ</small>
</p>
<p class="member__song-text">
This classic girl power anthem originally performed by the ever epic Spice Girls has been interpreted by the too cool for school Mø. This tribute to friendship that will always be there is all about empowering people around you and growing as a person in the process of doing so. Set to a dreamy unexpectedly catchy soundscape were no dream is too big and the dancing goes on all through the night.
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>Equalyze</h2>
<div class="team__description">
<p>
Equalyze is a simple web application to help you analyze how diverse your playlists are. By checking what gender the artists your playlist consist of, we give you a rough estimation of how diverse your playlist are. We also give you some recommendation of songs to add, based on the artists you already got in the playlist, to get a better diversity on your playlist. Our thought when doing this application were to follow the theme at Diversify and to create an service that could give users a better knowledge of what the actually listen to.
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/equalyze" title="diversify/equalyze">
<span class="icon"></span> Source code</a>
</li>
<li><a href="http://equalyze.meteor.com/" title="http://equalyze.meteor.com/">
<span class="icon">🌎</span> Live link</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<a href="http://equalyze.meteor.com/"><img src="http://equalyze.meteor.com/screenshot.png" /></a>
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/2f362a2c66f26c050263bb628f2d6a35?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/albinmartinsson91">Albin Martinsson</a>
</h3>
<p class="member__song">
<strong>Almost Ready</strong>
<small>Dinosaur Jr.</small>
</p>
<p class="member__song-text">
I'm moving pixels left and right, fine-tuning bezier curves to perfection and my calendar keeps yelling at me to be somewhere else. “I’m almost ready!” is what goes through my head on every project. Nothing’s ever going to be perfect and there’s always room for improvement. But hey, that’s the nature of design (and probably life in general) and that’s what I love about it. I also happen to love dinosaurs and electric guitars. Coincidence? I think not.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/391211b80247407628ce56c49d985442?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/adderollen">Andreas Rolén</a>
</h3>
<p class="member__song">
<strong>Feed The Dada</strong>
<small>Dada Life</small>
</p>
<p class="member__song-text">
Because when you feed me with something that gives me motivation, I tend to be able to solve stuff that I otherwise thought were to difficult for me. And it's good for partying... I like to party.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/a415dacc24327eabfa00f610ac03b5bf?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/karinamedeiros">Karina Silva de Medeiros</a>
</h3>
<p class="member__song">
<strong>Viva la Vida</strong>
<small>Coldplay</small>
</p>
<p class="member__song-text">
A song that describes me most is Viva la vida, Coldplay. That song reminds a lot about my father and family.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/686cd9581bfa74a0fddad620c2c597b0?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/lisasundberg">Lisa Sundberg</a>
</h3>
<p class="member__song">
<strong>Walk This Way</strong>
<small>MØ</small>
</p>
<p class="member__song-text">
Great artist, great song, great video. Because MØ is one of the most inspiring artist I know and I think she is a great role model for young women like me. I saw her live at Roskilde this summer and it was a CRAZY concert. Such energy. She's like WHAT THE FUCK and does what she wants. A feminist icon in my eyes. I also like the lyrics of the song. To me it means that I should follow my dreams even when I'm in doubt: 'You'll find a way, baby, make them all burn.' And of course, it makes me dance like crazy.
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>Janu</h2>
<div class="team__description">
<p>
Saturn is a game that will broaden your taste in music!
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/janu" title="diversify/janu">
<span class="icon"></span> Source code</a>
</li>
<li><a href="http://saturngame.se" title="http://saturngame.se">
<span class="icon">🌎</span> Live link</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<a href="http://saturngame.se"><img src="images/teams/saturn.png" /></a>
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/10f7d028be096bf2ad07f28839312733?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/hejelin">Elin Nilsson</a>
</h3>
<p class="member__song">
<strong>Castle</strong>
<small>Macklemore & Ryan Lewis</small>
</p>
<p class="member__song-text">
It's positivity, happiness, creativity, unicorns, magic, magnificence, bouncing, a bit crazy at times but mostly just really fun. This song makes me happy, and I strive to make other people happy.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/c736b9e2b3142ca2d6a689354e579834?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/juntima-n">Juntima Nawilaijaroen</a>
</h3>
<p class="member__song">
<strong>Pink Fluffy Unicorns Dancing On Rainbows</strong>
<small>Songs To Wear Pants To</small>
</p>
<p class="member__song-text">
Spotify, Gothenburg office open this song every Friday morning. And I love it! It's not that I want to be pink fluffy unicorn. (actually, I don't like pink. would prefer blue instead) But it's fun to have magic and SMILE.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/a73086f1218a17378569897a30593f71?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/scanniza">Simon Arneson</a>
</h3>
<p class="member__song">
<strong>Quicksand</strong>
<small>David Bowie</small>
</p>
<p class="member__song-text">
'I'm not a prophet or a Stone Age man, just a mortal with potential of a superman'
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/224f8deb06a16957848289c33e3ed29e?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/yoavz">Yoav Zimmerman</a>
</h3>
<p class="member__song">
<strong>Busy Earnin'</strong>
<small>Jungle</small>
</p>
<p class="member__song-text">
This song (apart from being incredibly fun and catchy) really captures the spirit of hustle that draws me to the culture of tech entrepreneurship and hacking.
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>Jukebox Joint</h2>
<div class="team__description">
<p>
Jukebox Joint is not an app. It's not a simple tool – nor a fun gadget. It's definitely not a game. It's a party save. An unsung hero. Jukebox joint is the batman of party utilities. Jukebox Joint will be for your party what a bag of chili cheese is for your saturday night at three o'clock. Jukebox Joint is a cure to the jerk who always plays his songs without respecting the queue. Jukebox Joint will probably even save your life.
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/jukebox-joint" title="diversify/jukebox-joint">
<span class="icon"></span> Source code</a>
</li>
<li><a href="http://jukebox-joint.herokuapp.com/" title="http://jukebox-joint.herokuapp.com/">
<span class="icon">🌎</span> Live link</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<a href="http://jukebox-joint.herokuapp.com/"><img src="http://i.imgur.com/FsEpaw4.jpg" /></a>
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/3a677ac5cdbe8be934f664d367cbabce?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/wiwofone">Shahin Adl Zarrabi</a>
</h3>
<p class="member__song">
<strong>Jag Gör Min Grej</strong>
<small>Snook</small>
</p>
<p class="member__song-text">
Så nu har du beslutsångest och tänker på slutronden när livet är en fest och du vet att bara du bestämmer utgången. Pluggar du juridik? Drömmer du om att bli rik? Glöm då aldrig vår princip – Jag gör min grej.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/c64aa7e5d74057124b32d34efcdf8a1a?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/emmahf">Emma Hesseborn Fagerholm</a>
</h3>
<p class="member__song">
<strong>Sleepyhead</strong>
<small>Passion Pit</small>
</p>
<p class="member__song-text">
Aside from the obvious fact that I enjoy sleeping and long weekend mornings like so many others, I feel that dreamer sentiment and playfulness of the song fits me well. The song has a strong connection to games for me as I first heard it during a play through of Little Big Planet 2, one of my favorite video games. It gives me the feeling of wanting to build up things (a big part of the game), which is what I do when I code.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/2696cefa36eaf32507be08391171ae57?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/AxelHammarback">Axel Hammarbäck</a>
</h3>
<p class="member__song">
<strong>With a Little Help from My Friends</strong>
<small>The Beatles</small>
</p>
<p class="member__song-text">
Because you won't get anywhere on your own.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/5c76a3906d3c8d36c44e69527b448e75?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/sofiethorsen">Sofie Thorsen</a>
</h3>
<p class="member__song">
<strong>Something Good Can Work</strong>
<small>Two Door Cinema Club</small>
</p>
<p class="member__song-text">
Really good original song, but the cowbell really does it. Something good CAN work!
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>In Your Face</h2>
<div class="team__description">
<p>
Pretend that you are on a buss when a song comes on that reminds you of an old friend you haven't met in years. The song reminds you of when you and your friend sat at your room and had a great time with laughs and giggles, the only thing you could think of was the moment. Wouldn't it be awesome to smack that song in their face? With In Your Face you can send a friend the song you are currently listening to and they will be able to listen to it togheter with you.
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/InYourFace" title="diversify/InYourFace">
<span class="icon"></span> Source code</a>
</li>
<li><a href="https://inyourface.herokuapp.com" title="https://inyourface.herokuapp.com">
<span class="icon">🌎</span> Live link</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<a href="https://inyourface.herokuapp.com"><img src="https://inyourface.herokuapp.com/images/inyourface.jpeg" /></a>
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/ad185079500cacab970a5970b2373590?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/AleksandarFaraj">Aleksandar Faraj</a>
</h3>
<p class="member__song">
<strong>Flash</strong>
<small>Queen</small>
</p>
<p class="member__song-text">
I care for people. I feel strongly for people. People seem to flock around me and depend on me.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/0d1a1d82ed22b38902c6239e299c35c4?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/epicmartini">Nicole Martini</a>
</h3>
<p class="member__song">
<strong>Choo Choo Ch'Boogie</strong>
<small>Louis Jordan</small>
</p>
<p class="member__song-text">
When I was six, I started to dance boogie woogie and Lindy Hop. During my last competition, the European Championship finals in 2011, me and my dancepartner got this song and came in 3:rd place. This song that was my last as a competition dancer represents my entire dance career in the national team and all the 13 years of dancing, crying and laughter.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/bc4f4c45b54df357ea138e22db798c9b?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/maureencallahan">Maureen Callahan</a>
</h3>
<p class="member__song">
<strong>Pumping Blood</strong>
<small>NONONO</small>
</p>
<p class="member__song-text">
Because it makes me a feel alive. You're the catalyst your own happiness!
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/9671ba34be2bdadb8783852f8f34b4ad?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/CHURLZ">Carl Berglund</a>
</h3>
<p class="member__song">
<strong>Going Up the Country</strong>
<small>Canned Heat</small>
</p>
<p class="member__song-text">
It's adventurous! I love to travel and this song serves as anthem on most of my trips. Also it really gets me creative when developing or building things. Pure genius, that tune.
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>Beautiful World</h2>
<ul class="team__links">
<li><a href="https://github.com/diversify/beautiful-world" title="diversify/beautiful-world">
<span class="icon"></span> Source code</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<img src="http://i.imgur.com/dHKWOzL.png" />
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/9007e377e91f6b4b3acb654fbc86f6e4?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/halflings">Ahmed Kachkach</a>
</h3>
<p class="member__song">
<strong>Blad Skizo</strong>
<small>Hoba Hoba Spirit</small>
</p>
<p class="member__song-text">
A nice mix between traditional Moroccan music and modern occidental rock.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/a4a0e225e3bc8c84e77d934735e05967?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/weidenfreak">Meike Wiemann</a>
</h3>
<p class="member__song">
<strong>Weit Hinaus</strong>
<small>Feine Sahne Fischfilet</small>
</p>
<p class="member__song-text">
The first song that came to my mind is 'Weit Hinaus - Feine Sahne Fischfilet' and it’s unfortunately in german. But it basically describes a moment where one sits among his/her friends and just enjoys the moment. The song expresses how much power one gains through friendships and that they give you strength to achieve anything you want which is why I like it very much.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/6a926da48b0fab78d8b5f63f4589278a?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/michellecanada">Michelle Cañada</a>
</h3>
<p class="member__song">
<strong>Shake It Out</strong>
<small>Florence + The Machine</small>
</p>
<p class="member__song-text">
Right now, I would have to say 'Shake It Out' by Florence + The Machine. It's all about having made mistakes in the past and trying to move on, possibly from a lost love. I have lived such a dull life the past three years, in a relationship that wasn't working, and now I am turning my life around and exploring new things!
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/46310b0f86bc4fdc088dbefb72a39923?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/holmise">Johan Holmlund</a>
</h3>
<p class="member__song">
<strong>Elite</strong>
<small>Kent</small>
</p>
<p class="member__song-text">
Family is important to me.
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>Globetrotting</h2>
<div class="team__description">
<p>
Listen your way around the world! Globetrotting is a music exploration app where you experience songs that are unique to places from all over the globe!
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/diversify/globetrotting" title="diversify/globetrotting">
<span class="icon"></span> Source code</a>
</li>
<li><a href="http://diversify.github.io/globetrotting/" title="http://diversify.github.io/globetrotting/">
<span class="icon">🌎</span> Live link</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<a href="http://diversify.github.io/globetrotting/"><img src="http://i.imgur.com/cg7YyFW.png" /></a>
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/c1e8f9b2772e16937e46d490c879c68a?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/gustavmortberg">Gustav Mörtberg</a>
</h3>
<p class="member__song">
<strong>Home</strong>
<small>Edward Sharpe & The Magnetic Zeros</small>
</p>
<p class="member__song-text">
A great love song and a celebration of life, the way it should be - the whole song reeks of wanderlust which is how I hope that I am.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/e77af7cc6b5d242f3a73d1ad780b8eaf?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/Desuvader">Dennis Jin</a>
</h3>
<p class="member__song">
<strong>Life Gets Better</strong>
<small>Ed Solo & Skool of Thought</small>
</p>
<p class="member__song-text">
Live life filled with challenges and struggles, while trying to uncover the mysteries of what I think is interesting. The lyrics resonates really well with my life mission.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/65032c45998e29571879363c0b23a695?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/AnnaKarlsson">Anna Karlsson </a>
</h3>
<p class="member__song">
<strong>Jag Skrattar Idag</strong>
<small>Ison & Fille</small>
</p>
<p class="member__song-text">
Because life is what happens when you are busy making other plans and all that you know ...
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/efc7afdd4cc93c1a3bf7a87c1358dc77?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/palmeranna">Anna Palmér</a>
</h3>
<p class="member__song">
<strong>Afterglow</strong>
<small>Wilkinson</small>
</p>
<p class="member__song-text">
I'm ready for my afterglow now when I'm only have one semester left until I graduate! Yeeey!
</p>
</li>
</ul>
</article>
<article class="team">
<header>
<div class="team__info">
<h2>Cover Me</h2>
<div class="team__description">
<p>
Our website allows you to reconstruct a photo of yours, with the album covers (used as pixles) of your very favorite Spotify playlist. Browse, add, create – it doesn't get any simpler to create a splendid piece of art!
</p>
</div>
<ul class="team__links">
<li><a href="https://github.com/pogestudio/MusicMe" title="https://github.com/pogestudio/MusicMe">
<span class="icon"></span> Source code</a>
</li>
</ul>
</div>
<figure class="team__screenshot">
<img src="images/teams/CoverMe.png" />
</figure>
</header>
<ul class="team__members">
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/414f89b4a45aeb467b1d76eef607cf13?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/corneliadamber">Cornelia Damber Håkansson</a>
</h3>
<p class="member__song">
<strong>A Little Party Never Killed Nobody (All We Got)</strong>
<small>Fergie, Q</small>
</p>
<p class="member__song-text">
Think big or go home! I really love the feeling you get of this song. Everything suddenly seems possible and way more fun. This song describe be in the way that when I do something I'm really found of I'm all in no matter what!
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/f3ece141aa02b4cbf57a7028b91bf316?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/aliaksandrkarasiou">Aliaksandr Karasiou</a>
</h3>
<p class="member__song">
<strong>Got The Life</strong>
<small>Korn</small>
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/d91d567db099549ca91065da7add09d4?size=200&d=blank" alt="" />
<h3>
<a href="http://github.com/pogestudio">Carl-Arvid Ewerbring</a>
</h3>
<p class="member__song">
<strong>S_M_A_S_H (Blende Remix)</strong>
<small>Surrender</small>
</p>
<p class="member__song-text">
It's gives energy just by listening to it, is a bit techno at the same time as funky, and overall sounds freaking awesome.
</p>
</li>
<li>
<img class="avatar" src="http://www.gravatar.com/avatar/ce57c57672fd68e10ae4d495c34eb1cf?size=200&d=blank" alt="" />
<h3>
Malin Arvidsson
</h3>