Add application file

app.py

@@ -1,4 +1,5 @@
 
+
 import gradio as gr
 import os 
 import json 
@@ -104,10 +105,11 @@ def set_visible_true():
     return gr.update(visible=True)
 
 # Title
-title = """
-<div style="text-align: center;max-width: 700px;">
-    <h1>ChatGPT4 Demo</h1>
-    <p style="text-align: left;">Instruction: <br />
+title = """<h1 align="center">ChatGPT4 Demo</h1>"""
+
+# Instruction
+instruction = """
+<p style="text-align: left;">Instruction: <br />
     1. Input your Open API key <br />
     2. System message (2 options): <br />
     2.1 Directly input into system message box.  <br />
@@ -124,7 +126,7 @@ system_msg_info = """System message helps set the behavior of the AI Assistant.
 
 with gr.Blocks(css = """#col_container { margin-left: auto; margin-right: auto;} #chatbot {height: 520px; overflow: auto;}""") as demo:
     gr.HTML(title)
-
+    gr.HTML(instruction)
     with gr.Column(elem_id = "col_container"):
         #Users need to provide their own GPT4 API key, it is no longer provided by Huggingface 
         with gr.Row():