-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
179 lines (175 loc) · 10.4 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
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="View all releases by years and months of your followed artists on Spotify.">
<meta name="keywords" content="spotify, spotify releases, album, albums, spotify albums, tracks, tracks, spotify tracks, spotify appears, appear, appears, spotify compilations, album, release, compilation, compilations, releases, music, stream music">
<meta name="author" content="Jakub Kastner">
<title>Releases on Spotify</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#121212">
<link rel="apple-touch-icon" sizes="128x128" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<link rel="icon" type="image/ico" href="images/favicon64.png">
<link rel="manifest" href="manifest.webmanifest">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pontano+Sans">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
<header>
<div class="in-body">
<div class="in-header">
<div class="page-name">
<img src="images/favicon.png" alt="R">
<h1>eleases on Spotify</h1>
</div>
<div class="login" id="user" title="Click to login">
<i class="fab fa-spotify"></i>
<p>Login via Spotify</p>
</div>
</div>
<div class="in-main">
<nav class="hidden-menu" style="display: none">
<a class="button albums-button">Albums</a><a class="button eps-button">EPs</a><a class="button tracks-button">Tracks</a><a class="button appears-button">Appears</a><a class="button compilations-button">Compilations</a><a class="button podcasts-button">Podcasts</a><a class="button my-albums-button">Saved Albums</a>
</nav>
</div>
</div>
</header>
<main>
<div class="nav-date nav-hidden">
<div class="nav-mobile hidden"><i class="fas fa-bars"></i></div>
</div>
<div class="in-body">
<div class="in-main">
<h2 class="title"></h2>
<h2 class="message">View all releases by years and months of your followed artists on Spotify</h2>
<p class="error">To see new releases, you must login with your Spotify account.</p>
<a class="button login login-button" id="login-button"><i class="fab fa-spotify"></i>Login via Spotify</a>
<div class="actions" style="display: none;"></div>
<div class="albums" style="display: none;"></div>
<div class="eps" style="display: none;"></div>
<div class="tracks" style="display: none;"></div>
<div class="appears" style="display: none;"></div>
<div class="podcasts" style="display: none;"></div>
<div class="compilations" style="display: none;"></div>
<div class="my-albums" style="display: none;"></div>
<div class="settings" style="display: none;"></div>
<div class="logged-out">
<div class="settings-section">
<h3><i class="fas fa-info"></i> How to use</h3>
<ol>
<li>Login via Spotify</li>
<li>Select the release type to display</li>
<li>View releases, filter them by years or months</li>
<li>Add them to playlists, view a tracklist, play them or just open them in the Spotify application</li>
</ol>
</div>
<div class="settings-section">
<h3><i class="fas fa-search"></i> Functions</h3>
<ul>
<li>Display these types of releases from your followed artists:
<ul>
<li>albums</li>
<li>eps</li>
<li>tracks</li>
<li>appears</li>
<li>compilations</li>
<li>podcasts</li>
<li>your saved albums (all saved, not just followed)</li>
</ul>
</li>
<li>Actions with releases:
<ul>
<li>View tracklist</li>
<li>Play the release in web browser or in another Spotify Connect device
<ul>
<li>in settings you can choose your device</li>
<li>only for Spotify Premium users</li>
<li>the browser must support DRM (most mobile browsers do not support it) and must be enabled for this application</li>
<li>currently in beta</li>
</ul>
</li>
<li>Add release to playlist
<ul>
<li>in settings you can set your favourite (default) playlist</li>
<li>and set the position (first or last) of added releases to the playlist</li>
</ul>
</li>
<li>Open release in the Spotify application</li>
<li>Search release on YouTube Music
<ul>
<li>disabled as default, you can enable it in the settings</li>
</ul>
</li>
</ul>
</li>
<li>Another functions:
<ul>
<li>Notifications when releases are loaded
<ul>
<li>if you are following a lot of artists, you have a lot of playlists or you have a slow internet, the browser notifications may be useful</li>
<li>notification is displayed when releases are successfully loaded</li>
<li>the browser must support notifications and must be enabled for this application</li>
</ul>
</li>
<li>Hide releases from various artists</li>
</ul>
</li>
</ul>
</div>
<div class="settings-section">
<h3><i class="fas fa-exclamation-triangle"></i> Known issues</h3>
<p><em>Note: This application is still under development, some functions may not work well.</em></p>
<ul>
<li>If you leave the application running for a long time, all functions will stop working (add to playlist, play, load releases).
<ul>
<li>If you reload the page, the problem will disappear.</li>
</ul>
</li>
<li>Spotify player stops working when you open a release in the Spotify application.</li>
<li>Sometimes the release loading information does not disappear or is not displayed.
<ul>
<li>Does not have much effect on the functionality of the application</li>
</ul>
</li>
</ul>
</div>
<div class="settings-section">
<h3><i class="fas fa-lock"></i> Privacy</h3>
<ul>
<li>Data storage
<ul>
<li>The application runs in the user's browser, no data is sent to the server.</li>
<li>The only data that can be stored is stored by Spotify.</li>
</ul>
</li>
<li>Spotify scopes
<ul>
<li>The application for its functionality must obtain your data from Spotify to retrieve information from the API.</li>
<li>You can revoke access for this application in the <a href="https://www.spotify.com/account/apps/" rel="nofollow">Spotify settings</a>.</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="loader"></div>
</div>
<button class="top" id="top" title="Top"><i class="fas fa-angle-double-up"></i></button>
</main>
<footer>
<div class="in-body">
<p><a href="https://github.com/jakubkastner/released-albums" target="_blank" rel="noreferrer noopener"><i class="far fa-copyright"></i> 2018-2021 Jakub Kastner<br><em>Note: This application is still under development, some functions may not work well.</em></a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://sdk.scdn.co/spotify-player.js"></script>
<script src="scripts/main.js"></script>
<script src="scripts/login.js"></script>
<script src="scripts/library.js"></script>
<script src="scripts/show.js"></script>
<script src="scripts/actions.js"></script>
<script src="scripts/playback.js"></script>
</body>
</html>