Update app.py

app.py

@@ -1,24 +1,9 @@
 import streamlit as st
 import calendar
-
-# Define images for each month (seasonal backgrounds)
-month_images = {
-    1: "https://example.com/january.jpg",  # Winter for January
-    2: "https://example.com/february.jpg",  # Winter for February
-    3: "https://example.com/march.jpg",  # Spring for March
-    4: "https://example.com/april.jpg",  # Spring for April
-    5: "https://example.com/may.jpg",  # Spring for May
-    6: "https://example.com/june.jpg",  # Summer for June
-    7: "https://example.com/july.jpg",  # Summer for July
-    8: "https://example.com/august.jpg",  # Summer for August
-    9: "https://example.com/september.jpg",  # Fall for September
-    10: "https://example.com/october.jpg",  # Fall for October
-    11: "https://example.com/november.jpg",  # Fall for November
-    12: "https://example.com/december.jpg",  # Winter for December
-}
+from PIL import Image
 
 # Function to display the full calendar for a specific month and year
-def display_full_calendar(year, month):
+def display_full_calendar(year, month, month_images):
     # Display the month and year
     st.write(f"### {calendar.month_name[month]} {year}")
     
@@ -29,41 +14,50 @@ def display_full_calendar(year, month):
     days_of_week = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
     
     # Set the background image for the month
-    bg_image_url = month_images.get(month, "")
-    st.markdown(
-        f"""
-        <style>
-            .calendar {{
-                background-image: url('{bg_image_url}');
-                background-size: cover;
-                background-position: center;
-                padding: 20px;
-            }}
-            table {{
-                border-collapse: collapse;
-                width: 100%;
-            }}
-            th, td {{
-                text-align: center;
-                padding: 5px;
-                border: 1px solid #ccc;
-                font-size: 14px;
-                height: 30px;
-            }}
-            th {{
-                background-color: rgba(255, 255, 255, 0.8);
-            }}
-            td {{
-                background-color: rgba(255, 255, 255, 0.6);
-            }}
-            td.weekend {{
-                background-color: rgba(255, 233, 59, 0.8);  /* Yellow for weekends */
-            }}
-            td.empty {{
-                background-color: rgba(255, 255, 255, 0.2); /* Light for empty cells */
-            }}
-        </style>
-        """, unsafe_allow_html=True)
+    bg_image_url = month_images.get(month, None)
+    if bg_image_url:
+        st.markdown(
+            f"""
+            <style>
+                .calendar {{
+                    background-image: url('{bg_image_url}');
+                    background-size: cover;
+                    background-position: center;
+                    padding: 20px;
+                    border-radius: 10px;
+                }}
+                table {{
+                    border-collapse: collapse;
+                    width: 90%;
+                    margin: 10px auto;
+                    background-color: rgba(255, 255, 255, 0.8);
+                }}
+                th, td {{
+                    text-align: center;
+                    padding: 8px;
+                    border: 1px solid #ccc;
+                    font-size: 12px;
+                    height: 30px;
+                }}
+                th {{
+                    background-color: #f2f2f2;
+                    color: #333;
+                }}
+                td {{
+                    background-color: #ffffff;
+                    color: #333;
+                }}
+                td.weekend {{
+                    background-color: #ffeb3b;  /* Yellow for weekends */
+                }}
+                td.empty {{
+                    background-color: rgba(255, 255, 255, 0.3); /* Light for empty cells */
+                }}
+                td.highlight {{
+                    background-color: #76d7c4; /* Light teal for highlight */
+                }}
+            </style>
+            """, unsafe_allow_html=True)
     
     # Create the table
     table_html = "<div class='calendar'><table>"
@@ -96,14 +90,28 @@ def display_full_calendar(year, month):
 # Streamlit app title
 st.title('2025 Calendar Viewer')
 
+# File uploader to upload images
+st.subheader('Upload images for each month')
+uploaded_files = {}
+months = list(calendar.month_name[1:])
+for month in months:
+    uploaded_files[month] = st.file_uploader(f"Upload image for {month}", type=["jpg", "png"])
+
+# Map the uploaded images to each month
+month_images = {}
+for month, image in uploaded_files.items():
+    if image is not None:
+        month_images[calendar.month_name.index(month)] = image
+
 # Get user input for the month (default to 2025)
 year = 2025
 month = st.slider('Select month:', 1, 12, 1)
 
 # Display the calendar for the selected month of the year 2025
-display_full_calendar(year, month)
+display_full_calendar(year, month, month_images)
 
 # Optionally, display all months in 2025
 if st.checkbox('Show all months for 2025'):
     for month in range(1, 13):
-        display_full_calendar(year, month)
+        display_full_calendar(year, month, month_images)
+