Update src/streamlit_app.py

src/streamlit_app.py

@@ -11,12 +11,12 @@ import random
 
 # Page config with optimized settings
 st.set_page_config(
-    page_title="🎪 Math Adventure Land", 
+    page_title="Math Adventure Land", 
     layout="wide",
     initial_sidebar_state="expanded"
 )
 
-# COMPLETELY CLEAN CSS - NO ANIMATIONS, NO CELEBRATIONS, NO MOVEMENT
+# COMPLETELY CLEAN CSS - NO ANIMATIONS, NO MOVEMENTS, NO TRANSITIONS
 st.markdown("""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
@@ -34,7 +34,6 @@ st.markdown("""
         color: #FF6B6B; 
         text-align: center; 
         font-family: 'Comic Neue', cursive;
-        text-shadow: 3px 3px 0 #FFD93D, 6px 6px 0 #4ECDC4;
         margin-bottom: 30px;
     }
     
@@ -45,13 +44,12 @@ st.markdown("""
         background-color: rgba(255, 255, 255, 0.9);
         font-size: 22px; 
         font-family: 'Comic Neue', cursive;
-        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
         margin: 20px 0;
     }
     
     .stButton > button { 
         font-size: 20px; 
-        background: linear-gradient(45deg, #FF6B6B, #FFD93D);
+        background: #FF6B6B;
         color: white; 
         border-radius: 15px; 
         padding: 12px 25px;
@@ -76,7 +74,7 @@ st.markdown("""
     }
     
     .progress-fill {
-        background: linear-gradient(45deg, #FF6B6B, #FFD93D);
+        background: #FF6B6B;
         border-radius: 10px;
         height: 100%;
     }
@@ -100,7 +98,7 @@ st.markdown("""
     .completion-message {
         text-align: center;
         padding: 40px;
-        background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
+        background: #FF6B6B;
         border-radius: 25px;
         color: white;
         margin: 20px 0;
@@ -113,6 +111,13 @@ st.markdown("""
         text-align: center;
         margin: 10px 0;
     }
+    
+    /* DISABLE ALL ANIMATIONS GLOBALLY */
+    * {
+        animation: none !important;
+        transition: none !important;
+        transform: none !important;
+    }
     </style>
 """, unsafe_allow_html=True)
 
@@ -139,19 +144,36 @@ function startAutoProgression(seconds) {
 </script>
 """, unsafe_allow_html=True)
 
-# Initialize session state
+# Initialize session state with complete reset
 def initialize_session_state():
-    if 'app_initialized' not in st.session_state:
-        st.session_state.app_initialized = True
-        st.session_state.temp_dir = tempfile.mkdtemp()
-        st.session_state.last_activity = time.time()
-        st.session_state.age_group = None
-        st.session_state.category = None
-        st.session_state.question_index = 0
-        st.session_state.show_answer = False
-        st.session_state.show_steps = False
-        st.session_state.session_initialized = False
-        st.session_state.auto_progress = True
+    required_keys = [
+        'app_initialized', 'temp_dir', 'last_activity', 'age_group', 
+        'category', 'question_index', 'show_answer', 'show_steps', 
+        'session_initialized', 'auto_progress'
+    ]
+    
+    for key in required_keys:
+        if key not in st.session_state:
+            if key == 'app_initialized':
+                st.session_state.app_initialized = True
+            elif key == 'temp_dir':
+                st.session_state.temp_dir = tempfile.mkdtemp()
+            elif key == 'last_activity':
+                st.session_state.last_activity = time.time()
+            elif key == 'age_group':
+                st.session_state.age_group = None
+            elif key == 'category':
+                st.session_state.category = None
+            elif key == 'question_index':
+                st.session_state.question_index = 0
+            elif key == 'show_answer':
+                st.session_state.show_answer = False
+            elif key == 'show_steps':
+                st.session_state.show_steps = False
+            elif key == 'session_initialized':
+                st.session_state.session_initialized = False
+            elif key == 'auto_progress':
+                st.session_state.auto_progress = True
 
 initialize_session_state()
 
@@ -166,10 +188,10 @@ st.markdown("""
         <span>🐯</span>
     </div>
     <div class="fun-title">
-        🎪 Welcome to Math Adventure Land! 🎪
+        Welcome to Math Adventure Land!
     </div>
     <div style="text-align: center; font-size: 24px; color: #FF6B6B; font-family: 'Comic Neue', cursive;">
-        Where Numbers Become Friends! 🤗 ✨
+        Where Numbers Become Friends!
     </div>
 </div>
 """, unsafe_allow_html=True)
@@ -183,11 +205,11 @@ age_groups = {
 
 # SIDEBAR - Clean and stable
 with st.sidebar:
-    st.markdown("### 🎯 Quick Help Guide")
+    st.markdown("### Quick Help Guide")
     
     st.markdown("""
     <div class="help-box">
-        <h4>🎮 How to Play:</h4>
+        <h4>How to Play:</h4>
         <p>1. Choose your age group<br>
         2. Pick a math category<br>
         3. Solve the fun problems!<br>
@@ -196,7 +218,7 @@ with st.sidebar:
     """, unsafe_allow_html=True)
     
     # Auto-progress toggle
-    st.markdown("### ⚙️ Settings")
+    st.markdown("### Settings")
     auto_progress = st.toggle("Auto-Progress", value=st.session_state.auto_progress, 
                             help="Automatically move to next category when finished")
     
@@ -204,12 +226,12 @@ with st.sidebar:
         st.session_state.auto_progress = auto_progress
         st.rerun()
     
-    st.markdown("### 🏆 Achievement Tips")
+    st.markdown("### Achievement Tips")
     st.info("""
-    💫 **Pro Tips:**
+    Pro Tips:
     - Take your time with each problem
     - Use the hints when you need help
-    - Practice makes perfect! 🌟
+    - Practice makes perfect!
     """)
 
 # MAIN CONTENT AREA
@@ -220,16 +242,17 @@ with col1:
     st.session_state.last_activity = time.time()
     
     # Age group selection
-    selected_age_group = st.selectbox("🎯 Choose Your Adventure Level:", list(age_groups.keys()))
+    selected_age_group = st.selectbox("Choose Your Adventure Level:", list(age_groups.keys()))
 
-    # Initialize session
-    if not st.session_state.session_initialized or st.session_state.age_group != selected_age_group:
+    # Force reset when age group changes
+    if st.session_state.age_group != selected_age_group:
         st.session_state.age_group = selected_age_group
         st.session_state.category = None
         st.session_state.question_index = 0
         st.session_state.show_answer = False
         st.session_state.show_steps = False
         st.session_state.session_initialized = True
+        st.rerun()
 
     # Load dataset
     group_info = age_groups[selected_age_group]
@@ -247,23 +270,23 @@ with col1:
             with zipfile.ZipFile(zip_path, "r") as zip_ref:
                 zip_ref.extractall(temp_image_folder)
     except Exception as e:
-        st.warning(f"⚠️ Could not extract images: {e}")
+        st.warning(f"Could not extract images: {e}")
 
     if not os.path.exists(dataset_path):
-        st.error(f"❌ Dataset not found: {dataset_path}")
+        st.error(f"Dataset not found: {dataset_path}")
         st.stop()
 
     try:
         df = pd.read_excel(dataset_path)
         df['category'] = df['category'].astype(str).str.strip()
     except Exception as e:
-        st.error(f"❌ Error loading dataset: {e}")
+        st.error(f"Error loading dataset: {e}")
         st.stop()
 
     # Category selection
     categories = sorted(df['category'].dropna().unique())
-    category_emojis = {"Addition": "➕", "Subtraction": "➖", "Multiplication": "✖️", "Division": "➗", "Geometry": "📐", "Algebra": "📊"}
-    selected_category = st.selectbox("📚 Choose Your Math Quest:", options=categories)
+    category_emojis = {"Addition": "+", "Subtraction": "-", "Multiplication": "×", "Division": "÷", "Geometry": "📐", "Algebra": "📊"}
+    selected_category = st.selectbox("Choose Your Math Quest:", options=categories)
 
     # Update session if category changes
     if st.session_state.category != selected_category:
@@ -276,7 +299,7 @@ with col1:
     # Filter questions by selected category only
     subset_df = df[df['category'] == selected_category].reset_index(drop=True)
 
-    # 🎮 MATH QUESTIONS SECTION
+    # MATH QUESTIONS SECTION
     if not subset_df.empty and st.session_state.question_index < len(subset_df):
         question = subset_df.iloc[st.session_state.question_index]
         progress = int((st.session_state.question_index / len(subset_df)) * 100)
@@ -285,7 +308,7 @@ with col1:
         st.markdown(f"""
         <div style="text-align: center; margin: 20px 0;">
             <div style="font-family: 'Comic Neue', cursive; color: #FF6B6B; font-size: 18px;">
-                🎯 Progress: {st.session_state.question_index + 1} of {len(subset_df)}
+                Progress: {st.session_state.question_index + 1} of {len(subset_df)}
             </div>
             <div class="progress-bar">
                 <div class="progress-fill" style="width: {progress}%;"></div>
@@ -294,13 +317,13 @@ with col1:
         """, unsafe_allow_html=True)
 
         # Display question - NO ANIMATIONS
-        category_emoji = category_emojis.get(selected_category, "❓")
+        category_emoji = category_emojis.get(selected_category, "?")
         st.markdown(f"""
         <div class="question-box">
             <div style="text-align: center; font-size: 30px; margin-bottom: 15px;">
-                {category_emoji} Challenge {st.session_state.question_index + 1} {category_emoji}
+                Challenge {st.session_state.question_index + 1}
             </div>
-            📘 <b>Math Quest:</b><br><br>
+            <b>Math Quest:</b><br><br>
             {question['problem']}
         </div>
         """, unsafe_allow_html=True)
@@ -319,27 +342,27 @@ with col1:
                         except:
                             pass
             if not image_found:
-                st.warning("🖼️ Image not available")
+                st.warning("Image not available")
         
         # Answer input
-        user_ans = st.text_input("✏️ Your Answer:", key=f"ans_{st.session_state.question_index}")
+        user_ans = st.text_input("Your Answer:", key=f"ans_{st.session_state.question_index}")
 
         # Action buttons
         col_btn1, col_btn2, col_btn3 = st.columns([1, 1, 1])
         
         with col_btn1:
-            if st.button("🎯 Submit Answer", key=f"submit_{st.session_state.question_index}", use_container_width=True):
+            if st.button("Submit Answer", key=f"submit_{st.session_state.question_index}", use_container_width=True):
                 st.session_state.last_activity = time.time()
                 if str(user_ans).strip().lower() == str(question['answer']).strip().lower():
-                    # SIMPLE SUCCESS MESSAGE - NO ANIMATIONS, NO BALLOONS
-                    st.success("✅ CORRECT! Great job!")
+                    # SIMPLE SUCCESS MESSAGE - NO ANIMATIONS
+                    st.success("CORRECT! Great job!")
                     
                     success_messages = [
-                        "🌟 You're a math superstar!",
-                        "🚀 Excellent work!",
-                        "🌈 Brilliant answer!",
-                        "🎊 Perfect!",
-                        "🦄 Outstanding!"
+                        "You're a math superstar!",
+                        "Excellent work!",
+                        "Brilliant answer!",
+                        "Perfect!",
+                        "Outstanding!"
                     ]
                     
                     st.markdown(f"""
@@ -356,18 +379,18 @@ with col1:
                     st.session_state.last_activity = time.time()
                     st.rerun()
                 else:
-                    st.error("❌ Not quite right. Try again!")
+                    st.error("Not quite right. Try again!")
                     st.session_state.show_answer = True
                     st.session_state.show_steps = False
 
         with col_btn2:
-            if st.button("🔍 Show Hint", key=f"hint_{st.session_state.question_index}", use_container_width=True):
+            if st.button("Show Hint", key=f"hint_{st.session_state.question_index}", use_container_width=True):
                 st.session_state.last_activity = time.time()
                 st.session_state.show_answer = True
-                st.info("💡 Need some help? Here's the answer below!")
+                st.info("Need some help? Here's the answer below!")
 
         with col_btn3:
-            if st.button("⏭️ Skip", key=f"skip_{st.session_state.question_index}", use_container_width=True):
+            if st.button("Skip", key=f"skip_{st.session_state.question_index}", use_container_width=True):
                 st.session_state.last_activity = time.time()
                 st.session_state.question_index += 1
                 st.session_state.show_answer = False
@@ -378,26 +401,23 @@ with col1:
 
         # Show answer
         if st.session_state.show_answer:
-            st.info(f"💡 **Correct Answer:** **{question['answer']}**")
+            st.info(f"Correct Answer: {question['answer']}")
             
             if selected_age_group in ["🚀 Math Adventurers (7-9)", "🌟 Math Wizards (13-15)"]:
-                if st.button("📝 Show Steps", key=f"steps_{st.session_state.question_index}"):
+                if st.button("Show Steps", key=f"steps_{st.session_state.question_index}"):
                     st.session_state.last_activity = time.time()
                     st.session_state.show_steps = True
             if st.session_state.show_steps and pd.notna(question.get("steps", None)):
-                st.success(f"### Step-by-Step Solution:\n{question['steps']}")
+                st.success(f"Step-by-Step Solution:\n{question['steps']}")
             
     elif subset_df.empty:
-        st.warning("⚠️ No questions available in this category. Try another one!")
+        st.warning("No questions available in this category. Try another one!")
     else:
-        # COMPLETION MESSAGE - NO ANIMATIONS, NO BALLOONS
+        # COMPLETION MESSAGE - NO ANIMATIONS
         st.markdown("""
         <div class="completion-message">
-            <div style="font-size: 60px; margin-bottom: 20px;">
-                🏆
-            </div>
             <h1 style="font-family: 'Comic Neue', cursive;">
-                CONGRATULATIONS! 🎉
+                CONGRATULATIONS!
             </h1>
             <p style="font-size: 24px;">
                 You've completed all challenges in this category!
@@ -405,8 +425,6 @@ with col1:
         </div>
         """, unsafe_allow_html=True)
         
-        # NO BALLOONS - completely removed
-        
         # Auto-progress logic
         if st.session_state.auto_progress:
             st.markdown("""
@@ -432,7 +450,7 @@ with col1:
                 
             st.rerun()
         else:
-            if st.button("🔄 Start New Adventure", use_container_width=True):
+            if st.button("Start New Adventure", use_container_width=True):
                 st.session_state.last_activity = time.time()
                 st.session_state.question_index = 0
                 st.session_state.show_answer = False
@@ -440,14 +458,14 @@ with col1:
                 st.rerun()
 
 with col2:
-    st.markdown("### 🎨 Fun Zone")
+    st.markdown("### Fun Zone")
     st.markdown("""
     <div style="text-align: center; font-size: 40px; margin: 20px 0;">
         🎪<br>✨<br>🌟
     </div>
     """, unsafe_allow_html=True)
     
-    st.markdown("### 🏆 Progress")
+    st.markdown("### Progress")
     if not subset_df.empty:
         completed = min(st.session_state.question_index, len(subset_df))
         st.metric("Completed", f"{completed}/{len(subset_df)}")