-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (51 loc) · 2.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.5.0/mapbox-gl.js"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.5.0/mapbox-gl.css" rel="stylesheet">
<link href="styles/css/main_style.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<!-- <button id="buttonPlay">Play</button>
<button id="buttonStop">Stop</button> -->
<div id="map">
<button class="" id="mapdisappearButton">Close</button>
</div>
<div id="playlist-container">
<div id="top-container">
<div id="left-container">
<div id="playlist-image"><img src="images/REGIONAL_GLOBAL_DEFAULT.jpg" alt=""></div>
</div>
<div id="right-container">
<p>CHART</p>
<h2 id="playlist-title">GLOBAL TOP 50</h2>
<p class="playlist-number">Your daily update of the most played tracks right now</p>
<div class="buttonbox">
<div id="mapAppearButton">
<img src="https://img.icons8.com/metro/26/ffffff/globe.png">
</div>
<div>
<button id="loginbutton">login</button>
</div>
</div>
</div>
</div>
<div id="bottom-container">
<p>Select a country, by pressing the globe icon, to view and listen to the top 50 playlist. Only the countries marked in green have an official playlist by Spotify. You might want to login if the key is expired. Enjoy!</p>
<table id="playlist-table"></table>
</div>
</div>
<div id="footer"><small>© 2019 Kasra Tabrizi</small></div>
</div>
<!--add the spotify player SDK-->
<script src="https://sdk.scdn.co/spotify-player.js"></script>
<script src="script/country_id.js"></script>
<script src="script/script.js"></script>
</body>
</html>