Embed

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Rajdhani:wght@400;500;600&display=swap" rel="stylesheet">



<style>
  /* ── DWP GroupMe Signup Form ────────────────────────────── */

  .dwp-signup-section {
    padding: 5rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dwp-suits {
    text-align: center;
    font-size: 1rem;
    letter-spacing: 0.6rem;
    margin-bottom: 0.75rem;
    opacity: 0.5;
  }
  .dwp-s-red   { color: #cc2222; }
  .dwp-s-white { color: #ffffff; }
  .dwp-s-blue  { color: #2255cc; }

  .dwp-form-card {
    width: 100%;
    max-width: 480px;
    background: #0d1f1c;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
    padding: 2.75rem 2.25rem;
    position: relative;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.03), 0 32px 80px rgba(0,0,0,0.5);
    animation: dwpDealIn 0.45s ease forwards;
  }

  .dwp-form-card::before {
    content: '♠';
    position: absolute;
    top: 0.85rem; left: 1rem;
    color: rgba(255,255,255,0.2);
    font-size: 0.7rem;
  }
  .dwp-form-card::after {
    content: '♠';
    position: absolute;
    bottom: 0.85rem; right: 1rem;
    color: rgba(255,255,255,0.2);
    font-size: 0.7rem;
    transform: rotate(180deg);
  }

  .dwp-card-header {
    text-align: center;
    margin-bottom: 2rem;
  }

  .dwp-headline {
    font-family: 'Playfair Display', serif;
    font-size: 1.75rem;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 0.03em;
    line-height: 1.15;
    text-shadow: 0 0 28px rgba(204,34,34,0.25);
  }

  .dwp-subheadline {
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5);
    margin-top: 0.5rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }

  .dwp-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.5rem 0;
  }
  .dwp-divider::before,
  .dwp-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(255,255,255,0.1);
  }
  .dwp-divider span {
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.6rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
  }

  .dwp-form-group {
    margin-bottom: 1.25rem;
  }

  .dwp-label {
    display: block;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
    margin-bottom: 0.5rem;
    font-weight: 600;
  }

  .dwp-input {
    width: 100%;
    background: #142e29;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    color: #ffffff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.8rem 1rem;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    letter-spacing: 0.02em;
  }
  .dwp-input::placeholder { color: rgba(255,255,255,0.25); }
  .dwp-input:focus {
    border-color: #cc2222;
    box-shadow: 0 0 0 3px rgba(204,34,34,0.18);
  }

  /* group selector tiles */
  .dwp-group-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.65rem;
  }

  .dwp-group-option input[type="radio"] { display: none; }

  .dwp-group-option label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 1rem 0.4rem;
    background: #142e29;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Rajdhani', sans-serif;
  }

  .dwp-suit-icon {
    font-size: 1.4rem;
    line-height: 1;
  }

  .dwp-option-name {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    transition: color 0.2s;
    text-align: center;
  }

  .dwp-group-option label:hover {
    background: #1a3a34;
    border-color: rgba(255,255,255,0.2);
  }

  /* cash → red */
  #dwp-grp-cash:checked + label {
    background: #1a3a34;
    border-color: #cc2222;
    box-shadow: 0 0 14px rgba(204,34,34,0.2);
  }
  #dwp-grp-cash:checked + label .dwp-option-name { color: #cc2222; }

  /* tournament → white */
  #dwp-grp-tournament:checked + label {
    background: #1a3a34;
    border-color: #ffffff;
    box-shadow: 0 0 14px rgba(255,255,255,0.07);
  }
  #dwp-grp-tournament:checked + label .dwp-option-name { color: #ffffff; }

  /* both → blue */
  #dwp-grp-both:checked + label {
    background: #1a3a34;
    border-color: #2255cc;
    box-shadow: 0 0 14px rgba(34,85,204,0.25);
  }
  #dwp-grp-both:checked + label .dwp-option-name { color: #2255cc; }

  /* submit button */
  .dwp-btn {
    width: 100%;
    padding: 1rem;
    background: #cc2222;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 0.5rem;
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
  }
  .dwp-btn:hover:not(:disabled) {
    background: #dd2222;
    box-shadow: 0 4px 20px rgba(204,34,34,0.35);
    transform: translateY(-1px);
  }
  .dwp-btn:active:not(:disabled) { transform: translateY(0); }
  .dwp-btn:disabled { opacity: 0.45; cursor: not-allowed; }

  .dwp-btn-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }

  /* status messages */
  .dwp-status {
    display: none;
    text-align: center;
    padding: 0.9rem 1rem;
    border-radius: 4px;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-top: 1rem;
  }
  .dwp-status.success {
    display: block;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.18);
    color: #ffffff;
  }
  .dwp-status.error {
    display: block;
    background: rgba(204,34,34,0.1);
    border: 1px solid rgba(204,34,34,0.35);
    color: #ff8888;
  }

  .dwp-fine-print {
    text-align: center;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.7rem;
    color: rgba(255,255,255,0.3);
    margin-top: 1.5rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
  }

  /* spinner */
  @keyframes dwp-spin { to { transform: rotate(360deg); } }
  .dwp-spinner {
    width: 14px; height: 14px;
    border: 2px solid rgba(255,255,255,0.25);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: dwp-spin 0.7s linear infinite;
    display: none;
  }

  @keyframes dwpDealIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 420px) {
    .dwp-form-card { padding: 2rem 1.25rem; }
    .dwp-headline  { font-size: 1.45rem; }
  }
  /* ── end DWP GroupMe Signup Form ───────────────────────── */
</style>



<section class="dwp-signup-section">

  <div class="dwp-suits" aria-hidden="true">
    <span class="dwp-s-red">♥</span>
    <span class="dwp-s-white">♠</span>
    <span class="dwp-s-red">♦</span>
    <span class="dwp-s-blue">♣</span>
  </div>

  <div class="dwp-form-card">

    <div class="dwp-card-header">
      <div class="dwp-headline">Never Miss a Game</div>
      <div class="dwp-subheadline">
        Get GroupMe alerts for upcoming cash games,<br>
        tournaments, or both — straight to your phone.
      </div>
      <div class="dwp-divider"><span>Sign Up for Notifications</span></div>
    </div>

    <form id="dwpSignupForm" novalidate>

      <div class="dwp-form-group">
        <label class="dwp-label" for="dwp-name">Your Name</label>
        <input class="dwp-input" type="text" id="dwp-name" name="name"
               placeholder="First &amp; Last Name" required autocomplete="name">
      </div>

      <div class="dwp-form-group">
        <label class="dwp-label" for="dwp-phone">Cell Phone</label>
        <input class="dwp-input" type="tel" id="dwp-phone" name="phone"
               placeholder="(936) 555-1234" required autocomplete="tel">
      </div>

      <div class="dwp-form-group">
        <label class="dwp-label">Notify Me About</label>
        <div class="dwp-group-options">

          <div class="dwp-group-option">
            <input type="radio" id="dwp-grp-cash" name="group" value="cash">
            <label for="dwp-grp-cash">
              <span class="dwp-suit-icon dwp-s-red">♦</span>
              <span class="dwp-option-name">Cash Games</span>
            </label>
          </div>

          <div class="dwp-group-option">
            <input type="radio" id="dwp-grp-tournament" name="group" value="tournament">
            <label for="dwp-grp-tournament">
              <span class="dwp-suit-icon dwp-s-white">♠</span>
              <span class="dwp-option-name">Tournaments</span>
            </label>
          </div>

          <div class="dwp-group-option">
            <input type="radio" id="dwp-grp-both" name="group" value="both">
            <label for="dwp-grp-both">
              <span class="dwp-suit-icon dwp-s-blue">♣</span>
              <span class="dwp-option-name">Both</span>
            </label>
          </div>

        </div>
      </div>

      <button type="submit" class="dwp-btn" id="dwpSubmitBtn">
        <span class="dwp-btn-inner">
          <span class="dwp-spinner" id="dwpSpinner"></span>
          <span id="dwpBtnText">Deal Me In</span>
        </span>
      </button>

      <div class="dwp-status" id="dwpStatus"></div>

    </form>

    <div class="dwp-fine-print">
      By signing up you agree to receive GroupMe notifications from Deuces Wild Poker TX.<br>
      You can leave the group at any time.
    </div>

  </div>
</section>



<script>
  (function () {
    // Phone auto-format
    const phoneEl = document.getElementById('dwp-phone');
    phoneEl.addEventListener('input', function () {
      let v = this.value.replace(/\D/g, '');
      if (v.length <= 3)      this.value = v;
      else if (v.length <= 6) this.value = '(' + v.slice(0,3) + ') ' + v.slice(3);
      else                    this.value = '(' + v.slice(0,3) + ') ' + v.slice(3,6) + '-' + v.slice(6,10);
    });

    function toE164(phone) {
      const d = phone.replace(/\D/g, '');
      return d.length === 10 ? '+1' + d : '+' + d;
    }

    document.getElementById('dwpSignupForm').addEventListener('submit', async function (e) {
      e.preventDefault();

      const name    = document.getElementById('dwp-name').value.trim();
      const phone   = toE164(document.getElementById('dwp-phone').value);
      const group   = document.querySelector('input[name="group"]:checked')?.value;
      const btn     = document.getElementById('dwpSubmitBtn');
      const spinner = document.getElementById('dwpSpinner');
      const btnText = document.getElementById('dwpBtnText');
      const status  = document.getElementById('dwpStatus');

      // Basic validation
      if (!name) {
        status.className = 'dwp-status error';
        status.textContent = 'Please enter your name.';
        return;
      }
      if (phone.length < 12) {
        status.className = 'dwp-status error';
        status.textContent = 'Please enter a valid 10-digit phone number.';
        return;
      }
      if (!group) {
        status.className = 'dwp-status error';
        status.textContent = 'Please choose which games to receive alerts for.';
        return;
      }

      // Loading state
      btn.disabled = true;
      spinner.style.display = 'block';
      btnText.textContent = 'Signing Up...';
      status.className = 'dwp-status';
      status.style.display = 'none';

      try {
        const res = await fetch('https://hook.us2.make.com/uk5itm1oeac9qkmkkrk26kqc6i9qozwd', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ name, phone, group })
        });

        if (res.ok) {
          status.className = 'dwp-status success';
          status.textContent = "✓ You're in! Check your phone for a GroupMe invite.";
          document.getElementById('dwpSignupForm').reset();
        } else {
          throw new Error('server error');
        }
      } catch (err) {
        status.className = 'dwp-status error';
        status.textContent = 'Something went wrong. Text (936) 000-0000 to sign up manually.';
      } finally {
        btn.disabled = false;
        spinner.style.display = 'none';
        btnText.textContent = 'Deal Me In';
      }
    });
  })();
</script>

Deuces Wild Poker Room

Deuces Wild Poker Club is a private poker club in Huntsville, Texas that hosts legal social poker games and tournaments for members across East Texas. The club offers Texas Hold’em cash games, structured tournaments, and special poker events in a professionally managed card room designed for both new and experienced players. Serving players from Huntsville, Livingston, Conroe, and the Lake Livingston region, Deuces Wild Poker Club provides a safe, friendly, and competitive place to enjoy live poker.