with logo

app.py

@@ -4,11 +4,39 @@ Streamlit dashboard for the Dippy Roleplay Subnet Leaderboard
 import requests
 import streamlit as st
 import pandas as pd
+import base64
+
+
+
+# Define the Streamlit dashboard
+# make the column wide
+st.markdown(
+    f"""
+    <style>
+        .reportview-container .main .block-container{{
+            max-width: 95%;
+        }}
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+
 
 def leaderboard_dashboard():
-    # st.image("banner.jpg")
-    st.markdown("<h1 style='text-align: center;'>SN11-Dippy-Roleplay Leaderboard</h1>", unsafe_allow_html=True)
-    st.markdown("<div style='text-align: center;'>This is the leaderboard for the Dippy validation API hosted by SN11.</div>", unsafe_allow_html=True)
+    # load the logo from image.txt file as base64
+    with open("image.txt", "r") as f:
+        image = f.read()
+
+    st.markdown(
+        f"""
+        <div style="text-align: center;">
+            <img src="data:image/png;base64,{image}" alt="Dippy Roleplay Logo" width="700" height="400" style="margin-bottom: 2rem;">
+            <h1 style="margin-top: 0;">SN11-Dippy-Roleplay Leaderboard</h1>
+            <div style="font-size: 18px;">This is the leaderboard for the Dippy validation API hosted by SN11.</div>
+        </div>
+        """,
+        unsafe_allow_html=True,
+    )
     st.markdown("---")
     
     # Add emojis based on the status
@@ -41,7 +69,7 @@ def leaderboard_dashboard():
 
     leaderboard = leaderboard[column_order]
 
-    st.dataframe(leaderboard, width=1800)
+    st.write(leaderboard)
 
 if __name__ == '__main__':
     leaderboard_dashboard()