Update app.py

app.py

@@ -112,101 +112,6 @@ class Retriever:
         return paths_and_scores
 
 
-# def main(args):
-#     predictor = PredictorBackend(url=args.model_url)
-    
-#     # 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")
-
-#     allow_flagging = "never"
-
-#     title = f"""
-#         <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 = f"""
-#     <div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
-#         <img src='data:image/jpeg;base64,{image_base64}' width='50' height='50' style="margin-right: 10px;"/>
-#         <p style="font-size: small; color: gray; margin-top: 10px;">
-#             Disclaimer: This web app is for demonstration purposes only and not intended for commercial use. Contact: [email protected] for full solution.
-#         </p>
-#         <p style="font-size: 18px; color: blue; margin-top: 10px; text-align: center;">
-#             Discover your perfect apparel effortlessly. Simply describe what you're looking for!
-#         </p>
-#     </div>
-#     """
-
-#     frontend = gr.Interface(
-#         fn=predictor.run,
-#         inputs=gr.inputs.Textbox(label="Item Description", placeholder="Enter item description here"),
-#         outputs=gr.Gallery(label="Relevant Items", show_labels=True, label_position="below"),
-#         title=title,  
-#         description=description,
-#         cache_examples=False,  # should we cache those inputs for faster inference? slows down start
-#         allow_flagging=allow_flagging,  # should we show users the option to "flag" outputs?
-#         flagging_options=["incorrect", "offensive", "other"],  # what options do users have for feedback?
-#     )
-#     frontend.launch(
-#         # server_name="0.0.0.0",  # make server accessible, binding all interfaces  # noqa: S104
-#         # server_port=args.port,  # set a port to bind to, failing if unavailable
-#         # share=False,  # should we create a (temporary) public link on https://gradio.app?
-#     )    
-
-
-# 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."""
-
-#     allow_flagging = "never"
-
-#     title = f"""
-#         <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>
-#         """
-    
-#     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;">
-#             Disclaimer: This web app is for demonstration purposes only and not intended for commercial use. Contact: [email protected] for full solution.
-#         </p>
-#     </div>
-#     """
-    
-#     description = f"""
-#     <div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
-#         <img src='data:image/jpeg;base64,{image_base64}' width='50' height='50' style="margin-right: 10px;"/>
-#         <p style="font-size: small; color: gray; margin-top: 10px;">
-#             Disclaimer: The search results are based on embeddings and may not always be accurate.
-#         </p>
-#         <p style="font-size: 18px; color: blue; margin-top: 10px; text-align: center;">
-#             Discover your perfect apparel effortlessly. Simply describe what you're looking for!
-#         </p>
-#     </div>
-#     """
-
-#     frontend = gr.Interface(
-#         fn=fn,
-#         inputs=gr.inputs.Textbox(label="Item Description", placeholder="Enter item description here"),
-#         outputs=gr.Gallery(label="Relevant Items", show_labels=True, label_position="below"),
-#         title=title,  
-#         description=description,
-#         cache_examples=False,  # should we cache those inputs for faster inference? slows down start
-#         allow_flagging=allow_flagging,  # should we show users the option to "flag" outputs?
-#         flagging_options=["incorrect", "offensive", "other"],  # what options do users have for feedback?
-#     )
-
-#     return frontend
-
-
 class PredictorBackend:
     """Interface to a backend that serves predictions.
 
@@ -241,7 +146,6 @@ class PredictorBackend:
 
 
 predictor = PredictorBackend()
-
 # Read the image file and encode it as base64
 with open("./1001epochs.png", "rb") as f:
     image_data = f.read()
@@ -250,19 +154,19 @@ with open("./1001epochs.png", "rb") as f:
 allow_flagging = "never"
 
 title = f"""
-    <h1 style="background-image: linear-gradient(to right, #ADD8E6, #87CEFA); -webkit-background-clip: text;
+    <h1 style="background-image: linear-gradient(to right, #3A5FCD, #87CEFA); -webkit-background-clip: text;
         -webkit-text-fill-color: transparent; text-align: center;">
         Fashion Aggregator
     </h1>
-    """
+"""
 
 description = f"""
 <div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
-    <img src='data:image/jpeg;base64,{image_base64}' width='50' height='50' style="margin-right: 10px;"/>
-    <p style="font-size: small; color: gray; margin-top: 10px;">
+    <img src='data:image/jpeg;base64,{image_base64}' width='50' height='50' style="margin-right: 5px;"/>
+    <p style="font-size: small; color: #555; margin: 5px 0;">
         Disclaimer: This web app is for demonstration purposes only and not intended for commercial use. Contact: [email protected] for full solution.
     </p>
-    <p style="font-size: 18px; color: blue; margin-top: 10px; text-align: center;">
+    <p style="font-size: 16px; color: #333; margin: 5px 0; text-align: center;">
         Discover your perfect apparel effortlessly. Simply describe what you're looking for!
     </p>
 </div>
@@ -278,8 +182,45 @@ frontend = gr.Interface(
     allow_flagging=allow_flagging,  # should we show users the option to "flag" outputs?
     flagging_options=["incorrect", "offensive", "other"],  # what options do users have for feedback?
 )
-frontend.launch(
-    # server_name="0.0.0.0",  # make server accessible, binding all interfaces  # noqa: S104
-    # server_port=args.port,  # set a port to bind to, failing if unavailable
-    # share=False,  # should we create a (temporary) public link on https://gradio.app?
-)    
+frontend.launch()
+# # 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")
+
+# allow_flagging = "never"
+
+# title = f"""
+#     <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 = f"""
+# <div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
+#     <img src='data:image/jpeg;base64,{image_base64}' width='50' height='50' style="margin-right: 10px;"/>
+#     <p style="font-size: small; color: gray; margin-top: 10px;">
+#         Disclaimer: This web app is for demonstration purposes only and not intended for commercial use. Contact: [email protected] for full solution.
+#     </p>
+#     <p style="font-size: 18px; color: blue; margin-top: 10px; text-align: center;">
+#         Discover your perfect apparel effortlessly. Simply describe what you're looking for!
+#     </p>
+# </div>
+# """
+
+# frontend = gr.Interface(
+#     fn=predictor.run,
+#     inputs=gr.inputs.Textbox(label="Item Description", placeholder="Enter item description here"),
+#     outputs=gr.Gallery(label="Relevant Items", show_labels=True, label_position="below"),
+#     title=title,  
+#     description=description,
+#     cache_examples=False,  # should we cache those inputs for faster inference? slows down start
+#     allow_flagging=allow_flagging,  # should we show users the option to "flag" outputs?
+#     flagging_options=["incorrect", "offensive", "other"],  # what options do users have for feedback?
+# )
+# frontend.launch(
+#     # server_name="0.0.0.0",  # make server accessible, binding all interfaces  # noqa: S104
+#     # server_port=args.port,  # set a port to bind to, failing if unavailable
+#     # share=False,  # should we create a (temporary) public link on https://gradio.app?
+# )