From 8a33bd5b9ab7d408ebdfb440d7b6e1879b2467dc Mon Sep 17 00:00:00 2001
From: DJP <DJP>
Date: Wed, 1 Oct 2025 19:05:10 -0400
Subject: [PATCH] Add logo display at top of app

---
 src/notebookllama/App.py    | 13 +++++++++++++
 src/notebookllama/styles.py | 14 --------------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/notebookllama/App.py b/src/notebookllama/App.py
index dfdbffd..3562029 100644
--- a/src/notebookllama/App.py
+++ b/src/notebookllama/App.py
@@ -12,6 +12,19 @@ st.set_page_config(
 # Apply custom styles
 apply_custom_styles()
 
+# Display logo at top
+import base64
+from pathlib import Path
+
+logo_path = Path(__file__).parent / "SBLM.jpg"
+if logo_path.exists():
+    with open(logo_path, "rb") as f:
+        logo_data = base64.b64encode(f.read()).decode()
+    st.markdown(
+        f'<div style="text-align: left; margin-bottom: 1rem;"><img src="data:image/jpeg;base64,{logo_data}" width="300"></div>',
+        unsafe_allow_html=True
+    )
+
 # Check if user is logged in
 user = get_current_user()
 
diff --git a/src/notebookllama/styles.py b/src/notebookllama/styles.py
index 0f9f2e5..2f112e2 100644
--- a/src/notebookllama/styles.py
+++ b/src/notebookllama/styles.py
@@ -153,20 +153,6 @@ def get_custom_css():
         display: none !important;
     }
 
-    /* Logo in top left header */
-    [data-testid="stHeader"] {
-        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgMjAwIDYwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxzdHlsZT4udGV4dHtmb250LWZhbWlseTpNb250c2VycmF0LHNhbnMtc2VyaWY7Zm9udC13ZWlnaHQ6NzAwO2ZpbGw6IzAwMDt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjMiLz48cGF0aCBkPSJNMTUgMjBRMjAgMTUgMzAgMTVUNDUgMjBNMTUgMzBRMjAgMjUgMzAgMjVUNDUgMzBNMTUgNDBRMjAgMzUgMzAgMzVUNDUgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIzIi8+PHRleHQgeD0iNjUiIHk9IjI1IiBjbGFzcz0idGV4dCIgZm9udC1zaXplPSIxNCI+U2FuZGJveDwvdGV4dD48dGV4dCB4PSI2NSIgeT0iNDUiIGNsYXNzPSJ0ZXh0IiBmb250LXNpemU9IjE0Ij5Ob3RlYm9va0xNPC90ZXh0Pjwvc3ZnPg==');
-        background-repeat: no-repeat;
-        background-position: 10px center;
-        background-size: 160px auto;
-        padding-left: 180px !important;
-    }
-
-    /* Adjust header spacing */
-    [data-testid="stHeader"] > div {
-        padding-left: 0 !important;
-    }
-
     /* Hide keyboard shortcut hints */
     [data-testid="stDecoration"] {
         display: none !important;