-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (91 loc) · 5.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Random Spotify album selector</title>
<meta content="width=device-width,initial-scale=1.0" name=viewport>
<script src="./src/script.ts" type="module"></script>
<link href="./tailwind.css" rel="stylesheet">
<meta name="description" content="Simplify your Spotify listening choice and add random saved album(s) to your queue in 1 click.">
<script defer src="https://eu.umami.is/script.js" data-website-id="3fd2620b-e9b8-4445-9d3a-161dee9977e1"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="navbar bg-base-100">
<div class="flex-1">
<a class="btn btn-ghost text-xl">Random Spotify album selector</a>
</div>
<div class="flex-none" id='logout-button'>
</div>
</div>
<div class="hero min-h-screen bg-base-200">
<div class="hero-content text-center">
<div class="max-w-md">
<h1 class="text-5xl font-bold">Random Spotify album selector</h1>
<p class="py-6">Add random saved album(s) directly to your playing queue in a breeze.</p>
<section id="controls">
</section>
<div class="divider"></div>
<section id="albums">
</section>
<div class="divider"></div>
<div role="alert" class="alert alert-warning">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>
<span>This application is still in
<a class="link link-secondary" href='https://developer.spotify.com/documentation/web-api/concepts/quota-modes'>development mode</a>
and I need to add each user to the application manually. If you want to use it <a class='link link-primary' href="https://maggick.fr/pages/about.html#Contact">contact me</a> with your Spotify username and email address.</span>
</div>
<div class="divider"></div>
<div tabindex="0" class="collapse collapse-arrow border border-base-300 bg-base-200">
<input type="checkbox" label="more information about this application"/>
<div class="collapse-title text-xl font-medium">
More information about this application.
</div>
<div class="collapse-content">
<p>
This application was inspired by
<a class="link link-secondary" href="https://www.nativenoise.co.za/">Paul Almeida-Seele</a>
<a class="link link-secondary" href="https://www.nativenoise.co.za/spotify/album-selector/">Spotify Album Selector</a>
and created with ❤️ and ☕ by
<a class="link link-secondary" href="https://maggick.fr">maggick</a>.
</p>
<br/>
<p>
No personal information is retrieved by the application and all your data stay safe in your browser.
This application require the minimal permission possible on your Spotify account and only use the
<a class="link link-primary" href="https://developer.spotify.com/documentation/web-api/concepts/scopes#user-library-read">
user-library-read</a> and the
<a class="link link-primary" href="https://developer.spotify.com/documentation/web-api/concepts/scopes#user-modify-playback-state">
user-modify-playback-state</a> permissions that allow to read your
Spotify library to pick the albums or favorite tracks and add them to your playlist.
</p>
<br/>
<p>
If you want to revoke access for this tool, go to your
<a class="link link-secondary" href="https://www.spotify.com/account/apps/">Approved Applications</a>
in your Spotify profile.
Look for <i>Random Album Selector</i> and click on the <i>Revoke Access</i> button beside it.
</p>
<br/>
<p>
Take a look at the <a class="link link-secondary" href="https://github.com/maggick/Spotify_RAS">source code</a>.
</p>
<br/>
<p>
<br/>
<a class="link link-primary" href="https://www.spotify.com/">LISTEN ON SPOTIFY</a>
</p>
<img class="h-auto max-w-full" src="https://developer.spotify.com/images/guidelines/design/logo.png" alt="Spotify Logo">
</div>
</div>
</div>
</div>
</div>
</body>
</html>