Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,40 +1,86 @@
-import altair as alt
-import numpy as np
-import pandas as pd
 import streamlit as st
+from riddles import load_riddles, get_random_riddle
+import os
+os.environ["STREAMLIT_TELEMETRY_DISABLED"] = "1"
+os.environ['STREAMLIT_DISABLE_WATCHDOG_WARNINGS'] = 'true'
 
-"""
-# Welcome to Streamlit!
-
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
-
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
-
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
-
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
-
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
-
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+# Load custom CSS
+def load_css(file_name):
+    with open(file_name) as f:
+        css = f.read()
+    st.markdown(f"<style>{css}</style>", unsafe_allow_html=True)
+
+load_css('src/css/style.css')
+
+# Load riddles from CSV
+riddles = load_riddles()
+
+# Check if riddles loaded
+if not riddles:
+    st.write("No riddles found. Please check your CSV file.")
+else:
+    # Initialize session state
+    if "riddle" not in st.session_state:
+        st.session_state.riddle = get_random_riddle(riddles)
+        st.session_state.hint_shown = False
+        st.session_state.answer_shown = False
+        st.session_state.user_answer_key = 0
+
+    st.header("Let's Riddle!")
+    st.write(st.session_state.riddle['Riddle'])
+
+    # Input for user's answer
+    user_answer = st.text_input(
+        "Your answer is:",
+        placeholder="Type Your Answer Here",
+        key=f"user_answer_{st.session_state.user_answer_key}"
+    )
+
+    # Create empty containers to dynamically update content
+    feedback_container = st.empty()
+    hint_container = st.empty()
+    answer_container = st.empty()
+
+    # Layout: Submit, Hint, Reveal buttons
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        if st.button("Submit"):
+            if user_answer.strip().lower() == st.session_state.riddle['Answer'].lower():
+                feedback_container.write("✅ Correct! Well done!")
+            else:
+                feedback_container.write("❌ Incorrect. Try asking for a hint!")
+
+    with col2:
+        if st.button("Hint"):
+            if not st.session_state.hint_shown:
+                hint_container.write(f"💡 Hint: {st.session_state.riddle['Hint']}")
+                st.session_state.hint_shown = True
+            else:
+                hint_container.write("Hint already shown.")
+
+    with col3:
+        if st.button("Reveal"):
+            # Clear the hint when answer is shown
+            if st.session_state.hint_shown:
+                hint_container.empty()
+            if not st.session_state.answer_shown:
+                answer_container.write(f"🟢 The answer is: {st.session_state.riddle['Answer']}")
+                st.session_state.answer_shown = True
+            else:
+                answer_container.write("Answer already revealed.")
+
+    # 'Next' button centered
+    col_center = st.columns([1, 1, 1])[1]
+    with col_center:
+        if st.button("Next"):
+            st.session_state.riddle = get_random_riddle(riddles)
+            st.session_state.hint_shown = False
+            st.session_state.answer_shown = False
+            st.session_state.user_answer_key += 1
+
+            # Clear all previous outputs
+            feedback_container.empty()
+            hint_container.empty()
+            answer_container.empty()
+
+            st.rerun()