Updates

app.py

@@ -2,6 +2,7 @@ import streamlit as st
 import os
 from fpdf import FPDF
 import uuid
+import importlib
 
 # Initialize session state variables
 if 'session_id' not in st.session_state:
@@ -38,12 +39,10 @@ def generate_pdf_report():
     pdf.ln(10)
 
     for module, data in st.session_state.module_question_count.items():
-        correct_count = st.session_state.module_correct_count.get(module, 0)
-        total_count = data
+        pdf.set_text_color(0, 0, 0)  # Reset to default color
+        pdf.set_font("Arial", size=12, style='B')
         pdf.cell(200, 10, txt=f"Module: {module}", ln=True, align="L")
         pdf.ln(5)
-        pdf.cell(200, 10, txt=f"Correct Answers: {correct_count}/{total_count}", ln=True, align="L")
-        pdf.ln(5)
 
         for entry in st.session_state.questions:
             if entry['module'] == module:
@@ -55,23 +54,43 @@ def generate_pdf_report():
                     entry['explanation'],
                     entry['step_by_step_solution']
                 )
-                pdf.multi_cell(0, 10, f"Q: {question}")
+                
+                # Draw a border around the question and options with a light background
+                pdf.set_draw_color(0, 0, 0)  # Black border
+                pdf.set_fill_color(240, 240, 240)  # Light gray background for question
+                pdf.set_line_width(0.3)
+                
+                # Question
+                pdf.multi_cell(0, 10, f"Q: {question}", border=1, align='L', fill=True)
+                pdf.ln(5)
+
+                # Options with distinct background
                 for option in options:
                     if option == correct:
                         pdf.set_text_color(0, 128, 0)  # Green for correct
-                        pdf.multi_cell(0, 10, f"{option}")
+                        pdf.set_fill_color(200, 255, 200)  # Light green background
+                        pdf.multi_cell(0, 10, f"{option}", border=1, align='L', fill=True)
                     elif option == selected:
                         pdf.set_text_color(255, 0, 0)  # Red for incorrect
-                        pdf.multi_cell(0, 10, f"{option}")
+                        pdf.set_fill_color(255, 200, 200)  # Light red background
+                        pdf.multi_cell(0, 10, f"{option}", border=1, align='L', fill=True)
                     else:
                         pdf.set_text_color(0, 0, 0)  # Default color for others
-                        pdf.multi_cell(0, 10, f"   {option}")
-                pdf.set_text_color(0, 0, 0)  # Reset color
-                pdf.multi_cell(0, 10, f"Explanation: {explanation}")
+                        pdf.set_fill_color(240, 240, 240)  # Light gray background
+                        pdf.multi_cell(0, 10, f"   {option}", border=1, align='L', fill=True)
+                pdf.ln(5)
+
+                # Explanation with background
+                pdf.set_text_color(0, 0, 0)  # Reset to black
+                pdf.set_fill_color(230, 230, 250)  # Light blue background
+                pdf.multi_cell(0, 10, f"Explanation: {explanation}", border=1, align='L', fill=True)
                 pdf.ln(5)
-                pdf.multi_cell(0, 10, "Step-by-Step Solution:")
+
+                # Step-by-step solution with background
+                pdf.set_fill_color(250, 235, 215)  # Light tan background
+                pdf.multi_cell(0, 10, "Step-by-Step Solution:", border=1, align='L', fill=True)
                 for step in step_by_step_solution:
-                    pdf.multi_cell(0, 10, step)
+                    pdf.multi_cell(0, 10, step, border=1, align='L', fill=True)
                 pdf.ln(10)
 
         pdf.ln(10)  # Add space after each module
@@ -85,7 +104,7 @@ def load_modules():
         if filename.endswith(".py") and filename != "__init__.py":
             module_name = filename[:-3]
             # Dynamically import the module only when needed
-            module = __import__(f"{module_dir}.{module_name}", fromlist=[''])
+            module = importlib.import_module(f"modules.{module_name}")
             modules[module_name] = {
                 "title": getattr(module, "title", module_name),
                 "description": getattr(module, "description", "No description available."),
@@ -160,7 +179,83 @@ with col3:
             mime="application/pdf"
         )
 
-st.write(current_question["question"])
+# Web Page Presentation Styling
+def display_question_with_styles(question_data):
+    st.markdown(f"""
+    <style>
+    .question-box {{
+        border: 2px solid #000;
+        padding: 10px;
+        margin-bottom: 20px;
+        background-color: #f0f0f0;
+    }}
+    .option {{
+        border: 1px solid #000;
+        padding: 5px;
+        margin-bottom: 5px;
+    }}
+    .correct {{
+        background-color: #c8e6c9;
+        color: green;
+    }}
+    .incorrect {{
+        background-color: #ffcdd2;
+        color: red;
+    }}
+    .explanation-box {{
+        border: 2px solid #000;
+        padding: 10px;
+        background-color: #e3f2fd;
+        margin-top: 20px;
+    }}
+    .step-box {{
+        border: 1px solid #000;
+        padding: 5px;
+        background-color: #fff3e0;
+        margin-top: 10px;
+    }}
+    </style>
+    """, unsafe_allow_html=True)
+
+    st.markdown(f"""
+    <div class="question-box">
+        <strong>Q:</strong> {question_data['question']}
+    </div>
+    """, unsafe_allow_html=True)
+
+    for option in question_data['options']:
+        option_class = ''
+        if option == question_data['correct_answer']:
+            option_class = 'correct'
+        elif option == question_data['selected']:
+            option_class = 'incorrect'
+
+        st.markdown(f"""
+        <div class="option {option_class}">
+            {option}
+        </div>
+        """, unsafe_allow_html=True)
+
+    if question_data.get('answered', False):
+        st.markdown(f"""
+        <div class="explanation-box">
+            <strong>Explanation:</strong> {question_data['explanation']}
+        </div>
+        """, unsafe_allow_html=True)
+
+        st.markdown(f"""
+        <div class="step-box">
+            <strong>Step-by-Step Solution:</strong>
+            <ul>
+        """, unsafe_allow_html=True)
+
+        for step in question_data['step_by_step_solution']:
+            st.markdown(f"<li>{step}</li>", unsafe_allow_html=True)
+
+        st.markdown("</ul></div>", unsafe_allow_html=True)
+
+# Display the current question with styles
+display_question_with_styles(current_question)
 
 # Disable the radio buttons if the question is already answered
 disabled_options = current_question['answered']
@@ -203,16 +298,4 @@ if submit_button:
 
 # Show correct/incorrect feedback after submission
 if current_question.get('answered', False):
-    for option in current_question['options']:
-        if option == current_question['correct_answer']:
-            st.markdown(f"<span style='color:green;'>{option} ✅</span>", unsafe_allow_html=True)
-        elif option == current_question['selected']:
-            st.markdown(f"<span style='color:red;'>{option} ❌</span>", unsafe_allow_html=True)
-        else:
-            st.markdown(f"{option}")
-    
-    # Show explanation and step-by-step solution
-    st.write(f"**Explanation:** {current_question['explanation']}")
-    st.write("**Step-by-Step Solution:**")
-    for step in current_question['step_by_step_solution']:
-        st.write(step)
+    display_question_with_styles(current_question)