martbost
2c6b116e9a
On a phone the Google Calendar app claims calendar.google.com links and opens its own home screen, dropping the event. The pop-up now offers one "Add to Calendar" button that goes to the calendar file on iOS/Android (served inline so the phone hands it to its calendar) and to the Google event editor on desktop, with the other route as the second button either way. The .ics is also folded to RFC 5545 line lengths so Outlook accepts it. Co-Authored-By: Claude Opus 5 <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?v=20260922a"></script>
|
|
</body></html>
|