Spaces:

sjw
/

Spotify-Chatbot

Runtime error

App Files Files Community

sjw commited on Sep 23, 2023

Commit

8680297

•

1 Parent(s): a1ba2f0

Upload 2 files

Browse files

Files changed (2) hide show

app.py +9 -8
messages.py +6 -9

app.py CHANGED Viewed

@@ -49,7 +49,7 @@ def debug_print(*args, **kwargs):
 THEME = gr.themes.Default(
     primary_hue=gr.themes.colors.stone,
-    font=[gr.themes.GoogleFont("Days One"), "monospace", "sans-serif"],
     spacing_size=gr.themes.sizes.spacing_sm,
     radius_size=gr.themes.sizes.radius_sm,
     text_size=gr.themes.sizes.text_lg
@@ -64,7 +64,7 @@ THEME = gr.themes.Default(
 # TODO: switch to personal website
-REDIRECT_URI = "https://jonaswaller.com"
 # Spotify functions
 SCOPE = [
@@ -78,7 +78,7 @@ SCOPE = [
 MOOD_SETTINGS = {
     "happy": {"max_instrumentalness": 0.001, "min_valence": 0.6},
     "sad": {"max_danceability": 0.65, "max_valence": 0.4},
-    "energetic": {"min_tempo": 120, "min_danceability": 0.75},
     "calm": {"max_energy": 0.65, "max_tempo": 130}
 }
@@ -884,13 +884,14 @@ with gr.Blocks(theme=THEME) as app:
     gr.Examples(["Play chill rap",
                 "I'm feeling great, match my vibe",
-                "Make me a relaxing playlist of SZA-like songs"],
-                inputs=[msg], label="Quick Start 🚀")
     gr.HTML('''
-    <p class="hover-item" style="color: #808080; font-size: 13px; padding: 12px 0; text-align: left;">
-        <a href="https://github.com/stuartwaller/Spotify-Chatbot" target="_blank">GitHub Repo</a> |
-        I'd love to hear your feedback: stuart.j.waller@vanderbilt.edu
     </p>
     ''')
 app.launch()

 THEME = gr.themes.Default(
     primary_hue=gr.themes.colors.stone,
+    font=[gr.themes.GoogleFont("Quicksand"), "monospace", "sans-serif"],
     spacing_size=gr.themes.sizes.spacing_sm,
     radius_size=gr.themes.sizes.radius_sm,
     text_size=gr.themes.sizes.text_lg
 # TODO: switch to personal website
+REDIRECT_URI = "https://stuartwaller.org"
 # Spotify functions
 SCOPE = [
 MOOD_SETTINGS = {
     "happy": {"max_instrumentalness": 0.001, "min_valence": 0.6},
     "sad": {"max_danceability": 0.65, "max_valence": 0.4},
+    "energetic": {"min_tempo": 110, "min_danceability": 0.70},
     "calm": {"max_energy": 0.65, "max_tempo": 130}
 }
     gr.Examples(["Play chill rap",
                 "I'm feeling great, match my vibe",
+                "Make me a relaxing playlist of SZA-like songs",
+                "Play music for the beach"],
+                inputs=[msg], label="Examples")
     gr.HTML('''
+    <p class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0; text-align: left;">
+        <a href="https://github.com/stuartwaller/Spotify-Chatbot" target="_blank">GitHub</a> |
+        Feedback is much appreciated. Please reach out to stuart.j.waller@vanderbilt.edu
     </p>
     ''')
 app.launch()

messages.py CHANGED Viewed

@@ -70,22 +70,19 @@ HTML = """
     }
     .video-link {
       font-size: 14px;
-      color: #808080 !important;
-    }
-    body * {
-      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
     }
   </style>
 </head>
 <body>
   <div class="container" style="text-align: left; margin-top: 50px;">
-    <h1 style="color: #161C32; font-size: 56px;">Apollo<sup style="color: #AC83F3;">AI</sup> Music Assistant <a class="video-link" href="https://www.youtube.com/watch?v=fwKukm3qjsk">Overview</a></h1>
     <h2 style="color: #AC83F3; font-size: 26px;">Experience personalized, intelligent music interaction like never before</h2>
     <ul style="list-style-type: none; padding: 12px 0; margin: 0;">
-      <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">1</span> Open your Spotify client</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">2</span> Login to <a href="https://developer.spotify.com">Spotify Developer</a> website</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">3</span> <a href="https://developer.spotify.com/dashboard">Dashboard</a> → Create app</li>
-      <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0; margin-bottom: -12px;"><span style="color: #AC83F3;">4</span> Set Redirect URI to <a href="https://jonaswaller.com">https://jonaswaller.com</a></li>
       <li style="color: #808080; font-size: 20px; padding: 0; margin-top: -12px; text-indent: 28px;">The other fields can be anything</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">5</span> Save → Settings</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">6</span> Copy your Spotify Client ID</li>
@@ -116,7 +113,7 @@ Welcome! Tell me your **mood** to help me select the best music for you
 ERROR_MSG = """
-Error: Unable to **connect to your Spotify** | Please ensure you followed the above steps correctly
-Need help? Watch this brief tutorial https://www.youtube.com/watch?v=fwKukm3qjsk&t=211s
 """

     }
     .video-link {
       font-size: 14px;
+      color: red !important;
     }
   </style>
 </head>
 <body>
   <div class="container" style="text-align: left; margin-top: 50px;">
+    <h1 style="color: #161C32; font-size: 56px;">Apollo<sup style="color: red;">AI</sup> Music Assistant <a class="video-link" href="https://www.youtube.com/watch?v=onFEQMJL7ac&t=1s">Quickstart Video 🚀</a></h1>
     <h2 style="color: #AC83F3; font-size: 26px;">Experience personalized, intelligent music interaction like never before</h2>
     <ul style="list-style-type: none; padding: 12px 0; margin: 0;">
+      <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">1</span> Open your Spotify Client</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">2</span> Login to <a href="https://developer.spotify.com">Spotify Developer</a> website</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">3</span> <a href="https://developer.spotify.com/dashboard">Dashboard</a> → Create app</li>
+      <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0; margin-bottom: -12px;"><span style="color: #AC83F3;">4</span> Set Redirect URI to <a href="https://stuartwaller.org">https://stuartwaller.org</a></li>
       <li style="color: #808080; font-size: 20px; padding: 0; margin-top: -12px; text-indent: 28px;">The other fields can be anything</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">5</span> Save → Settings</li>
       <li class="hover-item" style="color: #808080; font-size: 26px; padding: 12px 0;"><span style="color: #AC83F3;">6</span> Copy your Spotify Client ID</li>
 ERROR_MSG = """
+Unable to **connect to your Spotify** | Please ensure you followed the above steps correctly
+Watch the Quickstart Video for assistance: https://www.youtube.com/watch?v=onFEQMJL7ac&t=1s
 """