Update src/GVHD_Predictions_App.py

src/GVHD_Predictions_App.py

@@ -1,118 +1,125 @@
-import streamlit as st
-import os
-import base64
-
-def load_image_as_base64(image_path):
-    repo_root = os.path.dirname(os.path.abspath(__file__))
-    image_path = os.path.join(repo_root, image_path)
-    with open(image_path, "rb") as f:
-        data = f.read()
-    return base64.b64encode(data).decode()
-
-# Read image and encode in base64
-img_as_base64 = load_image_as_base64(os.path.join("img", "GVHD-Intel-logo.png"))
-logo_as_base64 = load_image_as_base64(os.path.join("img", "GVHD-Orgs-logo.png"))
-
-st.set_page_config(page_title="GVHD Predictions", layout="wide")
-
-# --- Flexible Footer CSS ---
-st.markdown(
-    """
-    <style>
-    /* Make the main Streamlit container use flex layout */
-    .stApp {
-        display: flex;
-        flex-direction: column;
-        min-height: 100vh; /* full viewport height */
-    }
-
-    /* Content grows naturally */
-    .main-content {
-        flex: 1;
-    }
-
-    /* Footer styling */
-    .footer {
-        margin-top: auto; /* pushes footer to bottom */
-        text-align: center;
-        font-size: 14px;
-        color: grey;
-        opacity: 0.8;
-        padding: 10px 5px;
-        line-height: 1.4;
-    }
-
-    /* Responsive adjustments for mobile */
-    @media (max-width: 600px) {
-        .footer {
-            font-size: 12px;
-            padding: 8px 5px;
-        }
-    }
-    </style>
-    """,
-    unsafe_allow_html=True
-)
-
-# --- MAIN CONTENT ---
-st.markdown('<div class="main-content">', unsafe_allow_html=True)
-
-# add GVHD logo
-st.markdown(
-    f"""
-    <div style="text-align:center">
-        <img src="data:image/png;base64,{img_as_base64}" style="width:50%; max-width:800px;">
-    </div>
-    """,
-    unsafe_allow_html=True
-)
-
-# add GVHD tagline
-st.markdown("""
-    <div style="text-align:center">
-        <h3>
-        A modular prediction framework for Acute & Chronic GVHD risk assessment.<br>
-            <i>Predict. Learn. Adapt.</i>
-        </h3>
-    </div>
-""", unsafe_allow_html=True)
-
-
-# --- Partners Section ---
-st.divider()
-st.subheader("Partners:")
-st.markdown(
-    f"""
-    <div style="text-align:center">
-        <img src="data:image/png;base64,{logo_as_base64}" style="width:100%; max-width:1000px;">
-    </div>
-    """,
-    unsafe_allow_html=True
-)
-
-
-# --- Disclaimer Section ---
-st.divider()
-st.write(
-"""
-**Disclaimer: Experimental research platform — not approved for clinical use.**\\
-Modular AI-driven framework that centers can retrain with their own multi-center datasets to build and validate population-specific GVHD prediction models.\\
-Model performance varies by training data and updates.
-""")
-
-st.markdown('</div>', unsafe_allow_html=True)
-# --- End of MAIN CONTENT ---
-
-# --- Footer ---
-st.markdown(
-    """
-    <div class="footer">
-        <br>
-        <br>
-        ©2025 Department of Health – Abu Dhabi<br>
-        Partnership: SSMC (PureHealth) & MBZUAI<br>
-        Data Collaborators: SKMC, Tawam Hospital, KHCC (Jordan)
-    </div>
-    """, 
-    unsafe_allow_html=True
+import streamlit as st
+import os
+import base64
+
+def load_image_as_base64(image_path):
+    repo_root = os.path.dirname(os.path.abspath(__file__))
+    image_path = os.path.join(repo_root, image_path)
+    with open(image_path, "rb") as f:
+        data = f.read()
+    return base64.b64encode(data).decode()
+
+# Read image and encode in base64
+
+logo_as_base64 = load_image_as_base64(os.path.join("img", "GVHD-Orgs-logo.png"))
+
+st.set_page_config(page_title="GVHD Predictions", layout="wide")
+
+# --- Flexible Footer CSS ---
+st.markdown(
+    """
+    <style>
+    /* Make the main Streamlit container use flex layout */
+    .stApp {
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh; /* full viewport height */
+    }
+
+    /* Content grows naturally */
+    .main-content {
+        flex: 1;
+    }
+
+    /* Footer styling */
+    .footer {
+        margin-top: auto; /* pushes footer to bottom */
+        text-align: center;
+        font-size: 14px;
+        color: grey;
+        opacity: 0.8;
+        padding: 10px 5px;
+        line-height: 1.4;
+    }
+
+    /* Responsive adjustments for mobile */
+    @media (max-width: 600px) {
+        .footer {
+            font-size: 12px;
+            padding: 8px 5px;
+        }
+    }
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
+st.markdown("""
+    <div style="text-align:center">
+    
+    ## GVHD-Intel Pro
+    
+    ### Clinical Decision-Support & Outcome Simulation Platform
+    
+    Interactive framework enabling transplant physicians to explore how different  
+    patient, donor, and conditioning variables influence:
+    
+    • Acute GVHD incidence  
+    • Chronic GVHD risk  
+    • Overall survival probability  
+    
+    Compare scenarios and identify combinations associated with lower predicted risk  
+    to support evidence-informed transplant planning.
+    
+    </div>
+""", unsafe_allow_html=True)
+
+# add GVHD tagline
+st.markdown("""
+    <div style="text-align:center">
+        <h3>
+        A modular prediction framework for Acute & Chronic GVHD risk assessment.<br>
+            <i>Predict. Learn. Adapt.</i>
+        </h3>
+    </div>
+""", unsafe_allow_html=True)
+
+
+# --- Partners Section ---
+st.divider()
+st.subheader("Partners:")
+st.markdown(
+    f"""
+    <div style="text-align:center">
+        <img src="data:image/png;base64,{logo_as_base64}" style="width:100%; max-width:1000px;">
+    </div>
+    """,
+    unsafe_allow_html=True
+)
+
+
+# --- Disclaimer Section ---
+st.divider()
+st.write(
+"""
+**Disclaimer: Experimental research platform — not approved for clinical use.**\\
+Modular AI-driven framework that centers can retrain with their own multi-center datasets to build and validate population-specific GVHD prediction models.\\
+Model performance varies by training data and updates.
+""")
+
+st.markdown('</div>', unsafe_allow_html=True)
+# --- End of MAIN CONTENT ---
+
+# --- Footer ---
+st.markdown(
+    """
+    <div class="footer">
+        <br>
+        <br>
+        ©2025 Department of Health – Abu Dhabi<br>
+        Partnership: SSMC (PureHealth) & MBZUAI<br>
+        Data Collaborators: SKMC, Tawam Hospital, KHCC (Jordan)
+    </div>
+    """, 
+    unsafe_allow_html=True
 )