Update app.py

app.py

@@ -1,8 +1,9 @@
 import streamlit as st
 from PIL import Image
 import os
+import random
 
-st.set_page_config(page_title="Valentine's Day Surprise", page_icon="❤️")
+st.set_page_config(page_title="Valentine's Day Surprise", page_icon="❤️", layout="wide")
 
 # Load previous data (if it exists)
 if os.path.exists("data.txt"):
@@ -21,6 +22,91 @@ password_entered = st.text_input("Enter the secret word:", type="password")
 correct_password = "anna"  # Replace with your secret word
 
 if password_entered == correct_password:
+    # --- Styling ---
+    st.markdown(
+        """
+        <style>
+        body {
+            background-color: #f8f0e3; /* Light beige */
+            font-family: 'Arial', sans-serif;
+        }
+        .stButton>button {
+            background-color: #f08080 !important; /* Light coral */
+            color: white !important;
+        }
+        .stTextInput, .stTextArea, .stSelectbox {
+            border: 2px solid #f08080; /* Light coral */
+            border-radius: 5px;
+        }
+        </style>
+        """,
+        unsafe_allow_html=True,
+    )
+
+    # --- Heart Animation (using HTML and CSS) ---
+    st.markdown(
+        """
+        <div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;">
+            <div class="heart"></div>
+            <div class="heart" style="left: 10%; animation-delay: 2s;"></div>
+            <div class="heart" style="left: 20%; animation-delay: 1s;"></div>
+            <div class="heart" style="left: 30%; animation-delay: 3s;"></div>
+            <div class="heart" style="left: 40%; animation-delay: 0.5s;"></div>
+            <div class="heart" style="left: 50%; animation-delay: 2.5s;"></div>
+            <div class="heart" style="left: 60%; animation-delay: 1.5s;"></div>
+            <div class="heart" style="left: 70%; animation-delay: 3.5s;"></div>
+            <div class="heart" style="left: 80%; animation-delay: 0.8s;"></div>
+            <div class="heart" style="left: 90%; animation-delay: 2.2s;"></div>
+        </div>
+
+        <style>
+        .heart {
+            position: absolute;
+            width: 30px;
+            height: 30px;
+            background-color: #f08080; /* Light coral */
+            transform: rotate(-45deg);
+            animation: heartAnimation 5s linear infinite;
+        }
+
+        .heart::before,
+        .heart::after {
+            content: "";
+            position: absolute;
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            background-color: #f08080; /* Light coral */
+        }
+
+        .heart::before {
+            top: -15px;
+            left: 0;
+        }
+
+        .heart::after {
+            top: 0;
+            left: 15px;
+        }
+
+        @keyframes heartAnimation {
+            0% {
+                top: -50px;
+                opacity: 0;
+            }
+            50% {
+                opacity: 1;
+            }
+            100% {
+                top: 100vh;
+                opacity: 0;
+            }
+        }
+        </style>
+        """,
+        unsafe_allow_html=True,
+    )
+
     # Tabs
     tabs = ["Memories", "Messages", "Reasons"]
     selected_tab = st.sidebar.radio("Select a tab:", tabs)
@@ -48,11 +134,12 @@ if password_entered == correct_password:
                 except Exception as e:
                     st.error(f"Error opening image {uploaded_file.name}: {e}")
 
-        elif saved_data["images"]:  # Show previously uploaded images
+        # Display previously uploaded images (always)
+        if saved_data["images"]:
             for image_name in saved_data["images"]:
                 try:
-                    image_path = os.path.join("static", image_name)  # Correct path!
-                    image = Image.open(image_path)  # Open from correct path
+                    image_path = os.path.join("static", image_name)
+                    image = Image.open(image_path)
                     st.image(image, caption=image_name, use_column_width=True)
                 except FileNotFoundError:
                     st.warning(f"Could not load previously saved image: {image_name}. It might have been deleted.")
@@ -70,7 +157,7 @@ if password_entered == correct_password:
                 st.success("Message saved!")
                 st.rerun()
 
-        if saved_data["messages"]:  # Display previously saved messages
+        if saved_data["messages"]:
             for message in saved_data["messages"]:
                 st.write(f"- {message}")