-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtracks-solo.php
162 lines (140 loc) · 5.22 KB
/
tracks-solo.php
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
<?php
session_start();
$session_value = (isset($_SESSION['userData'])) ? $_SESSION['userData'] : '';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Music Taste Visualizer | Songs</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="imagens/separador.png" type="image/png" sizes="16x16">
<script type="text/javascript">
var userid = '<?php echo $session_value;?>';
</script>
<script src="p5/p5.js"></script>
<script src="p5/addons/p5.sound.js"></script>
<script src="https://cdn.deepstream.io/js/client/latest/ds.min.js"></script>
</head>
<body>
<div class="home-button"><a href="homepage.php">BACK TO HOMEPAGE</a></div>
<div class="informacao">
<img class="info" src="imagens/Info.png" width="834" height="834" alt="info">
<div class="popup-info">
<img class="imagem-info" src="imagens/LegendaSongs.png" width="2602" height="2599" alt="info">
<div class="fechar-info fechar-infoS">X</div>
</div>
</div>
<div class="menu">
<div class="unit">
<div class="titulo">MENU</div>
<div class="leave leaveSongs">Leave Room</div>
</div>
<div>
You are the only person in the room
<div class="list-people unit">
</div>
<div>
<div class="menu-option2">MY TOP SONGS</div>
Choose a song to add to the artboard
<div class="list-songs unit">
</div>
<div class="menu-option unit create-button">GENERATE PLAYLIST</div>
<div class="menu-option unit share-button">SAVE ART AND SHARE</div>
</div>
</div>
</div>
<div class="overlay hide">
</div>
<div class="logout hide">
<div class="close-logout close-logoutS">X</div>
<div class="unit">
<h2><b>Are you sure you want to leave?</b></h2>
All the songs you added to the artboard will be deleted.
</div>
<div class="unit">
<div class="menu-option back">
No, go back to artboard
</div>
<div class="menu-option confirm-logout">
Yes, I want to leave
</div>
</div>
</div>
<div class="share hide">
<div class="close-share close-shareS">X</div>
<div class="unit">
<h2><b>Share your art!</b></h2>
You can share the artboard you created in your social networks or download it and use it for anything you want!
</div>
<div class="unit">
<a target="popup"
onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://music-visualizer.duckdns.org:8888/','popup','width=600,height=400');">
<div class="menu-option">
<img class="contorno" src="imagens/facebook.png" width="100" alt="Facebook">
<div>Facebook</div>
</div>
</a>
<!--div class="menu-option">
<div><img src="icons/instagram.png"></div>
<div>Instagram</div>
</div-->
<a target="popup"
onclick="window.open('https://twitter.com/intent/tweet?text=Look%20at%20my%20sea%20of%20my%20Top%20Artists%20on%20Spotify','popup','width=600,height=400');">
<div class="menu-option">
<img class="contorno" src="imagens/twitter.png" width="100" alt="Twitter">
<div>Twitter</div>
</div>
</a>
<div class="menu-option download">
<div class="preview"></div>
<div>Download</div>
</div>
</div>
</div>
<div class="create-playlist hide">
<div class="close-create">X</div>
<div class="unit">
<h2><b>Create a Playlist!</b></h2>
Here is an overview of the playlist you can create! Choose a name, a cover image and select the songs you want, after just click the create button and VOI LÁ!
</div>
<form method="post" action="php/createPlaylist.php">
<div class="unit">
<div class="create-unit">
<div><label><input placeholder="Insert Playlist Name" type="text" name="playlistname" required></label></div>
<div class="added-songs-list">
<div></div>
</div>
</div>
<div class="create-unit">
<div>
Do you want to use this photo as playlist cover image? <br>
</div>
<div class="preview">
</div>
<div>
<label>Yes<input type="radio" name="cover" value="use" required></label>
<label>No<input type="radio" name="cover" value="dontuse" required></label>
</div>
</div>
</div>
<div class="unit create-buttons">
<input type="submit" value="CREATE">
<input class="close-create" type="button" name="cancel" onClick="window.location='tracks.php'" value="CANCEL">
</div>
</form>
</div>
<div class="no-url hide">
<div class="close-url">X</div>
<div class="unit">
<h2><b>Sorry!</b></h2>
</div>
<div class="unit">
Looks like Spotify doesn't have a preview of this Song or it's currently unvailable.
Please try another song. <br>
Thank You!
</div>
</div>
<script src="js/tracks-solo.js"></script>
</body>
</html>