-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplaylist-details.html
114 lines (89 loc) · 5.46 KB
/
playlist-details.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
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<title>CHIME DEMO - new</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/icon-fonts.css" />
<link rel="stylesheet" type="text/css" href="css/vendor/jquery.sidr.dark.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'/>
</head>
<body>
<!--<ul class="full-slideshow">-->
<!--<li><span>Image 01</span><div></div></li>-->
<!--<li><span>Image 02</span><div></div></li>-->
<!--<li><span>Image 03</span><div></div></li>-->
<!--<li><span>Image 04</span><div></div></li>-->
<!--<li><span>Image 05</span><div></div></li>-->
<!--<li><span>Image 06</span><div></div></li>-->
<!--</ul>-->
<div class="pg-playlist-details page-wrap">
<div class="blurred-bg1">
<div class="top-wrap">
<ul class="menu-bar">
<li><a id="global-menu" href="#sidr-menu-source"><span class="icon-menu" aria-hidden="true"></span></a></li>
<li><h1 class="top-title"></h1></li>
<li><a id="global-settings"><span class="icon-menu" aria-hidden="true"></span></a></li>
</ul>
<div class="scrubber-row">
<div class="song-img"><img src="http://placehold.it/40x40/414042/ffffff" width="40" height="40"></div>
<div class="song-text">
<div class="song-title">Ain't No Sunshine</div>
<div class="song-artist">Bill Withers</div>
</div>
<div class="player-controls">
<span class="prev-song">Prev</span>
<span class="play-song">Play</span>
<span class="next-song">Next</span>
</div>
</div>
</div>
</div>
<div class="mid-wrap">
<div class="playlist-details-row">
<h1 class="section-title">Sunny Music Details</h1>
<div class="playlist-info-txt clr">
<p>
I have a soft spot in my heart for the song "Sunny Side of the Street", and that song has helped me get through some tough times in my life. The lyric "Life can be so sweet/On the sunny side of the street" captures our general belief that rainy days are sad, while unny days are happy.
</p>
</div>
</div>
<div class="playlist-suggestions-row">
<h1 class="section-title">You Might Hear Artists Like…</h1>
<div class="playlist-thumbs clr">
<div class="play-thumb"><img src="http://www.kickkicksnare.com/wp-content/uploads/2013/09/Sept-Mix-Art-85x85.jpg?084b2c" width="85" height="85"></div>
<div class="play-thumb"><img src="http://www.hmv.com.sg/images/catalogue_cache/85x85_656982-3741795.jpg" width="85" height="85"></div>
<div class="play-thumb"><img src="http://www.kickkicksnare.com/wp-content/uploads/2013/09/Sept-Mix-Art-85x85.jpg?084b2c" width="85" height="85"></div>
<div class="play-thumb"><img src="http://www.hmv.com.sg/images/catalogue_cache/85x85_656982-3741795.jpg" width="85" height="85"></div>
<div class="play-thumb"><img src="http://www.kickkicksnare.com/wp-content/uploads/2013/09/Sept-Mix-Art-85x85.jpg?084b2c" width="85" height="85"></div>
<div class="play-thumb"><img src="http://www.hmv.com.sg/images/catalogue_cache/85x85_656982-3741795.jpg" width="85" height="85"></div>
<div class="play-thumb"><img src="http://www.kickkicksnare.com/wp-content/uploads/2013/09/Sept-Mix-Art-85x85.jpg?084b2c" width="85" height="85"></div>
<div class="play-thumb"><img src="http://www.hmv.com.sg/images/catalogue_cache/85x85_656982-3741795.jpg" width="85" height="85"></div>
</div>
</div>
</div>
</div>
<!-- JavaScript Includes -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
<script>
moment.lang('en', {
meridiem : function (hour, isLowercase) {
if (hour < 12) {
return "A";
} else {
return "P";
}
}
});
function update_time(){
var now = moment().format("h:MM A");
$(".digits").text(now)}
update_time();
setInterval(update_time, 1000);
</script>
</body>
</html>