Update app.py

app.py

@@ -29,19 +29,8 @@ def classify_mammogram(img):
     return f"Predicted Class: {predicted_label}\nClassification: {classification}\nConfidence: {confidence:.2f}"
 
 # Streamlit app
-st.title("Enhanced Protocol for Breast Cancer Detection: Streamlining Decisions from Mammograms")
+st.title("Breast Cancer Detection App")
 st.write("Upload an image of a mammogram, and the model will predict whether it is benign or malignant.")
-
-uploaded_file = st.file_uploader("Choose an image...", type=["jpg", "jpeg", "png"])
-
-if uploaded_file is not None:
-    image = Image.open(uploaded_file)
-    st.image(image, caption='Uploaded Image.', use_column_width=True)
-    st.write("Classifying...")
-    
-    #classification_result = classify_mammogram(image)
-    st.write(classification_result)
-
 st.write(
     """
     <div style='display: flex; justify-content: space-between;'>
@@ -65,3 +54,55 @@ st.write(
     """, 
     unsafe_allow_html=True
 )
+
+uploaded_file = st.file_uploader("Choose an image...", type=["jpg", "jpeg", "png"])
+
+if uploaded_file is not None:
+    image = Image.open(uploaded_file)
+    st.image(image, caption='Uploaded Image.', use_column_width=True)
+    st.write("Classifying...")
+    
+    classification_result = classify_mammogram(image)
+    st.write(classification_result)
+
+# Educational content
+    st.markdown("### Learn More About Breast Cancer")
+    st.markdown("""
+    - [Breast Cancer Overview](https://www.who.int/news-room/fact-sheets/detail/breast-cancer)
+    - [Preventing Breast Cancer](https://www.cancer.gov/types/breast/patient/breast-prevention-pdq)
+    """)
+# Determine the current Streamlit theme (light or dark)
+    theme = st.get_option("theme.base")
+
+    # Define button styling based on theme
+    if theme == "light":
+        button_bg_color = "#2c2e35"
+        button_border_color = "1px solid black"
+        button_text_color = "black"
+    else:
+        button_bg_color = "#2c2e35"
+        button_border_color = "1px solid #fff"
+        button_text_color = "#fff"
+
+    # Rounded button-like element with dynamic styling
+    st.markdown(f"""
+    <style>
+    .rounded-button {{
+        display: inline-block;
+        padding: 7px 15px;
+        font-size: 16px;
+        color: {button_text_color};
+        background-color: {button_bg_color};
+        border: {button_border_color};
+        border-radius: 7px;
+        text-align: center;
+        text-decoration: none;
+        cursor: default;
+    }}
+    </style>
+    <div style="text-align: center;">
+        <div class="rounded-button">
+            Created by: Johnson Ameyaw
+        </div>
+    </div>
+    """, unsafe_allow_html=True)