Change header

app.py

@@ -1,6 +1,7 @@
 import gc
 import laspy
 import torch
+import base64
 import tempfile
 import numpy as np
 import open3d as o3d
@@ -19,10 +20,31 @@ with st.spinner("Loading PointNet++ model..."):
     classifier.load_state_dict(checkpoint['model_state_dict'])
     classifier.eval()
 
-st.sidebar.image("static/sidebar.png")
+side_bg = "static/sidebar.png"
+side_bg_ext = "png"
+
+st.markdown(
+    f"""
+    <style>
+    [data-testid="stSidebar"] {{
+        background: url(data:image/{side_bg_ext};base64,{base64.b64encode(open(side_bg, "rb").read()).decode()});
+        color: #ffff00;
+    }}
+    [data-testid="stSidebar"] > div > div {{
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+    }}
+    .main > div {{
+        padding-top: 3rem;
+    }}
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
 st.sidebar.markdown(
     body=
-        "<div style='text-align: justify;'>The species <strong>Pinus sylvestris "
+        "<div style='text-align: justify; color: #ffff00'>The species <strong>Pinus sylvestris "
         "(Scots Pine), Fagus sylvatica (European Beech), Picea abies (Norway Spruce), "
         "and Betula pendula (Silver Birch)</strong> are native to Europe and parts "
         "of Asia but are also found in India (Parts of Himachal Pradesh, "
@@ -48,13 +70,7 @@ st.sidebar.markdown(
     unsafe_allow_html=True,
 )
 
-st.image("static/header.png")
-st.markdown(
-    "<h1>ArborSphere<br>"
-    "Tree Identity and Biometrics</h1>",
-    unsafe_allow_html=True
-)
-
+st.image("static/header.png", use_column_width=True)
 uploaded_file = st.file_uploader(
     label="Upload Point Cloud Data", 
     type=['laz', 'las', 'pcd'], 
@@ -63,7 +79,7 @@ uploaded_file = st.file_uploader(
 
 col1, col2 = st.columns(2)
 with col1:
-    st.image("static/canopy.png", use_container_width=True)
+    st.image("static/canopy.png", use_column_width=True)
 with col2:
     CANOPY_VOLUME = st.slider(
         label="Canopy Volume in % (Z)", 
@@ -89,7 +105,7 @@ with col2:
     
 col1, col2 = st.columns(2)
 with col1:
-    st.image("static/dbh.png", use_container_width=True)
+    st.image("static/dbh.png", use_column_width=True)
 with col2:
     DBH_HEIGHT = st.slider(
         label="DBH (Diameter above Breast Height, in metres) (H)", 
@@ -232,20 +248,3 @@ if proceed:
         
     except Exception as e:
         st.error(f"An error occured: {str(e)}")
-
-footer="""<style>
-.footer {
-position: fixed;
-left: 0;
-bottom: 0;
-width: 100%;
-background-color: white;
-color: black;
-text-align: center;
-}
-</style>
-<div class="footer">
-<p>Developed at N-15 Tech Lab (WII, Dehradun)</p>
-</div>
-"""
-st.markdown(footer, unsafe_allow_html=True)