Embed

<div style="font-family: Arial, sans-serif; background: #f9fafb; padding: 40px; max-width: 600px; margin: auto; border-radius: 10px;">
  <img src="https://i.imgur.com/RrQ2DoG.png" alt="Noble View Logo" style="display: block; margin: 0 auto 30px; max-width: 160px;">
  
  <h2 style="color: #004e64; text-align: center;">Recovery Wins Journal</h2>
  <p style="text-align: center; color: #333;">Answer 3 simple prompts and receive support powered by top-level mental health insights.</p>

  <label for="challenge" style="display: block; margin-top: 20px; font-weight: bold;">1. What was the biggest challenge you faced this week?</label>
  <textarea id="challenge" rows="3" style="width: 100%; padding: 10px;"></textarea>

  <label for="overcome" style="display: block; margin-top: 20px; font-weight: bold;">2. How did you overcome it?</label>
  <textarea id="overcome" rows="3" style="width: 100%; padding: 10px;"></textarea>

  <label for="proud" style="display: block; margin-top: 20px; font-weight: bold;">3. What are you proud of right now?</label>
  <textarea id="proud" rows="3" style="width: 100%; padding: 10px;"></textarea>

  <button onclick="generateFeedback()" style="margin-top: 25px; background-color: #007c91; color: white; padding: 14px 26px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">
    Get My AI Feedback
  </button>

  <div id="result" style="margin-top: 30px; background: #e6f2f3; padding: 20px; border-radius: 8px; display: none;">
    <h3 style="color: #004e64;">Your AI-Powered Encouragement</h3>
    <p id="aiText" style="color: #333; white-space: pre-wrap;"></p>
    <p style="font-size: 12px; color: #666; margin-top: 20px;">
      <strong>Disclaimer:</strong> This tool is intended for support and educational reflection only. It is not a substitute for therapy, diagnosis, or professional medical treatment. If you’re struggling, please connect with a licensed mental health professional.
    </p>
  </div>
</div>

<script>
  function generateFeedback() {
    const challenge = document.getElementById('challenge').value.trim();
    const overcome = document.getElementById('overcome').value.trim();
    const proud = document.getElementById('proud').value.trim();

    if (!challenge || !overcome || !proud) {
      alert("Please answer all three questions to receive your reflection.");
      return;
    }

    const feedback = `
Thank you for sharing your journey with us. 

Facing the challenge of "${challenge}" this week took real courage. That experience alone shows you're more resilient than you give yourself credit for.

The way you overcame it — "${overcome}" — reveals your developing ability to regulate, adapt, and respond with intention. Those are powerful mental health tools, and they don't develop overnight.

Most importantly, feeling proud of "${proud}" is a sign of growth. Allow yourself to sit in that pride without guilt or minimizing it. Recovery isn't just about avoiding old patterns — it's about building new ones.

From a therapeutic perspective, you're practicing reflection, resilience, and self-compassion — three of the most important indicators of long-term recovery success.

Keep going. The work you're doing matters.
    `;

    document.getElementById('aiText').textContent = feedback;
    document.getElementById('result').style.display = 'block';
  }
</script>


Noble View

We partner with mental health and dual diagnosis treatment centers to design and manage powerful alumni programs that increase referrals, improve outcomes, and strengthen community.