Update app.py

app.py

@@ -7,18 +7,41 @@ TITLE = "Image Prompter"
 EXAMPLE_INPUT = "A Reflective cat between stars."
 
 # Path to your local image file
-enticing_image_path = r"C:\Users\alain\Downloads\enticing_image.jpg"
-
-html_temp = """
-<div style="text-align: center; background-color: #f4f4f4; padding: 20px; border-radius: 10px; position: relative;">
-    <h1 style="color: #333;">{}</h1>
-    <div style="position: absolute; top: 0; right: 0;">
-        <img src='{}' alt='Enticing Image' style='width: 100px; height: 100px; border-radius: 50%;'>
-    </div>
-    <img src='https://huggingface.co/spaces/NerdN/open-gpt-Image-Prompter/blob/main/_45a03b4d-ea0f-4b81-873d-ff6b10461d52.jpg' alt='Your Image' style='width: 300px; height: 300px; border-radius: 50%;'>
-    <p style="font-size: 18px; color: #555;">{}</p>
-</div>
-""".format(TITLE, enticing_image_path, EXAMPLE_INPUT)
+enticing_image_path = "C:/Users/alain/Downloads/enticing_image.jpg"
+
+style = """
+    div {
+        text-align: center;
+        background-color: #f4f4f4;
+        padding: 20px;
+        border-radius: 10px;
+        position: relative;
+    }
+    
+    h1 {
+        color: #333;
+    }
+
+    img.enticing {
+        width: 100px;
+        height: 100px;
+        border-radius: 50%;
+        position: absolute;
+        top: 0;
+        right: 0;
+    }
+
+    img.main {
+        width: 300px;
+        height: 300px;
+        border-radius: 50%;
+    }
+
+    p {
+        font-size: 18px;
+        color: #555;
+    }
+"""
 
 zephyr_7b_beta = "https://api-inference.huggingface.co/models/HuggingFaceH4/zephyr-7b-beta/"
 
@@ -78,6 +101,6 @@ Expand your imagination and broaden your horizons with LLM. Welcome to **{TITLE}
 chatbot_preview = gr.Chatbot(layout="panel", value=[(None, welcome_preview_message)])
 textbox_preview = gr.Textbox(scale=7, container=False, value=EXAMPLE_INPUT)
 
-demo = gr.ChatInterface(test_preview_chatbot, chatbot=chatbot_preview, textbox=textbox_preview, title=None, html=html_temp)
+demo = gr.ChatInterface(test_preview_chatbot, chatbot=chatbot_preview, textbox=textbox_preview, title=None, style=style)
 
 demo.launch(share=True)