-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (35 loc) · 1.28 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Music Taste Visualizer | Login</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="p5/p5.js"></script>
<script src="p5/addons/p5.sound.js"></script>
<link rel="icon" href="imagens/separador.png" type="image/png" sizes="16x16">
</head>
<body style="background-color: black; height: 100vh; overflow: hidden">
<script>
if(window.innerWidth <= 1200) {
window.location = 'not-for-mobile.php';
}
</script>
<div class="login">
<div class="titulo unit">WELCOME!</div>
<div class="unit"><b>Welcome to Music Taste Visualizer!</b><br><br>
Here you can listen to music with your eyes!
Using shapes and lines and data provided by the spotify API,
we build shapes based on the characteristic of your favorite playlists,
songs and artists. You can also join your friends and create a personalized artboard
or you can even join the comun room and contribute to the artboard with you music!<br><br>
Login to your spotify to get started!
</div>
<a href="php/loginSpotify.php">
<div class="option">
Login to Your Spotify
</div>
</a>
</div>
<script src="js/login.js"></script>
</body>
</html>