Simplify UI, add comprehensive resources, and improve readability

src/streamlit_app.py

@@ -12,7 +12,7 @@ st.set_page_config(
     initial_sidebar_state="expanded"
 )
 
-# Custom CSS for warm, earth-toned design
+# Simplified CSS for earth tones and better readability
 st.markdown("""
 <style>
     /* Custom fonts */
@@ -20,13 +20,13 @@ st.markdown("""
     
     /* Main container styling */
     .stApp {
-        background-color: #FAF6F2;  /* Warmer, lighter background */
+        background-color: #FFFAF5;  /* Very light warm background */
     }
     
     /* Headers */
     h1, h2, h3 {
         font-family: 'Inter', sans-serif;
-        color: #3D3235;  /* Darker, more readable warm gray */
+        color: #5C4B51;  /* Warm gray */
         font-weight: 600;
         margin-bottom: 1.2rem;
     }
@@ -34,126 +34,81 @@ st.markdown("""
     /* Text areas and inputs */
     .stTextArea, .stTextInput {
         background-color: #FFFFFF;
-        border-radius: 0.8rem;
-        border: 1px solid #D4C5B9;  /* Darker border for better definition */
+        border: 1px solid #E0D5C8;  /* Soft clay */
         padding: 1.2rem;
-        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
+        border-radius: 8px;
+        box-shadow: none;
     }
     
     /* Buttons */
     .stButton > button {
-        background-color: #7A8B73;  /* Slightly darker sage for better contrast */
+        background-color: #8B9D83;  /* Sage green */
         color: white;
-        border-radius: 0.8rem;
-        padding: 0.6rem 1.8rem;
         border: none;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.15);
+        padding: 0.6rem 1.8rem;
+        border-radius: 8px;
         font-family: 'Inter', sans-serif;
         font-weight: 500;
-        transition: all 0.3s ease;
+        box-shadow: none;
     }
     
     .stButton > button:hover {
-        background-color: #697A62;  /* Even darker on hover */
-        transform: translateY(-1px);
-    }
-    
-    /* Tone badges */
-    .tone-badge {
-        padding: 0.4rem 1rem;
-        border-radius: 0.8rem;
-        font-size: 0.9em;
-        display: inline-block;
-        margin-bottom: 0.8rem;
-        font-weight: 500;
-    }
-    
-    .tone-warm {
-        background-color: #FFE4CC;  /* Warmer gold */
-        color: #96642D;  /* Darker text for better contrast */
-    }
-    
-    .tone-reflective {
-        background-color: #D7E8D5;  /* Deeper green */
-        color: #4B6D5F;
-    }
-    
-    .tone-encouraging {
-        background-color: #E0E4F5;  /* Deeper lavender */
-        color: #505FA6;
-    }
-    
-    .tone-direct {
-        background-color: #E2E7EC;  /* Deeper slate */
-        color: #3F525C;
-    }
-    
-    /* Expander styling */
-    .streamlit-expanderHeader {
-        background-color: #FFFFFF;  /* White background for better contrast */
-        border-radius: 0.8rem;
-        border: 1px solid #D4C5B9;
-        padding: 0.8rem;
-    }
-    
-    /* Sidebar */
-    .css-1d391kg {  /* Sidebar */
-        background-color: #FFFFFF;  /* White background */
-        border-right: 1px solid #D4C5B9;
+        background-color: #7A8B73;  /* Darker sage */
+        border: none;
     }
     
     /* Markdown text */
     p, li {
         font-family: 'Inter', sans-serif;
-        color: #3D3235;  /* Darker text for better readability */
+        color: #3D3235;  /* Dark warm gray */
         line-height: 1.8;
         font-size: 1rem;
-        margin-bottom: 1rem;
     }
     
     /* Custom containers */
     .warm-container {
         background-color: #FFFFFF;
-        border-radius: 0.8rem;
         padding: 2rem;
-        border: 1px solid #D4C5B9;
+        border: 1px solid #E0D5C8;
+        border-radius: 8px;
         margin: 1.5rem 0;
-        box-shadow: 0 3px 10px rgba(0,0,0,0.05);
     }
 
     /* Alert styling */
     .alert {
         padding: 1.2rem;
-        border-radius: 0.8rem;
+        border-radius: 8px;
         margin: 1.2rem 0;
-        border-left: 4px solid;
+        background-color: #FFF8E8;
+        border-left: 4px solid #F4A261;
+        color: #8B5E3C;
+    }
+
+    /* Resource styling */
+    .resource-item {
+        margin-bottom: 2rem;
+        padding-bottom: 1rem;
+        border-bottom: 1px solid #E0D5C8;
     }
     
-    .alert-warning {
-        background-color: #FFF8E8;  /* Lighter warning background */
-        border-left-color: #F4A261;  /* Warmer warning color */
-        color: #8B5E3C;  /* Darker text for better contrast */
+    .resource-item:last-child {
+        border-bottom: none;
     }
-
-    /* Selectbox styling */
-    .stSelectbox {
-        background-color: #FFFFFF;
-        border-radius: 0.8rem;
-        border: 1px solid #D4C5B9;
+    
+    .resource-title {
+        font-weight: 600;
+        color: #5C4B51;
+        margin-bottom: 0.5rem;
     }
-
-    /* Text area label */
-    .stTextArea label {
-        color: #3D3235;
+    
+    .resource-link {
+        color: #8B9D83;
+        text-decoration: none;
         font-weight: 500;
-        margin-bottom: 0.5rem;
     }
-
-    /* Prompt styling */
-    .prompt-text {
-        color: #666666;
-        font-style: italic;
-        margin-bottom: 1rem;
+    
+    .resource-link:hover {
+        color: #7A8B73;
     }
 </style>
 """, unsafe_allow_html=True)
@@ -332,22 +287,77 @@ Created by [Jocelyn Skillman LMHC](http://www.jocelynskillman.com)
 [@jocelynskillmanlmhc](https://jocelynskillmanlmhc.substack.com/)
 """)
 
-# Crisis support notice
-st.markdown("""
-<div class="alert alert-warning">
-    <strong>⚠️ Important:</strong> This app does not provide crisis support. If you need immediate help, please reach out to emergency services or click <a href="https://www.samhsa.gov/find-help/national-helpline" target="_blank">here</a> for support resources.
-</div>
-""", unsafe_allow_html=True)
+# Resource Nest in Sidebar
+with st.sidebar.expander("📚 Recommended Resources", expanded=True):
+    st.markdown("""
+    ### Parenting Wisdom & Support
+    
+    #### 🧠 Dr. Dan Siegel
+    *The Whole-Brain Child, No-Drama Discipline*  
+    [Website](https://www.drdansiegel.com)  
+    Pioneer in interpersonal neurobiology, explaining child brain development and integration-focused parenting.
+    
+    #### 🌈 Dr. Becky Kennedy
+    *Good Inside*  
+    [Website](https://www.goodinside.com)  
+    Relationally-rich, trauma-aware parenting support focused on connection over correction.
+    
+    #### 💞 Mona Delahooke
+    *Brain-Body Parenting, Beyond Behaviors*  
+    [Website](https://www.monadelahooke.com)  
+    Bridges neuroscience and compassion with practical Polyvagal Theory-based strategies.
+    
+    #### 📚 Tina Payne Bryson
+    *The Power of Showing Up, The Yes Brain*  
+    [Website](https://www.tinabryson.com)  
+    Accessible guidance on building resilience through consistent, attuned caregiving.
+    
+    #### 🧘‍♀️ Dr. Laura Markham
+    *Aha! Parenting*  
+    [Website](https://www.ahaparenting.com)  
+    Connection-first strategies with deep respect for emotional needs.
+    
+    #### 🦋 Kristin Neff
+    *Self-Compassion for Parents*  
+    [Website](https://self-compassion.org)  
+    Research-backed practices for moving from guilt to warmth.
+    
+    #### 🎧 Janet Lansbury
+    *Unruffled Podcast*  
+    [Website](https://www.janetlansbury.com)  
+    RIE-based guidance for respectful parenting with presence.
+    
+    #### 📖 Emily Oster
+    *Expecting Better, Cribsheet, The Family Firm*  
+    [Website](https://www.parentdata.org)  
+    Evidence-based support empowering informed parenting choices.
+    
+    #### 🌀 Dr. Gabor Maté
+    *The Myth of Normal, Scattered Minds*  
+    [Website](https://drgabormate.com)  
+    Compassionate perspective on trauma, attachment, and healing.
+    
+    ### Crisis Support
+    - [Find a Therapist](https://www.psychologytoday.com/us/therapists)
+    - [Parent Support Groups](https://www.postpartum.net/get-help/psi-online-support-meetings/)
+    - [Crisis Resources](https://www.samhsa.gov/find-help/national-helpline)
+    """)
 
 # Main content area
 st.markdown("""
-<div class='warm-container'>
-    <h1>NurtureNest</h1>
-    
-    <p>This is not a "parenting fix-it" tool.<br>
-    It is a pause. A breath. A quiet turning inward.</p>
+# NurtureNest
+
+This is not a "parenting fix-it" tool. It is a pause. A breath. A quiet turning inward.
+
+This space holds what feels messy, tangled, or painful—and trusts in your capacity to transform it. Here, guilt becomes a sign of care. Rupture becomes an opening for reconnection. Your presence, not your perfection, is what heals.
 
-    <p>This space holds what feels messy, tangled, or painful—and trusts in your capacity to transform it. Here, guilt becomes a sign of care. Rupture becomes an opening for reconnection. Your presence, not your perfection, is what heals.</p>
+---
+""")
+
+# Crisis support notice
+st.markdown("""
+<div class="alert">
+    <strong>⚠️ Important:</strong> This app does not provide crisis support. If you need immediate help, please reach out to emergency services or click <a href="https://www.samhsa.gov/find-help/national-helpline" target="_blank">here</a> for support resources.
 </div>
 """, unsafe_allow_html=True)
 
@@ -461,16 +471,18 @@ if st.session_state.reflections:
             """, unsafe_allow_html=True)
             st.markdown(reflection['content'])
 
-# Resource Nest
-with st.sidebar.expander("📚 Resource Nest", expanded=False):
-    st.markdown("""
-    ### Support Resources
-    - [Find a Therapist](https://www.psychologytoday.com/us/therapists)
-    - [Parent Support Groups](https://www.postpartum.net/get-help/psi-online-support-meetings/)
-    - [Crisis Resources](https://www.samhsa.gov/find-help/national-helpline)
-    
-    ### Reading Corner
-    - [Window of Tolerance](https://www.attachment-and-trauma-treatment-centre-for-healing.com/blogs/understanding-and-working-with-the-window-of-tolerance)
-    - [Repair After Rupture](https://www.consciousdiscipline.com/resources/repair-after-rupture/)
-    - [Co-Regulation Basics](https://www.nctsn.org/resources/co-regulation-building-foundation-for-emotional-regulation)
-    """) 
+# Display saved reflections if any
+if st.session_state.journal_entries:
+    with st.expander("📔 Your Saved Reflections", expanded=False):
+        for entry in reversed(st.session_state.journal_entries):
+            st.markdown(f"""
+            **{entry['timestamp']}**
+            
+            *Your reflection:*  
+            {entry['content']}
+            
+            *Response:*  
+            {entry['reflection']}
+            
+            ---
+            """)