Update src/streamlit_app.py

src/streamlit_app.py

@@ -8,10 +8,6 @@ import time
 import tempfile
 import os
 
-import os
-
-
-
 ###########################################################################
 # Configure Streamlit page
 st.set_page_config(
@@ -31,13 +27,45 @@ try:
 except ImportError:
     TENSORFLOW_AVAILABLE = False
 
-# ULTRA-AGGRESSIVE CSS FIX - Complete stability
+# ULTRA-AGGRESSIVE CSS FIX - Complete stability with UT Austin background
 st.markdown("""
 <style>
+    /* BACKGROUND IMAGE STYLING */
+    .stApp {
+        background-image: url('data:image/jpeg;base64,BACKGROUND_IMAGE_BASE64_HERE');
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+    }
+    
+    /* ALTERNATIVE: If you have the image in assets folder, use this instead:
+    .stApp {
+        background-image: url('./ut_yang_background.jpg');
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+    }
+    */
+    
+    /* OVERLAY FOR BETTER TEXT READABILITY */
+    .stApp::before {
+        content: '';
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(255, 255, 255, 0.85);
+        z-index: -1;
+        pointer-events: none;
+    }
+    
     /* FORCE HEADER TO BE COMPLETELY FIXED AND STABLE */
     .main-header {
         font-size: 2.5rem !important;
-        color: #1e88e5 !important;
+        color: #bf5700 !important; /* UT Austin burnt orange */
         text-align: center !important;
         margin-bottom: 2rem !important;
         position: fixed !important;
@@ -45,10 +73,11 @@ st.markdown("""
         left: 0 !important;
         right: 0 !important;
         width: 100% !important;
-        background: white !important;
+        background: rgba(255, 255, 255, 0.95) !important;
+        backdrop-filter: blur(10px) !important;
         z-index: 99999 !important;
         padding: 1rem 0 !important;
-        border-bottom: 3px solid #1e88e5 !important;
+        border-bottom: 3px solid #bf5700 !important;
         box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
         transform: translateZ(0) !important;
         will-change: auto !important;
@@ -58,31 +87,50 @@ st.markdown("""
     .main > .block-container {
         margin-top: 120px !important;
         padding-top: 20px !important;
+        background: rgba(255, 255, 255, 0.9) !important;
+        border-radius: 10px !important;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
+        backdrop-filter: blur(5px) !important;
     }
     
+    /* UT AUSTIN THEMING */
     .section-header {
         font-size: 1.5rem;
-        color: #424242;
+        color: #bf5700; /* UT Austin burnt orange */
         margin-top: 2rem;
         margin-bottom: 1rem;
+        font-weight: bold;
     }
+    
+    /* SIDEBAR STYLING WITH UT THEME */
+    .css-1d391kg {
+        background: rgba(255, 255, 255, 0.95) !important;
+        backdrop-filter: blur(10px) !important;
+    }
+    
+    /* ENHANCED CONTAINERS WITH UT THEMING */
     .metric-card {
-        background-color: #f5f5f5;
+        background: linear-gradient(135deg, #bf5700, #d67700) !important;
+        color: white !important;
         padding: 1rem;
         border-radius: 0.5rem;
         margin: 0.5rem 0;
     }
     .success-box {
-        background-color: #e8f5e8;
-        border-left: 5px solid #4caf50;
+        background: linear-gradient(135deg, #28a745, #20c997) !important;
+        color: white !important;
+        border-left: 5px solid #155724;
         padding: 1rem;
         margin: 1rem 0;
+        border-radius: 8px;
     }
     .warning-box {
-        background-color: #fff3e0;
-        border-left: 5px solid #ff9800;
+        background: linear-gradient(135deg, #ffc107, #fd7e14) !important;
+        color: #212529 !important;
+        border-left: 5px solid #856404;
         padding: 1rem;
         margin: 1rem 0;
+        border-radius: 8px;
     }
     
     /* NUCLEAR OPTION: DISABLE ALL ANIMATIONS AND TRANSITIONS EVERYWHERE */
@@ -521,8 +569,8 @@ class OptimizedBubbleSimulation:
 
 # Main Streamlit App
 def main():
-    # Header - ULTRA-STABLE with fixed positioning
-    st.markdown('<h1 class="main-header">🫧 Bubble Dynamics Transformer</h1>', unsafe_allow_html=True)
+    # Header - ULTRA-STABLE with fixed positioning and UT Austin branding
+    st.markdown('<h1 class="main-header">🫧 YANG Research Group - Bubble Dynamics Analysis</h1>', unsafe_allow_html=True)
 
     # Initialize current page in session state
     if 'current_page' not in st.session_state:
@@ -597,9 +645,12 @@ def show_home():
 
     with col1:
         st.markdown("""
-        ### Welcome to the Bubble Dynamics Transformer
+        ### Welcome to the YANG Research Group Bubble Dynamics Analysis Platform
+
+        **The University of Texas at Austin - Aerospace Engineering and Engineering Mechanics**  
+        **Cockrell School of Engineering**
 
-        This web application provides comprehensive tools for analyzing bubble dynamics data:
+        This advanced web application provides comprehensive tools for analyzing bubble dynamics data:
 
         **Features:**
         - 📂 **Data Loading**: Upload and analyze .mat files containing bubble dynamics data
@@ -1453,7 +1504,7 @@ def show_validation():
 
         # Show status in fixed container
         status_placeholder = st.empty()
-        status_placeholder.info("🔄 Running simulation... Please wait.")
+        status_placeholder.info("🔄 Running simulation... Please wait (this will not cause trembling).")
 
         try:
             # Use cached values - absolutely no re-computation