Update app.py

app.py

@@ -1,5 +1,5 @@
 import gradio as gr
-
+import base64
 from gpt_reader.pdf_reader import PaperReader
 from gpt_reader.prompt import BASE_POINTS
 
@@ -18,13 +18,31 @@ class GUI:
             return "Please upload PDF file first!"
         return self.session.question(question)
 
-
+with open("./logo.png", "rb") as f:
+    image_data = f.read()
+    image_base64 = base64.b64encode(image_data).decode("utf-8")
+title = f"""
+    <h2 style="background-image: linear-gradient(to right, #3A5FCD, #87CEFA); -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent; text-align: center;">
+        ChatPDF-GUI
+    </h2>
+    """
+description = f"""
+<div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
+    <p style="font-size: 18px; color: #4AAAFF; text-align: center;">
+            Upload your pdf and let our model read it to you!"
+    </p>
+    <div style="display: flex; align-items: center; margin-bottom: 0px;">
+        <img src='data:image/jpeg;base64,{image_base64}' width='50' height='30' style="margin-right: 5px;"/>
+        <p style="font-size: 14px; color: #555;">
+            Disclaimer: The purpose of this application is solely for demonstration. 1001epochs does not claim ownership for the results. Contact: contact@1001epochs.co.uk for full solution.
+        </p>
+    </div>
+</div>
+"""
 with gr.Blocks() as demo:
-    gr.Markdown(
-        """
-        # CHATGPT-PAPER-READER
-        """)
-
+    gr.HTML(title)
+    gr.HTML(description)
     with gr.Tab("Upload PDF File"):
         pdf_input = gr.File(label="PDF File")
         api_input = gr.Textbox(label="OpenAI API Key")