blob: e7e51b2dc6fca8938e90f3a949345dffcb2612dd (
plain)
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
|
---
stylesheets:
- /css/spotify.css
scripts:
- /scripts/spotify.js
---
<h1>Spotify</h1>
<div id="music-player" class="monospace">
<img id="song-album-art" src=""></img>
<div id="track">
<span id="song-title"></span>
<div>
<span id="song-artist"></span> - <span id="song-album"></span>
</div>
<div id="song-progress-bar">
<span id="song-progress"></span>
<div id="song-progress-bar-fill">
<div id="song-progress-bar-background"></div>
<div id="song-progress-bar-thumb"></div>
</div>
<span id="song-duration"></span>
</div>
</div>
<br>
</div>
<div id="metadata" class="monospace small">
<div id="connection-status">
<div id="connection-status-indicator"></div>
<span id="connection-status-text">Disconnected</span>
</div>
<a id="open-in-spotify" target="_blank" href="#">
Open in Spotify
</a>
</div>
<p class="small">
<em>
This page shows what I'm currently listening to on Spotify.
It requires JavaScript to work, and was inspired by
<a href="https://joinmymusic.com/">ssamjh's Music Sync</a>.
</em>
</p>
|
