Skepify/index.html at master · Skepller/Skepify · 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
<html>

<head>
  <title>Skepify - Spotify 3D Visualizer</title>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <link rel="stylesheet" href="style.css" />
  <link rel="stylesheet" href="gh-fork-ribbon.min.css" />
  <script type="text/javascript" src="glmatrix.js"></script>
  <script type="text/javascript" src="script.js"></script>
  <script type="text/javascript" src="colorThief.js"></script>
  <link href="static/css/all.css" rel="stylesheet">
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

  <!-- Vectorization scripts -->
  <script type="text/javascript" src="vectorization/delaunay.js"></script>
  <script type="text/javascript" src="vectorization/jpeg-js.js"></script>
  <script type="text/javascript" src="vectorization/apng-canvas.min.js"></script>
  <script type="text/javascript" src="vectorization/jpegdecoder.js"></script>
  <script type="text/javascript" src="vectorization/request.js"></script>
  <script type="text/javascript" src="vectorization/Buffer.js"></script>
  <script type="text/javascript" src="vectorization/vectorizer.js"></script>
</head>

<body onmousemove="showtoast();" onmousedown="showtoast();" id="body">
  <div id="options">
    <i onclick="refresh()" id="refresh" class="fas fa-sync-alt tooltip"><span class="tooltiptext">Refresh</span></i>
    <br><br>
    <i onclick="changeAcc()" id="changeAcc" class="fas fa-exchange-alt tooltip"><span class="tooltiptext">Change Account</span></i>
    <br><br>
    <i onclick="goFullScreen()" id="full-screen" class="fas fa-compress tooltip"><span class="tooltiptext">Fullscreen</span></i>
  </div>
  <canvas id="canvas" style="border: none; width:100%; height:100%;" width="1200" height="800">
  </canvas><br />
  <div id="biglogin" class="biglogin">
    <img src="skepify logo.png" />
    <a onclick="login()">Sign in to Spotify</a></div>
  <div id="bar"></div>
  <div id="floatingcover">
    <div>
      <span id="floatingname"><span></span></span>
      <br>
      <span id="floatingartist"><span></span></span>
    </div>
  </div>
  <div id="toast" class="toast"><span id="text"></span><span id="text2"></span>
    <div id="previous" onclick="goBack()"><i class="fas fa-backward"></i></div>
    <div id="next" onclick="goNext()"><i class="fas fa-forward"></i></div>
    <img id="cover">
    <div class="trackposition" id="trackposition">
      <div class="fill" id="trackpositionfill"></div>
    </div>
</body>
</body>

</html>