Update pages/Life_cycle_of_ML.py

pages/Life_cycle_of_ML.py

@@ -1,40 +1,53 @@
 import streamlit as st
 
-# Function to display lifecycle descriptions
-def display_lifecycle_stage(stage_name, description):
-    st.subheader(stage_name)
-    st.write(description)
-
-# Title
-st.title("Enhanced Machine Learning Life Cycle")
-
-# Markdown Diagram with Shapes and Colors
+# Add custom CSS for background image
 st.markdown(
     """
     <style>
+    body {
+        background-image: url('https://via.placeholder.com/1920x1080'); /* Replace with your image URL */
+        background-size: cover;
+        background-position: center;
+        background-attachment: fixed;
+        color: #FFFFFF; /* Set text color to contrast the background */
+    }
     .shape-box { 
-        background-color: #FFDDC1; 
+        background-color: rgba(255, 221, 193, 0.8); 
         padding: 10px; 
         border-radius: 5px; 
         text-align: center; 
         margin-bottom: 10px;
     }
     .shape-circle { 
-        background-color: #C1E1FF; 
+        background-color: rgba(193, 225, 255, 0.8); 
         padding: 10px; 
         border-radius: 50%; 
         text-align: center; 
         margin-bottom: 10px;
     }
     .shape-diamond { 
-        background-color: #C1FFC1; 
+        background-color: rgba(193, 255, 193, 0.8); 
         padding: 10px; 
         clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
         text-align: center; 
         margin-bottom: 10px;
     }
     </style>
+    """,
+    unsafe_allow_html=True,
+)
 
+# Function to display lifecycle descriptions
+def display_lifecycle_stage(stage_name, description):
+    st.subheader(stage_name)
+    st.write(description)
+
+# Title
+st.title("Enhanced Machine Learning Life Cycle")
+
+# Markdown Diagram with Shapes and Colors
+st.markdown(
+    """
     <div class="shape-box">Problem Statement</div>
     <div class="shape-circle">Data Collection</div>
     <div class="shape-box">Simple EDA</div>
@@ -106,3 +119,5 @@ with col2:
             "Monitoring",
             "Monitoring the deployed model's performance and maintaining its accuracy."
         )
+
+