ui updated

app.py

@@ -216,7 +216,7 @@ label, .gr-label {
 """
 
 # Create Gradio interface
-with gr.Blocks(css=css, theme=gr.themes.Default()) as demo:
+with gr.Blocks(css=css, theme=gr.themes.Ocean()) as demo:
     # Title and Logo
     gr.HTML(
         """
@@ -288,7 +288,7 @@ with gr.Blocks(css=css, theme=gr.themes.Default()) as demo:
                 elem_id="output"
             )
             
-            with gr.Accordion("How It Works", open=True):
+            with gr.Accordion("How It Works", open=False):
                 gr.Markdown("""
                     ## The SONICS classifier
                     
@@ -308,8 +308,8 @@ with gr.Blocks(css=css, theme=gr.themes.Default()) as demo:
     with gr.Accordion("Example Audio Files", open=True):
         gr.Examples(
             examples=[
-                ["demo/real_song.mp3", "SpecTTTra-γ (5s)"],
-                ["demo/fake_song.mp3", "SpecTTTra-γ (5s)"],
+                ["example/real_song.mp3", "SpecTTTra-γ (5s)"],
+                ["example/fake_song.mp3", "SpecTTTra-γ (5s)"],
             ],
             inputs=[audio_input, model_dropdown],
             outputs=[output],
@@ -321,8 +321,8 @@ with gr.Blocks(css=css, theme=gr.themes.Default()) as demo:
     gr.HTML(
         """
         <div class="footer" style="text-align: center;">
-            <p style="color: #bbbbbb; font-size: 14px;">SONICS: Synthetic Or Not - Identifying Counterfeit Songs | ICLR 2025</p>
-            <p style="color: #777777; font-size: 12px;">For research purposes only</p>
+            <p style="color: #bbbbbb; font-size: 14px;">SONICS: Synthetic Or Not - Identifying Counterfeit Songs | Created by SONICS Team</p>
+            <p style="color: #777777; font-size: 12px;">© 2025 - For research purposes only</p>
         </div>
         """
     )