Update app.py

app.py

@@ -102,19 +102,34 @@ import gradio as gr
 
 def gradio_interface():
     with gr.Blocks(theme=gr.themes.Monochrome()) as demo:
-        gr.Markdown(
-            """<p>
-            <img src="https://raw.githubusercontent.com/pixeltable/pixeltable/main/docs/source/data/pixeltable-logo-large.png" alt="Pixeltable" width="20%" />
+        gr.Markdown("""
+            <img src="https://raw.githubusercontent.com/pixeltable/pixeltable/main/docs/source/data/pixeltable-logo-large.png" alt="Pixeltable" width="20%" /></img>
             <h1>Video to Social Media Post Generator</h1>
-            </p>
-            <ul>
-              <li><strong>Video Data Management:</strong> Creating tables and views to store and organize video data.</li>
-              <li><strong>Automated Video Processing:</strong> Extracting frames and audio from videos.</li>
-              <li><strong>Data Transformation:</strong> Computing and storing metadata, transcriptions, and AI-generated content.</li>
-              <li><strong>AI Integration:</strong> Utilizing OpenAI's GPT and Whisper models for transcription and content generation.</li>
-              <li><strong>Custom Functions:</strong> Defining user-defined functions (UDFs) for specialized tasks like prompt construction.</li>
-              <li><strong>Data Persistence:</strong> Storing transformed data and AI outputs for easy retrieval and analysis.</li>
-            </ul>
+               """
+        )
+            with gr.Row():
+                with gr.Column():  
+                   gr.Markdown("""
+                    <ul>
+                      <li><strong>Video Data Management:</strong> Creating tables and views to store and organize video data.</li>
+                      <li><strong>Automated Video Processing:</strong> Extracting frames and audio from videos.</li>
+                      <li><strong>Data Transformation:</strong> Computing and storing metadata, transcriptions, and AI-generated content.</li>
+                      <li><strong>AI Integration:</strong> Utilizing OpenAI's GPT and Whisper models for transcription and content generation.</li>
+                      <li><strong>Custom Functions:</strong> Defining user-defined functions (UDFs) for specialized tasks like prompt construction.</li>
+                      <li><strong>Data Persistence:</strong> Storing transformed data and AI outputs for easy retrieval and analysis.</li>
+                    </ul>
+            """
+        )
+                with gr.Column():  
+                   gr.Markdown("""
+                    <ul>
+                      <li><strong>Video Data Management:</strong> Creating tables and views to store and organize video data.</li>
+                      <li><strong>Automated Video Processing:</strong> Extracting frames and audio from videos.</li>
+                      <li><strong>Data Transformation:</strong> Computing and storing metadata, transcriptions, and AI-generated content.</li>
+                      <li><strong>AI Integration:</strong> Utilizing OpenAI's GPT and Whisper models for transcription and content generation.</li>
+                      <li><strong>Custom Functions:</strong> Defining user-defined functions (UDFs) for specialized tasks like prompt construction.</li>
+                      <li><strong>Data Persistence:</strong> Storing transformed data and AI outputs for easy retrieval and analysis.</li>
+                    </ul>
             """
         )
 
@@ -160,10 +175,8 @@ def gradio_interface():
 
         gr.HTML(
             """
-                <div class="footer">
                     <p>Pixeltable is a declarative interface for working with text, images, embeddings, and even video, enabling you to store, transform, index, and iterate on data. Powered solely by <a href="https://github.com/pixeltable/pixeltable" style="text-decoration: underline;" target="_blank">Pixeltable</a> - running OpenAI (gpt-4o-mini-2024-07-18).</a></p>
                 <p><a href="https://colab.research.google.com/github/pixeltable/pixeltable/blob/release/docs/release/tutorials/pixeltable-basics.ipynb"><img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Colab"></a></p>
-                </div>
            """
         )
     return demo