martbost
be7cb93bc5
Self-contained /announce.js injects a branded, dismissible event overlay (the flyer + all four time zones + Join Google Meet button). Included on the main funnel and member pages. Auto-expires after the huddle and shows once per browser until dismissed; edit the EV block to reuse for future events. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
33 lines
2.6 KiB
HTML
33 lines
2.6 KiB
HTML
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="robots" content="noindex"><title>RM Circle</title><link rel="icon" type="image/png" href="/favicon.png"><link rel="stylesheet" href="/styles.css">
|
|
<!-- Telegram Mini App entry point. Vendored WebApp JS (CSP: script-src 'self'). -->
|
|
<script src="/telegram-web-app.js"></script></head>
|
|
<body>
|
|
<main class="wrap hero" style="text-align:center;padding-top:14vh">
|
|
<div id="st-loading">
|
|
<img src="/logo.jpg" alt="RM Circle" style="width:72px;height:72px;border-radius:18px;box-shadow:0 6px 24px rgba(0,0,0,.45)">
|
|
<h1 style="font-size:22px;margin:18px 0 6px">Opening your dashboard…</h1>
|
|
<p style="color:var(--muted)">Verifying your Telegram link.</p>
|
|
</div>
|
|
<div id="st-unlinked" style="display:none">
|
|
<div class="eyebrow">One-time setup</div>
|
|
<h1 style="font-size:22px">Link your position first</h1>
|
|
<p style="color:var(--muted);max-width:420px;margin:10px auto">This app shows YOUR live dashboard — payments, team, coaching. To prove a position is yours, link it once with your wallet (a free signature, it can't move funds):</p>
|
|
<p style="color:var(--muted);max-width:420px;margin:10px auto;text-align:left">1. Open <b>rmcircle.team/my</b> in your browser<br>2. Enter your member ID → <b>Messages</b> → sign in with your wallet<br>3. Tap <b>“Connect Telegram”</b> — it deep-links right back to this bot</p>
|
|
<p style="margin:18px 0 8px"><button id="btn-open-site" class="btn btn-primary">Open the dashboard to link ↗</button></p>
|
|
<p><button id="btn-join" class="btn btn-primary" style="background:linear-gradient(135deg,var(--gold),var(--gold2))">Not a member yet? Join the team</button></p>
|
|
<p><button id="btn-browse" class="btn">Just looking? See how it works</button></p>
|
|
</div>
|
|
<div id="st-error" style="display:none">
|
|
<h1 style="font-size:22px">Hmm, that didn't verify</h1>
|
|
<p id="err-detail" style="color:var(--muted);max-width:420px;margin:10px auto">Could not verify the Telegram launch data.</p>
|
|
<p><button id="btn-retry" class="btn btn-primary">Try again</button></p>
|
|
</div>
|
|
<div id="st-notg" style="display:none">
|
|
<h1 style="font-size:22px">This page opens inside Telegram</h1>
|
|
<p style="color:var(--muted);max-width:420px;margin:10px auto">It's the RM Circle Mini App — open the companion bot in Telegram and tap the ☰ menu button. In a normal browser, use the regular dashboard instead.</p>
|
|
<a class="btn btn-primary" href="/my">Open the dashboard</a>
|
|
</div>
|
|
</main>
|
|
<script src="/app.js"></script> <script src="/announce.js"></script>
|
|
</body></html>
|