Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Noble View Alumni Audit</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f4f6f8;
      margin: 0;
      padding: 0;
      color: #333;
    }

    .container {
      max-width: 700px;
      margin: 40px auto;
      padding: 20px;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

    .logo {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
    }

    .logo img {
      max-width: 200px;
      height: auto;
      display: block;
    }

    .question {
      margin-bottom: 20px;
    }

    .question p {
      font-weight: bold;
      margin-bottom: 8px;
    }

    label {
      margin-right: 20px;
    }

    #calcButton {
      background-color: #005b73;
      color: white;
      border: none;
      padding: 14px 24px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
      width: 100%;
      margin-top: 10px;
    }

    #calcButton:hover {
      background-color: #00485b;
    }

    #result {
      margin-top: 25px;
      font-weight: bold;
      padding: 18px;
      border-radius: 5px;
      display: none;
      font-size: 1rem;
      line-height: 1.5;
    }

    .success {
      background-color: #e8f5e9;
      color: #2e7d32;
    }

    .caution {
      background-color: #fff3e0;
      color: #ef6c00;
    }

    .warning {
      background-color: #ffebee;
      color: #c62828;
    }

    a {
      text-decoration: none;
      color: #005b73;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="logo">
      <img src="https://i.imgur.com/RrQ2DoG.png" alt="Noble View Logo" />
    </div>

    <form id="auditForm">
      
      <div class="question">
        <p>1. Do you host regular alumni events or reunions?</p>
        <label><input type="radio" name="q1" value="10" /> Yes</label>
        <label><input type="radio" name="q1" value="5" /> Somewhat</label>
        <label><input type="radio" name="q1" value="0" /> No</label>
      </div>
      <div class="question">
        <p>2. Do you maintain up-to-date contact information for alumni?</p>
        <label><input type="radio" name="q2" value="10" /> Yes</label>
        <label><input type="radio" name="q2" value="5" /> Somewhat</label>
        <label><input type="radio" name="q2" value="0" /> No</label>
      </div>
      <div class="question">
        <p>3. Do you have a dedicated staff member or team for alumni relations?</p>
        <label><input type="radio" name="q3" value="10" /> Yes</label>
        <label><input type="radio" name="q3" value="5" /> Somewhat</label>
        <label><input type="radio" name="q3" value="0" /> No</label>
      </div>
      <div class="question">
        <p>4. Do you send regular updates or newsletters to alumni?</p>
        <label><input type="radio" name="q4" value="10" /> Yes</label>
        <label><input type="radio" name="q4" value="5" /> Somewhat</label>
        <label><input type="radio" name="q4" value="0" /> No</label>
      </div>
      <div class="question">
        <p>5. Do you offer opportunities for alumni to volunteer or mentor current participants?</p>
        <label><input type="radio" name="q5" value="10" /> Yes</label>
        <label><input type="radio" name="q5" value="5" /> Somewhat</label>
        <label><input type="radio" name="q5" value="0" /> No</label>
      </div>
      <div class="question">
        <p>6. Do you gather feedback from alumni to improve your program?</p>
        <label><input type="radio" name="q6" value="10" /> Yes</label>
        <label><input type="radio" name="q6" value="5" /> Somewhat</label>
        <label><input type="radio" name="q6" value="0" /> No</label>
      </div>
      <div class="question">
        <p>7. Do you track alumni outcomes or well-being after they leave the program?</p>
        <label><input type="radio" name="q7" value="10" /> Yes</label>
        <label><input type="radio" name="q7" value="5" /> Somewhat</label>
        <label><input type="radio" name="q7" value="0" /> No</label>
      </div>
      <div class="question">
        <p>8. Do alumni actively refer others to your program?</p>
        <label><input type="radio" name="q8" value="10" /> Yes</label>
        <label><input type="radio" name="q8" value="5" /> Somewhat</label>
        <label><input type="radio" name="q8" value="0" /> No</label>
      </div>
      <div class="question">
        <p>9. Do you have an online community or social media group for alumni?</p>
        <label><input type="radio" name="q9" value="10" /> Yes</label>
        <label><input type="radio" name="q9" value="5" /> Somewhat</label>
        <label><input type="radio" name="q9" value="0" /> No</label>
      </div>
      <div class="question">
        <p>10. Do you celebrate or recognize alumni achievements and milestones?</p>
        <label><input type="radio" name="q10" value="10" /> Yes</label>
        <label><input type="radio" name="q10" value="5" /> Somewhat</label>
        <label><input type="radio" name="q10" value="0" /> No</label>
      </div>

      <button type="button" id="calcButton">Calculate Score</button>
    </form>

    <div id="result"></div>
  </div>

  <script>
    document.getElementById("calcButton").addEventListener("click", function () {
      const form = document.getElementById("auditForm");
      const formData = new FormData(form);
      let totalScore = 0;
      let responses = {};

      for (let i = 1; i <= 10; i++) {
        const val = formData.get("q" + i);
        if (!val) {
          alert("Please answer all 10 questions.");
          return;
        }
        totalScore += parseInt(val);
        responses["q" + i] = val;
      }

      responses["score"] = totalScore;

      const resultBox = document.getElementById("result");
      resultBox.style.display = "block";
      resultBox.className = "";

      if (totalScore < 30) {
        resultBox.innerHTML = `
          <strong>Score: ${totalScore}/100</strong><br>
          🚨 <strong>Red Alert:</strong> You’re bleeding alumni referrals, retention, and revenue.<br>
          You don’t have an alumni program. You have a liability.<br><br>
          <a href="https://noble-view.com" target="_blank">Fix it with Noble View →</a>
        `;
        resultBox.classList.add("warning");
      } else if (totalScore <= 70) {
        resultBox.innerHTML = `
          <strong>Score: ${totalScore}/100</strong><br>
          ⚠️ <strong>Wake-Up Call:</strong> You’re leaving 6–7 figures in lifetime value on the table.<br>
          You’re halfway in—dangerous. Alumni are your most underused sales force.<br><br>
          <a href="https://noble-view.com" target="_blank">Let’s build your alumni engine →</a>
        `;
        resultBox.classList.add("caution");
      } else {
        resultBox.innerHTML = `
          <strong>Score: ${totalScore}/100</strong><br>
          ✅ <strong>Stable—but coasting:</strong> You’ve built something solid, but it’s under-leveraged.<br>
          You could 5x your referrals, outcomes, and brand loyalty—if you systematized it.<br><br>
          <a href="https://noble-view.com" target="_blank">Multiply your ROI with Noble View →</a>
        `;
        resultBox.classList.add("success");
      }

      // Send data to Make.com webhook
      fetch("https://hook.us2.make.com/egschd2iuaase3b1fde8lj28q5whh7sa", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(responses),
      }).catch((err) => console.error("Webhook error:", err));
    });
  </script>
</body>
</html>

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.