Spaces:
Sleeping
Sleeping
| <html lang="pl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Playlist Generator App</title> | |
| <style> | |
| body { | |
| background-color: #000; | |
| color: #00ff00; | |
| font-family: 'Courier New', Courier, monospace; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| height: 100vh; | |
| margin: 0; | |
| } | |
| .container { | |
| text-align: center; | |
| background-color: #000; | |
| border: 1px solid #00ff00; | |
| padding: 2rem; | |
| width: 90%; | |
| max-width: 700px; | |
| box-shadow: 0 0 10px #00ff00; | |
| } | |
| h1 { | |
| font-size: 36px; | |
| color: #00ff00; | |
| text-shadow: 0 0 5px #00ff00; | |
| } | |
| p { | |
| font-size: 16px; | |
| color: #00ff00; | |
| margin: 0.5rem 0; | |
| } | |
| hr { | |
| border: none; | |
| border-top: 1px solid #00ff00; | |
| margin: 1rem 0; | |
| } | |
| a.button-link { | |
| display: inline-block; | |
| padding: 10px 20px; | |
| background-color: #000; | |
| color: #00ff00; | |
| border: 1px solid #00ff00; | |
| text-decoration: none; | |
| border-radius: 3px; | |
| font-size: 16px; | |
| margin-top: 1rem; | |
| transition: all 0.2s ease-in-out; | |
| box-shadow: 0 0 5px #00ff00; | |
| } | |
| a.button-link:hover { | |
| background-color: #00ff00; | |
| color: #000; | |
| box-shadow: 0 0 10px #00ff00; | |
| } | |
| small { | |
| font-size: 12px; | |
| color: #00cc00; | |
| } | |
| .red { | |
| color: red; | |
| } | |
| .blinker::after { | |
| content: '_'; | |
| animation: blink 1s steps(2, start) infinite; | |
| } | |
| @keyframes blink { | |
| to { | |
| visibility: hidden; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1 class="blinker">Welcome to Playlist Generator</h1> | |
| <hr> | |
| <p>This app allows you to make playlists with AI, search music, and export to .txt or Spotify.</p> | |
| <p>Please open from: <span class="red">https://tasiapi-playlistmaker.hf.space</span> — it's required for the app to function.</p> | |
| <a href="{{ url_for('login') }}" class="button-link">Login via Spotify to begin</a> | |
| <a href="{{ url_for('guest_login') }}" class="button-link">Continue as Guest</a> | |
| <hr> | |
| <p> | |
| <small> | |
| Login required for Spotify API usage.<br> | |
| A free Spotify account is enough.Send us email connected to your account and we will add it. You can also use guest mode.<br> | |
| Powered by Shapes.inc API → <a href="https://github.com/shapesinc/shapes-api" style="color: #00ff00;">GitHub</a><br> | |
| Hosted on Hugging Face → <a href="https://huggingface.co/spaces/tasiapi/playlistmaker/" style="color: #00ff00;">Space</a><br> | |
| Python Code by → <a href="https://github.com/martysl" style="color: #00ff00;">>Marty with ♥</a> | |
| </small> | |
| </p> | |
| </div> | |
| </body> | |
| </html> |