Add a warning about developement mode

index.html

@@ -44,6 +44,13 @@ <h1 class="text-5xl font-bold">Random Spotify album selector</h1>
 
           <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 manually add each user to the application (Spotify username and email). If you want to use it <a class='link link-primary' href="https://maggick.fr/pages/about.html#Contact">contact me</a> with these information.</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"/>