Update app.py

app.py

@@ -119,29 +119,6 @@ with gr.Blocks() as iface:
         video_input = gr.Video(label="Upload Video")
     
     analyze_button = gr.Button("Analyze")
-
-    gr.Markdown("### Example Videos")
-    with gr.Row():
-        with gr.Column(scale=1):
-            example_video_1_path = "examples/Scenes.From.A.Marriage.US.mp4"
-            preview_1 = get_middle_frame(example_video_1_path)
-            gr.Image(preview_1, label="Scenes From A Marriage")
-            example_video_1 = gr.Video(example_video_1_path, label="Example 1", visible=False)
-            use_example_button_1 = gr.Button("Load Example 1")
-        
-        with gr.Column(scale=1):
-            example_video_2_path = "examples/Billie Eilish.mp4"
-            preview_2 = get_middle_frame(example_video_2_path)
-            gr.Image(preview_2, label="Billie Eilish")
-            example_video_2 = gr.Video(example_video_2_path, label="Example 2", visible=False)
-            use_example_button_2 = gr.Button("Load Example 2")
-        
-        with gr.Column(scale=1):
-            example_video_3_path = "examples/Elliot Rodger.mp4"
-            preview_3 = get_middle_frame(example_video_3_path)
-            gr.Image(preview_3, label="Elliot Rodger")
-            example_video_3 = gr.Video(example_video_3_path, label="Example 3", visible=False)
-            use_example_button_3 = gr.Button("Load Example 3")
             
     # Create output components
     output_components = []
@@ -187,7 +164,31 @@ with gr.Blocks() as iface:
         gr.HTML("<div style='height: 20px;'></div>")
         gr.Image(value="appendix/AI Personality Detection flow - 1.png", label='Flowchart 1', width=1000)
         gr.Image(value="appendix/AI Personality Detection flow - 2.png", label='Flowchart 2', width=1000)
+
+    
+    gr.Markdown("### Example Videos")
+    with gr.Row():
+        with gr.Column(scale=1):
+            example_video_1_path = "examples/Scenes.From.A.Marriage.US.mp4"
+            preview_1 = get_middle_frame(example_video_1_path)
+            gr.Image(preview_1, label="Scenes From A Marriage")
+            example_video_1 = gr.Video(example_video_1_path, label="Example 1", visible=False)
+            use_example_button_1 = gr.Button("Load Example 1")
         
+        with gr.Column(scale=1):
+            example_video_2_path = "examples/Billie Eilish.mp4"
+            preview_2 = get_middle_frame(example_video_2_path)
+            gr.Image(preview_2, label="Billie Eilish")
+            example_video_2 = gr.Video(example_video_2_path, label="Example 2", visible=False)
+            use_example_button_2 = gr.Button("Load Example 2")
+        
+        with gr.Column(scale=1):
+            example_video_3_path = "examples/Elliot Rodger.mp4"
+            preview_3 = get_middle_frame(example_video_3_path)
+            gr.Image(preview_3, label="Elliot Rodger")
+            example_video_3 = gr.Video(example_video_3_path, label="Example 3", visible=False)
+            use_example_button_3 = gr.Button("Load Example 3")
+            
     analyze_button.click(
         fn=analyze_video,
         inputs=[video_input],