Update app.py

app.py

@@ -121,47 +121,10 @@ def main(args):
         # favicon_path=LOGO,  # what icon should we display in the address bar?
     )
 
-
-# def make_frontend(fn: Callable[[Image], str], flagging: bool = False, gantry: bool = False, app_name: str = "fashion-aggregator"):
-#     """Creates a gradio.Interface frontend for text to image search function."""
-
-#     output_section = gr.Gallery(label="Relevant Items", show_labels=True, label_position="below").style(columns=4, container=True))
-#     title = """<h1 align="center">Fashion Aggregator</h1><img src="temp.jpg" alt="Logo" width="150" align="center"/>"""
-    # description = """
-    #     <div align="center">
-    #         <h3>
-    #             Discover your perfect apparel effortlessly. Simply describe what you're looking for!
-    #         </h3>
-    #     </div>
-    # """
-
-    # disclaimer = disclaimer = """
-    # <div align="center">
-    #     <p style="font-size: small; color: gray;">
-    #         Disclaimer: The search results are based on embeddings and may not be always accurate.
-    #     </p>
-    # </div>
-    # """
-
-    
-#     with gr.Blocks(css="""#col_container {width: 800px; margin-left: auto; margin-right: auto;}""") as frontend:
-        
-#         gr.HTML(title)
-#         with gr.Column():
-#             gr.HTML(description)
-
-#         with gr.Column():
-#             inputs = gr.Textbox(label="Item Description", placeholder="Enter item description here")
-
-#         with gr.Column():
-#             outputs = gr.Gallery(label="Relevant Items", show_labels=True, label_position="below")
-
-            
-
-            
-
-#     return frontend
-
+# Read the image file and encode it as base64
+with open("./1001epochs.png", "rb") as f:
+    image_data = f.read()
+    image_base64 = base64.b64encode(image_data).decode("utf-8")
     
 
 
@@ -171,24 +134,37 @@ def make_frontend(
     """Creates a gradio.Interface frontend for text to image search function."""
 
     allow_flagging = "never"
+
+    title = """
+        <h1 style="background-image: linear-gradient(to right, #ADD8E6, #87CEFA); -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent; text-align: center;">
+            Fashion Aggregator
+        </h1>
+        """
+
     description = """
-        <div align="center">
-            <h3>
-                Discover your perfect apparel effortlessly. Simply describe what you're looking for!
-            </h3>
-        </div>
+    <div style="text-align: center; font-size: 18px; color: blue;">
+        Discover your perfect apparel effortlessly. Simply describe what you're looking for!
+    </div>
     """
 
-    description = f"{description}"
+    disclaimer = f"""
+        <div style="display: flex; align-items: center; justify-content: center;">
+            <img src='data:image/jpeg;base64,{image_base64}' width='50' height='50' style="margin-right: 10px;"/>
+            <p style="font-size: small; color: gray;">
+                This web app is for demonstration purposes only and not intended for commercial use. Contact: contact@1001epochs.co.uk for full solution.
+            </p>
+        </div>
+        """
 
     frontend = gr.Interface(
         fn=fn,
         outputs=gr.Gallery(label="Relevant Items", show_labels=True, label_position="below"),
         inputs=gr.inputs.Textbox(label="Item Description", placeholder="Enter item description here"),
-        title="Fashion Aggregator",  
+        title=title,  
         thumbnail=LOGO,
         description=description,
-        article = "Disclaimer: The search results are based on embeddings and may not be always accurate.",
+        article = disclaimer,
         cache_examples=False,
         allow_flagging=allow_flagging,
         flagging_options=["incorrect", "offensive", "other"],