Update app.py

app.py

@@ -171,24 +171,10 @@ def update_datetime():
     date, time = get_current_datetime()
     return date, time
 
-# Debug function to check logo file availability
-def check_logo_file(logo_path):
-    print(f"Looking for logo at: {os.path.abspath(logo_path)}")
-    print(f"Logo file exists: {os.path.exists(logo_path)}")
-    print(f"Files in directory: {os.listdir()}")
-    return os.path.exists(logo_path)
 
-# In your main function, before creating the UI:
-# Ensure the static directory exists
-os.makedirs("static", exist_ok=True)
-
-# Copy the logo file to the static directory (if it's not already there)
 src_logo = "Equinix-LOGO.jpeg"
-dst_logo = os.path.join("static", "Equinix-LOGO.jpeg")
 
-if os.path.exists(src_logo) and not os.path.exists(dst_logo):
-    shutil.copy(src_logo, dst_logo)
-    print(f"Copied logo to {dst_logo}")
+
 
 # Main function to create and launch the Gradio interface
 def main():
@@ -197,62 +183,27 @@ def main():
     retriever = initialize_retriever()
     
     # Define custom CSS to style the logo and header
+    # Define local image paths
+    logo_path = "Equinix-LOGO.jpeg"  # Ensure this file exists
+    
+    # Custom CSS for background styling
     custom_css = """
-    #header-container {
-        width: 100%;
-        background-color: black;
-        padding: 15px 0;
+    .gradio-container {
+        background-color: #f0f0f0;
         text-align: center;
-        margin-bottom: 20px;
     }
-    
-    #logo-image {
-        max-height: 80px;
-        margin: 0 auto;
+    #logo img {
         display: block;
-    }
-    
-    /* Hide download buttons and controls */
-    #logo-wrapper .svelte-1b6r3t8 {
-        display: none !important;
-    }
-    
-    .gradio-container .wrap.svelte-19hvt5v {
-        display: none !important;
-    }
-    
-    /* Hide any interactive elements in the header */
-    #header-container button,
-    #header-container .gr-button {
-        display: none !important;
-    }
-    
-    /* Make date-time display more prominent */
-    .datetime-display input {
-        font-size: 16px;
-        text-align: center;
-        font-weight: bold;
+        margin: 0 auto;
+        max-width: 200px; /* Adjust size */
     }
     """
+
+    
     
     # Create the Gradio interface using Blocks
     with gr.Blocks(css=custom_css) as demo:
-        with gr.Row(elem_id="header-container"):
-            with gr.Column():
-                if os.path.exists(dst_logo):
-                    gr.HTML(f"""
-                        <div style="text-align:center; background-color:black; padding:15px;">
-                            <img src="/static/Equinix-LOGO.jpeg" alt="Equinix Logo" style="max-height:80px;">
-                        </div>
-                    """)
-                else:
-                    # Fallback to text logo
-                    gr.HTML("""
-                        <div style="text-align:center; background-color:black; padding:15px;">
-                            <div style="color:#FF0000; font-size:24px;">■■■■</div>
-                            <div style="font-size:28px; letter-spacing:5px; margin-top:5px; color:white;">EQUINIX</div>
-                        </div>
-                    """)
+        gr.Image(logo_path, elem_id="logo", show_label=False, height=200, width=500)  # Display Logo
         
         # Title & Description
         gr.Markdown("<h1 style='text-align: center; color: black;'>Equinix Chatbot for Automation Team</h1>")