Update app.py

app.py

@@ -4,19 +4,38 @@ import pandas as pd
 from fpdf import FPDF
 from datetime import datetime
 
-# ---------- Inject Custom CSS for a Faded, Existential Background and Glassy Widgets with Architectural Patterns ----------
+# ---------- Inject Custom CSS for a Faded Existential Background and Glassy Widgets ----------
 st.markdown(
     """
     <style>
-    /* Faded existential background inspired by Dr. Suss architectural style */
+    /* Faded existential background inspired by Dr. Seuss architectural style */
     body {
-        background: linear-gradient(rgba(26,26,26,0.8), rgba(26,26,26,0.8)), 
+        background: linear-gradient(rgba(26,26,26,0.8), rgba(26,26,26,0.8)),
                     url('https://www.toptal.com/designers/subtlepatterns/patterns/dark_wall.png');
         background-size: cover;
         background-attachment: fixed;
         color: #fff;
+        font-family: 'Roboto', sans-serif;
     }
-    /* Glassy Container with a subtle architectural pattern overlay */
+    /* Full-width glassy container for sections that need to span the width */
+    .full-width-glassy {
+        width: 100%;
+        background: rgba(0, 0, 0, 0.5);
+        background-image: url('https://www.toptal.com/designers/subtlepatterns/patterns/cubes.png');
+        background-blend-mode: overlay;
+        backdrop-filter: blur(12px);
+        border: 1px solid transparent;
+        border-radius: 10px;
+        padding: 2rem;
+        margin-bottom: 2rem;
+        box-shadow: 0 8px 30px rgba(0,0,0,0.8), 0 0 15px rgba(255,255,255,0.2);
+        transition: transform 0.3s ease;
+        border-image: linear-gradient(45deg, #fff, #aaa, #fff) 1;
+    }
+    .full-width-glassy:hover {
+        transform: scale(1.02);
+    }
+    /* Standard glassy container */
     .glassy-container {
         background: rgba(0, 0, 0, 0.5);
         background-image: url('https://www.toptal.com/designers/subtlepatterns/patterns/cubes.png');
@@ -33,7 +52,7 @@ st.markdown(
     .glassy-container:hover {
         transform: scale(1.02);
     }
-    /* Headings and text styling */
+    /* Headings and text styling with glow */
     h1, h2, h3, p, label {
         color: #fff;
         text-shadow: 0 0 3px rgba(0,0,0,0.7);
@@ -62,7 +81,7 @@ st.markdown(
     .stTextInput>div>input::placeholder {
         color: #aaa !important;
     }
-    /* Buttons (Metallic with Glow & Outline) */
+    /* Buttons with metallic glow and outline */
     .stButton button, .metallic-button {
         background: #fff;
         color: #000;
@@ -88,10 +107,6 @@ st.markdown(
         text-align: center;
         border-top: 2px solid #fff;
     }
-    /* Ensure Altair charts are adjusted */
-    .streamlit-expanderHeader {
-        font-weight: bold;
-    }
     </style>
     """,
     unsafe_allow_html=True
@@ -172,7 +187,7 @@ with st.form(key="assessment_form"):
         user_responses[q["trait"]] = st.slider(q["question"], 1, 5, 3, key=q["trait"])
     submitted = st.form_submit_button("Submit Assessment")
     st.markdown("</div>", unsafe_allow_html=True)
-st.markdown("</div>", unsafe_allow_html=True)  # Close the initial glassy container
+st.markdown("</div>", unsafe_allow_html=True)  <!-- End of Title/Description/Form Container -->
 
 # ---------- Process and Display Results ----------
 if submitted and name:
@@ -201,7 +216,7 @@ if submitted and name:
     st.markdown("</div>", unsafe_allow_html=True)
     
     # Multicolored Bar Chart of Scores in a full-width glassy container
-    st.markdown("<div class='glassy-container'>", unsafe_allow_html=True)
+    st.markdown("<div class='full-width-glassy'>", unsafe_allow_html=True)
     df = pd.DataFrame({
         "Trait": list(user_responses.keys()),
         "Score": list(user_responses.values())
@@ -218,6 +233,15 @@ if submitted and name:
     def generate_pdf_report(name, responses, recs, generated_on):
         pdf = FPDF()
         pdf.add_page()
+        # Set a decorative background in the PDF (requires pdf_background.png in working directory)
+        try:
+            pdf.image("pdf_background.png", x=0, y=0, w=pdf.w, h=pdf.h)
+        except Exception as e:
+            pass  # If not found, continue without background
+        # Draw a decorative border
+        pdf.set_draw_color(180, 180, 180)
+        pdf.rect(5, 5, pdf.w - 10, pdf.h - 10)
+        
         # Header with Black background, White text
         pdf.set_fill_color(0, 0, 0)
         pdf.set_text_color(255, 255, 255)
@@ -240,7 +264,7 @@ if submitted and name:
         pdf.set_font("Arial", "", 12)
         for trait, score in responses.items():
             pdf.multi_cell(0, 10, f"{trait}: {recs[trait][score]}")
-        # Footer (removed the phrase "LEARN THE CRAFT OF PSYCHOLOGY")
+        # Footer (removed extra phrase)
         pdf.set_y(-20)
         pdf.set_font("Arial", "I", 8)
         pdf.cell(0, 10, "Developed by Kabura Kuria - Contact: +254 707 865 934", 0, 0, "C")