Update app.py

app.py

@@ -2,7 +2,6 @@ import gradio as gr
 from PIL import Image
 import os
 
-CUSTOM_CSS = """
 CUSTOM_CSS = """
 .gradio-container{
   background: white !important;
@@ -31,56 +30,50 @@ button{
 
 /* Navbar bottom border */
 .gradio-container > div:first-child {
-    border-bottom: 1px solid #e5e7eb;
-    padding-bottom: 20px;
-    margin-bottom: 40px;
+  border-bottom: 1px solid #e5e7eb;
+  padding-bottom: 20px;
+  margin-bottom: 40px;
 }
 """
-"""
 
-IMG_PATH = "assets/file cabinet.png"  # <- change ONLY if your filename differs
+IMG_PATH = "assets/file cabinet.png"  # your hero image
+LOGO_PATH = "assets/logo.png"         # your logo image (upload this)
 
-def load_hero():
-    # show what files exist (helps if name is slightly different)
-    if not os.path.exists(IMG_PATH):
-        try:
-            return None
-        except:
-            return None
-    return Image.open(IMG_PATH)
+def load_image(path: str):
+  if os.path.exists(path):
+    return Image.open(path)
+  return None
 
-with gr.Blocks(css=CUSTOM_CSS) as demo:
-}
-# ---------- NAVBAR ----------
-with gr.Row():
-    with gr.Column(scale=2):
-        gr.HTML(
-            """
-            <div style="display:flex; align-items:center;">
-                <img src="file=assets/logo.png"
-                     style="height:40px; margin-right:10px;">
-                <span style="font-weight:700; font-size:18px;">Election Archive</span>
-            </div>
-            """
-        )
+with gr.Blocks(css=CUSTOM_CSS, title="Election Memory Engine") as demo:
 
+  # ---------- NAVBAR ----------
+  with gr.Row():
     with gr.Column(scale=6):
-        gr.Markdown("")
+      # Use HTML so logo displays reliably on Spaces
+      gr.HTML(
+        f"""
+        <div style="display:flex; align-items:center; gap:10px;">
+          <img src="file={LOGO_PATH}" style="height:40px;">
+          <span style="font-weight:700; font-size:18px;">Election Archive</span>
+        </div>
+        """
+      )
 
-    with gr.Column(scale=4):
-        gr.HTML(
-            """
-            <div style="display:flex; justify-content:flex-end; gap:30px; font-weight:500;">
-                <span style="cursor:pointer;">Home</span>
-                <span style="cursor:pointer;">Archive</span>
-                <span style="cursor:pointer;">Upload</span>
-            </div>
-            """
-        )
-    
-    with gr.Row():
-        with gr.Column(scale=6):
-            gr.Markdown("""
+    with gr.Column(scale=6):
+      gr.HTML(
+        """
+        <div style="display:flex; justify-content:flex-end; gap:28px; font-weight:500;">
+          <span style="cursor:pointer;">Home</span>
+          <span style="cursor:pointer;">Archive</span>
+          <span style="cursor:pointer;">Upload</span>
+        </div>
+        """
+      )
+
+  # ---------- HERO ----------
+  with gr.Row():
+    with gr.Column(scale=6):
+      gr.Markdown("""
 # How To Keep  
 # Your Files  
 # Organized
@@ -88,11 +81,15 @@ with gr.Row():
 ### Turn your newsroom archive into a searchable memory engine.
 ### Upload documents. Ask questions. Get answers with sources.
 """)
-            with gr.Row():
-                gr.Button("Get Started", variant="primary")
-                gr.Button("Upload Archive")
+      with gr.Row():
+        gr.Button("Get Started", variant="primary")
+        gr.Button("Upload Archive")
 
-        with gr.Column(scale=6):
-            gr.Image(value=load_hero(), show_label=False, container=False)
+    with gr.Column(scale=6):
+      hero = load_image(IMG_PATH)
+      if hero is None:
+        gr.Markdown(f"**Missing image:** `{IMG_PATH}` (check Files → assets)")
+      else:
+        gr.Image(value=hero, show_label=False, container=False)
 
 demo.launch()