feat: add logo

app.py

@@ -14,6 +14,7 @@ deploying to Hugging Face Spaces).
 
 from __future__ import annotations
 
+import base64
 import random
 from typing import Any, Dict, List, Optional, Tuple
 
@@ -128,6 +129,65 @@ DEFAULT_WINDOWINGS: Dict[str, Optional[Dict[str, int]]] = {
     "oasis": None,
 }
 
+LOGO_PATH = "Logo horizontal medium copie 4_CREME.png"
+
+CUSTOM_CSS = """
+.gr-prose { max-width: 900px; }
+#app-hero {
+    display: flex;
+    align-items: center;
+    gap: 2.5rem;
+    margin-bottom: 1.5rem;
+    padding-right: 1.5rem;
+}
+#app-hero .hero-text {
+    flex: 1;
+    padding-right: 1rem;
+}
+#app-hero .hero-text h1 {
+    font-size: 2.25rem;
+    margin-bottom: 0.5rem;
+}
+#app-hero .hero-text p {
+    margin: 0.25rem 0;
+    line-height: 1.5;
+}
+#app-hero .hero-logo img {
+    max-height: 60px;
+    width: auto;
+    display: block;
+}
+@media (max-width: 768px) {
+    #app-hero {
+        flex-direction: column;
+        text-align: center;
+        padding-right: 0;
+    }
+    #app-hero .hero-text {
+        padding-right: 0;
+    }
+    #app-hero .hero-text h1,
+    #app-hero .hero-text p {
+        text-align: center;
+    }
+    #app-hero .hero-logo img {
+        margin: 0 auto 1rem;
+    }
+}
+"""
+
+
+def load_logo_data_uri() -> str:
+    try:
+        with open(LOGO_PATH, "rb") as logo_file:
+            encoded = base64.b64encode(logo_file.read()).decode("ascii")
+        return f"data:image/png;base64,{encoded}"
+    except FileNotFoundError:
+        return ""
+
+
+LOGO_DATA_URI = load_logo_data_uri()
+
 
 # ---------------------------------------------------------------------------
 # Utility helpers
@@ -496,18 +556,21 @@ def handle_upload_preview(
 
 
 def build_demo() -> gr.Blocks:
-    with gr.Blocks(css=".gr-prose { max-width: 900px; }") as demo:
-        gr.Markdown(
-            """
-            # Curia Model Playground
-
-            Experiment with the multi-head Curia models on CuriaBench evaluation data or
-            your own medical images. Each head expects a single 2D slice in the
-            corresponding plane/orientation as defined for Curia (PL for axial, IL for
-            coronal, IP for sagittal). Ensure images are unwindowed and either raw
-            Hounsfield units (CT) or normalised intensity values (MRI).
-            """
-        )
+    with gr.Blocks(css=CUSTOM_CSS) as demo:
+        logo_block = ""
+        if LOGO_DATA_URI:
+            logo_block = f'<div class="hero-logo"><img src="{LOGO_DATA_URI}" alt="Curia logo" /></div>'
+        hero_html = f"""
+        <div id=\"app-hero\">
+            {logo_block}
+            <div class=\"hero-text\">
+                <h1>Curia Model Playground</h1>
+                <p>Experiment with the multi-head Curia models on CuriaBench evaluation data or your own medical images.</p>
+                <p>Each head expects a single 2D slice in the Curia-defined plane/orientation (PL axial, IL coronal, IP sagittal) with raw Hounsfield units (CT) or normalised MRI intensities.</p>
+            </div>
+        </div>
+        """
+        gr.HTML(hero_html)
 
         default_head = "kits"
         head_dropdown = gr.Dropdown(