Update app.py

app.py

@@ -59,7 +59,7 @@ def inference(file_uploaded, composer):
 
 
 # Thanks a lot to "https://huggingface.co/Taithrah" for this theme.
-# taken from https://huggingface.co/spaces/Taithrah/Minimal
+# taken from https://huggingface.co/spaces/NoCrypt/miku
 block = gr.Blocks(theme="Taithrah/Minimal")
 
 with block:
@@ -86,34 +86,30 @@ with block:
         """
     )
     with gr.Group():
-        with gr.Box():
-            with gr.Row().style(mobile_collapse=False, equal_height=True):
-                file_uploaded = gr.Audio(label="Upload an audio", type="filepath")
+        with gr.Row().style(mobile_collapse=False, equal_height=True):
+            file_uploaded = gr.Audio(label="Upload an audio", type="filepath")
 
-                with gr.Column():
-                    with gr.Row():
-                        yt_link = gr.Textbox(label="Enter YouTube link of the Video")
-                        yt_btn = gr.Button("Get Audio from the YT link(Press this before pressing Generate)")
-                    
-                    
-                    yt_audio_path = gr.Audio(label="Audio Extracted from the YouTube Video", interactive=False)
-                    
-                    yt_btn.click(get_audio_from_yt_video, inputs=[yt_link], outputs=[yt_audio_path, file_uploaded])
+            with gr.Column():
+                with gr.Row():
+                    yt_link = gr.Textbox(label="Enter YouTube link of the Video", autofocus=True)
+                    yt_btn = gr.Button("Get Audio from the YT link(Press this before pressing Generate)")
 
-        with gr.Box():
-            with gr.Row().style(mobile_collapse=False, equal_height=True):
-                composer = gr.Dropdown(label="Arranger", choices=composers, value="composer1")
-                
-            with gr.Row().style(mobile_collapse=False, equal_height=True):
-                btn = gr.Button("Generate")
+                yt_audio_path = gr.Audio(label="Audio Extracted from the YouTube Video", interactive=False)
+                yt_btn.click(get_audio_from_yt_video, inputs=[yt_link], outputs=[yt_audio_path, file_uploaded])
+    
+    with gr.Group():
+        with gr.Column():
+            composer = gr.Dropdown(label="Arranger", choices=composers, value="composer1")
+            btn = gr.Button("Generate")
         
-        with gr.Box():
-            with gr.Row().style(mobile_collapse=False, equal_height=True):
-                wav_output2 = gr.File(label="Download the Generated MIDI (.wav)")
-                wav_output1 = gr.Audio(label="Listen to the Generated MIDI")
-                midi_output = gr.File(label="Download the Generated MIDI (.mid)")
-                btn.click(inference, inputs=[file_uploaded, composer], outputs=[wav_output1, wav_output2, midi_output])
+    with gr.Group():
+        with gr.Row().style(mobile_collapse=False, equal_height=True):
+            wav_output2 = gr.File(label="Download the Generated MIDI (.wav)")
+            wav_output1 = gr.Audio(label="Listen to the Generated MIDI")
+            midi_output = gr.File(label="Download the Generated MIDI (.mid)")
+            btn.click(inference, inputs=[file_uploaded, composer], outputs=[wav_output1, wav_output2, midi_output])
                 
+    with gr.Group():
         gr.Examples([
             ["./examples/custom_song.mp3", "composer1"],
             ["./examples/BornThisWay.mp3", "composer1"],
@@ -127,7 +123,20 @@ with block:
         gr.HTML(
             """
         <div class="footer">
-                    <p><a href="http://sweetcocoa.github.io/pop2piano_samples" style="text-decoration: underline;" target="_blank">Project Page</a>
+                    <center>The design for this Space is taken from <a href="https://huggingface.co/spaces/NoCrypt/miku"> NoCrypt/miku </a>
+                    </p>
+        </div>
+        """
+        )
+        
+        gr.HTML(
+            """
+        <div class="footer">
+                    <center><p><a href="http://sweetcocoa.github.io/pop2piano_samples" style="text-decoration: underline;" target="_blank">Project Page</a> 
+                    <center><a href="https://huggingface.co/docs/transformers/main/model_doc/pop2piano" style="text-decoration: underline;" target="_blank">HuggingFace Model Card</a>
+                    <center><a href="http://sweetcocoa.github.io/pop2piano_samples" style="text-decoration: underline;" target="_blank">Github</a>
+                    
+                    
                     </p>
         </div>
         """