Update app.py

app.py

@@ -3,9 +3,6 @@ import gradio as gr
 from PIL import Image
 import os
 
-import time
-import tqdm
-
 import openai
 
 #api_key = os.environ.get('api_key')
@@ -105,6 +102,20 @@ title = """
     </div>
 """
 
+article = """
+    <p style="font-size: 0.8em;line-height: 1.2em;">Note: this demo is not able to sustain a conversation from earlier responses. 
+    For more detailed results and dialogue, you should use the official ChatGPT interface.
+    <br />—
+    <br/>Also, be aware that audio records from iOS devices will not be decoded as expected by Gradio. For the best experience, record your voice from a computer instead of your smartphone ;)</p>
+    <div class="footer">
+        <p>Whisper & 
+        <a href="https://chat.openai.com/chat" target="_blank">chatGPT</a> 
+        by <a href="https://openai.com/" style="text-decoration: underline;" target="_blank">OpenAI</a> - 
+        Gradio Demo by 🤗 <a href="https://twitter.com/fffiloni" target="_blank">Sylvain Filoni</a>
+        </p>
+    </div>
+"""
+
 with gr.Blocks(css="style.css") as demo:
     
     with gr.Column(elem_id="col-container"):
@@ -130,7 +141,9 @@ with gr.Blocks(css="style.css") as demo:
                 openai_api_key = gr.Textbox(max_lines=1, type="password", label="🔐 Your OpenAI API Key", placeholder="sk-123abc...")
             
                 
-            send_btn = gr.Button("Send my request !")
+        send_btn = gr.Button("Send my request !")
+
+        gr.HTML(article)
     
     clean_btn.click(clean_components, inputs=[], outputs=[record_input, error_handler, whisper_tr, gpt_response, clean_btn])   
     send_btn.click(infer, inputs=[record_input, openai_api_key], outputs=[whisper_tr, gpt_response, error_handler, share_group, clean_btn])