-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
184 lines (184 loc) · 10.1 KB
/
index.html
File metadata and controls
184 lines (184 loc) · 10.1 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sleep Well Turntable.fm</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/webflow.css">
<link rel="stylesheet" type="text/css" href="css/ttfm.webflow.css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ["Oswald:300,400,700"]
}
});
</script>
<link rel="icon" type="image/x-icon" href="https://y7v4p6k4.ssl.hwcdn.net/placeholder/favicon.ico">
</head>
<body>
<div class="header">
<!--<div class="intro">
<div class="w-container">
<p>This page is under construction and will be finished shortly!</p>
</div>
</div>-->
<div class="w-container">
<p>
<br>
<img src="http://i.imgur.com/YkSAvz5.png">
</p>
<h1 class="title"> Sleep Well</h1>
<h1 class="title main">Turntable.fm </h1>
<h2 class="smaller"> 12/2/2013 · 10pm EST </h2>
</div>
</div>
<div class="links whatsnext">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<h2>What's Next?</h2>
<p>Turntable.fm has refocused their efforts on Turntable Live, a platform where artists can engage with their fans by rocking out to paid live performances.</p><a class="button" href="http://turntable.com/">Check out Turntable Live!</a>
</div>
<div class="w-col w-col-6">
<h2>List of Moved Rooms</h2>
<p>Don't be sad... Your favorite rooms have moved to other services like Plug.dj, Soundrop, MySpace, Mixify, Duomi, BronyTunes, FreeTable, and more (but mainly Plug.dj!) Check out this spreadsheet for more:</p><a class="button" href="https://docs.google.com/spreadsheet/lv?key=0Aqe_TNe5XQNSdHlNeEFoZ1lSMjR0MG5yVktfbjhzX0E&toomany=true#gid=0">Room Mitgation Spreadsheet</a>
</div>
</div>
<div class="w-row top-pad">
<div class="w-col w-col-6">
<h2>Introducing Plug.dj</h2>
<p>Plug.dj is a platform similar to Turntable.fm that is availiable worldwide. <em>It is a real-time social media experience combining music and video discovery in a fun and interactive online environment, complete with dancing avatars to match people’s personalities.</em>
</p><a class="button" href="http://plug.dj/">Check out Plug.dj!</a><a class="button alt" href="http://plug.dj/about">Learn More</a>
</div>
<div class="w-col w-col-6">
<p class="right">
<img src="http://i.imgur.com/x62WscY.png">Plug.dj Room</p>
</div>
</div>
</div>
</div>
<div class="links playlists">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<h2>Public Playlists</h2>
<p>Here are some users that have posted playlists - CSV files ready to be imported into Plug.dj: <em>(This is being updated right now!)</em>
</p>
<a class="button alt" href="https://github.com/ttdevelopers/playlists/tree/master/The%20Sound%20Chemist">The Sound Chemist</a>
<a class="button alt" href="https://github.com/ttdevelopers/playlists/tree/master/DJ%20Fella">DJ Fella</a>
<a class="button alt" href="https://github.com/ttdevelopers/playlists/tree/master/SubFuze">SubFuze</a>
<p class="top-pad">Send us pull requests or shoot an e-mail to turntable(at)victorlourng.com if you want your playlist featured here!</p><a class="button" href="https://github.com/ttdevelopers/playlists">Browse Playlists by User</a>
</div>
<div class="w-col w-col-6">
<p class="right">
<img src="http://i.imgur.com/QBLpoVv.png?1?9823">
<br>
<br>A Sample Playlist</p>
</div>
</div>
</div>
</div>
<div class="links">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<h2>Official Avatars</h2>
<p>We have put together a repository containing every single Turntable.fm avatar that has ever existed. The originals were designed by Yiying Lu, and others were created by the Turntable.fm Staff. Enjoy with care! <3</p><a class="button" href="/EverySingleAvatar.html">Master List of Avatars</a>
<a class="button alt" href="https://github.com/ttdevelopers/avatars">GitHub Repository</a>
</div>
<div class="w-col w-col-6">
<p class="right">
<img src="https://raw.github.com/ttdevelopers/avatars/master/8_FullFront.png">
<img src="https://raw.github.com/ttdevelopers/avatars/master/15_FullFront.png">
<img src="https://raw.github.com/ttdevelopers/avatars/master/8_FullFront.png">
<br>
<br>Some Turntable.fm Avatars</p>
</div>
</div>
</div>
</div>
<div class="links images">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<h2>Image Assets</h2>
<p>We have put together a repository containing every single Turntable.fm room asset used throughout the site, including quite a few random pages here and there. Enjoy with care! <3</p><a class="button" href="https://github.com/ttdevelopers/image-assets">GitHub Repository</a>
<a class="button alt" href="http://emoji-cheat-sheet.com">Emoji Cheat Sheet</a>
</div>
<div class="w-col w-col-6">
<p class="right">
<img src="http://i.imgur.com/46FWcNL.png?1">
<br>A Superuser spining on a Turntable</p>
</div>
</div>
</div>
</div>
<div class="links images">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<h2>Turntable.fm Data Dump</h2>
<p>Turntable.fm plans on making anonymous raw data dumps available for developers to have fun with.</p><a class="button alt disabled" href="http://emoji-cheat-sheet.com">Coming Soon!</a>
</div>
<div class="w-col w-col-6">
<h2>Room Statistics</h2>
<p>Throughout the years, ttStats and ttDashboard has kept tabs on who has earned what, and where. An archive is available online.</p><a class="button" href="http://ttDashboard.com/">Visit ttDashboard</a>
</div>
</div>
</div>
</div>
<div class="links connect">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<h2>Stay Connected</h2>
<p>Nick George (Izzmo) has created a Facebook Group and a Facebook Page so that the Turntable.fm community can come together after the shutdown.
<br>
<br>After all, we're one big happy family!
<img src="http://www.emoji-cheat-sheet.com/graphics/emojis/smile.png" width="14" height="14">
</p><a class="button block" href="https://www.facebook.com/groups/turntablefmcommunity/">Join Facebook Group</a>
<div class="w-widget w-widget-facebook likebox button alt">
<iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fturntablefm&layout=standard&action=like&show_faces=false&share=false" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 225px; height: 35px;"></iframe>
</div>
</div>
<div class="w-col w-col-6">
<p class="screenshot right">
<img src="http://i.imgur.com/HJwv36P.png">
<br>Facebook Group</p>
</div>
</div>
</div>
</div>
<div class="community links press">
<div class="w-container">
<h2>Press Coverage</h2>
<p>The internet has been closely following the presence of Turntable.fm. Here are some articles posted throughout the years on Turntable.fm: <em>(This is being updated right now!)</em>
</p>
<div class="w-row">
<div class="w-col w-col-4">
<h3>2011</h3><a class="article" href="http://www.businessweek.com/magazine/turntablefm-where-the-dj-is-in-the-next-cubicle-07072011.html"><strong>7/7 - Bloomberg BusinessWeek<br></strong>Turntable.fm: Where the DJ Is in the Next Cubicle</a><a class="article"
href="http://radiosurvivor.com/2011/12/02/turntable-fm-mashup-fans-launch-first-online-mashtival/"><strong>12/2 - RadioSurvivor<br></strong>Turntable.fm mashup fans launch first online “Mashtival”</a>
</div>
<div class="w-col w-col-4">
<h3>2012</h3><a class="article" href="http://www.wired.com/underwire/2012/03/turntable-fm-goes-legit/"><strong>3/13 - Wired<br></strong>Turntable.fm Goes ‘Legit’ With Licenses From All 4 Major Labels</a><a class="article" href="http://www.inc.com/magazine/201205/burt-helm/turntable-founders-sxsw-where-did-our-love-go.html"><strong>4/20 - Inc.<br></strong>Turntable.fm: Where Did Our Love Go?</a>
</div>
<div class="w-col w-col-4 link">
<h3>2013</h3><a class="article" href="http://mashable.com/2013/12/02/turntable-shuts-down/"><strong>12/2 - Mashable<br></strong>Come and Give Turntable.fm the Sendoff It Deserves</a><a class="article" href="http://www.theverge.com/2013/12/2/5167020/dropping-the-needle-the-life-and-death-of-turntable-fm"><strong>12/2 - The Verge<br></strong>Dropping the needle: the life and death of Turntable.fm</a>
</div>
</div>
</div>
</div>
<div class="footer links">
<div class="w-container">
<h2 class="smaller">You will be missed, Turntable.fm.</h2>
<p class="muted">Site designed & created with
<img src="http://www.emoji-cheat-sheet.com/graphics/emojis/heart.png" width="14" height="14">by Victor Lourng (The Sound Chemist) under the GPL v2.
<br>Want to give thanks to the Turntable.fm team? Go contact CEO Billy Chasen at billy(at)ketchup.is!</p><a class="button" href="https://github.com/ttdevelopers/ttdevelopers.github.com">Fork this site on GitHub</a><a class="button top alt" href="#">Back to Top</a>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/webflow.js"></script>
</body>
</html>