-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
43 lines (43 loc) · 1.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dònghuà (动画)</title>
<link rel="stylesheet" type="text/css" href="sp://import/css/eve.css">
<link rel="stylesheet" type="text/css" href="sp://import/css/api.css">
<link rel="stylesheet" type="text/css" href="donghua.css">
</head>
<body onload="sp = getSpotifyApi(1); donghua = sp.require('donghua'); donghua.init();">
<div id="content">
<div id="loading">
<div id="spinner"></div>
<h1>动画</h1>
<p>Dònghuà is loading for you</p>
</div>
<div id="fullscreen">
<a class="sp-button">Return to main screen</a>
</div>
<div id="list">
<h1>动画</h1>
<p>Reddit's top animated gifs as BPM based Spotify playlist generator. Universe, dented.</p>
</div>
<div id="footer">
Made by <a href="https://twitter.com/#!/marcelcorso">Marcel Corso</a> and <a href="https://twitter.com/#!/samwierema">Sam Wierema</a><br /><br />
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="spin.min.js"></script>
<script>
var opts = { lines: 11, length: 23, width: 10, radius: 31, rotate: 10, color: '#000', speed: 1, trail: 60, shadow: false, hwaccel: false, className: 'spinner', zIndex: 2e9, top: 'auto', left: 'auto' };
var target = document.getElementById('spinner');
var spinner = new Spinner(opts).spin(target);
</script>
<script>
$(document).ready(function() {
if($(window).height() > 290) {
$('body').css({'margin-top': (($(window).height() - 290) / 2 + 'px')});
}
});
</script>
</body>
</html>