nano/index.html at master · sdslabs/nano · GitHub

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
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="Cards">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Muzi Nano</title>
		<link rel="stylesheet" href="style.css">
		<link rel="shortcut icon" type="image/ico" href="favicon.ico"/>
		<link rel="author" href="humans.txt">
		<script src="./js/jquery.min.js" type="text/javascript"></script>
		<script src="./js/howler.js" type="text/javascript"></script>
	</head>
	<body>
		<div class="selector">
			<h1>Select a playlist</h1>
			<ul>
			</ul>
		</div>
		<div class="container">
			<div class="card">
				<div class="poster" style=""></div>
				<div class="dashboard">
					<div class="info">
						<div class="title">
						</div>
						<div class="artist">
						</div>
						<div class="time">
							<div class="progress">
								<div></div>
							</div>
						</div>
					</div>
					<div class="controls">
						<div class="previous-button">
							<img src="./img/rewind-icon-white.png" alt="">
						</div>
						<div class="pause-button">
							<img src="./img/pause-icon-white.png" alt="">
						</div>
						<div class="next-button">
							<img src="./img/fast-forward-icon-white.png" alt="">
						</div>
					</div>
				</div>
			</div>
			<div class="flap flap-right">
				<ul class="icons">
					<li class="shuffle-button">
						<img src="./img/shuffle-icon-white.png" alt="">
					</li>
					<!-- <li class="repeat-button">
						<img src="./img/repeat-3-icon-white.png" alt="">
					</li> -->
					<li class="share-button">
						<a href="#" target="_blank"><img src="./img/share-icon-white.png" alt=""></a>
					</li>
					<li class="favorite-button">
						<img src="./img/favorite-icon-white.png" alt="">
					</li>
				</ul>
			</div>
			<div class="flap flap-bottom">
				<div class="volume-container">
					<div class="volume"></div>
				</div>
			</div>
		</div>
	</body>
	<script src="./js/configurator.js" type="text/javascript"></script>
	<script src="./js/script.js" type="text/javascript"></script>
	<!-- Piwik -->
	<script type=`text/javascript`>
	var pkBaseURL = ((`https:` == document.location.protocol) ? `https://stat.sdslabs.co.in/` : `http://stat.sdslabs.co.in/`);
	document.write(unescape(`%3Cscript src='` + pkBaseURL + `piwik.js' type='text/javascript'%3E%3C/script%3E`));
	</script><script type=`text/javascript`>
	try {
		var piwikTracker = Piwik.getTracker(pkBaseURL + `piwik.php`, 1);
		piwikTracker.trackPageView();
		piwikTracker.enableLinkTracking();
	} catch( err ) {}
	</script><noscript><p><img src=`http://stat.sdslabs.co.in/piwik.php?idsite=1` style=`border:0` alt=`` /></p></noscript>
	<!-- End Piwik Tracking Code -->
</html>