martbost
71 lines
7.6 KiB
HTML
71 lines
7.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>Join the Team | RM Circle</title><link rel="stylesheet" href="/styles.css">
|
||
<style>
|
||
.dj-wrap{width:min(720px,calc(100% - 32px));margin:22px auto 70px}
|
||
.dj-card{background:var(--card,#0b1e30);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:0 0 16px}
|
||
.dj-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--gold);word-break:break-all}
|
||
.dj-kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
|
||
.dj-kv:last-child{border-bottom:0}.dj-kv b{color:var(--text)}
|
||
.dj-log{font-size:13px;line-height:1.5;padding:8px 10px;border-left:2px solid var(--line);margin:6px 0;color:var(--muted);background:#08192880}
|
||
.dj-log.ok{border-color:var(--ok);color:#cfeede}.dj-log.err{border-color:var(--danger);color:#f3b7ac}
|
||
#logWrap{max-height:220px;overflow:auto}
|
||
</style></head>
|
||
<body>
|
||
<header class="wrap nav"><a class="brand" href="/"><div class="brand-mark">RM</div><span><span>RM Circle</span><small>Join the Team</small></span></a><div class="nav-actions"><a class="btn btn-secondary btn-sm hide-mobile" href="/training">Training</a><a class="btn btn-secondary btn-sm" href="/">How it works</a></div></header>
|
||
|
||
<main class="dj-wrap">
|
||
<div class="section-head" style="margin:6px 0 18px"><div class="eyebrow">Direct enrollment</div><h1 style="font-size:clamp(28px,5vw,40px);margin:8px 0 8px">Join the <span class="gold">RM Circle</span> team.</h1><p style="color:var(--muted);font-size:16px;line-height:1.6;margin:0">Connect your wallet and enter your Premium position on the Polygon smart contract — paid straight from your wallet, verifiable on-chain. You’ll be placed under the current team position automatically. New here? Watch the <a href="/training" style="color:var(--teal)">training</a> first.</p></div>
|
||
|
||
<div class="dj-card"><p id="sponsorLine" style="margin:0;color:var(--muted);font-size:15px">Loading the current team placement…</p></div>
|
||
|
||
<div class="dj-card">
|
||
<h2 style="margin:0 0 10px;font-size:18px">1 · Connect your wallet</h2>
|
||
<p style="color:var(--muted);font-size:14px;margin:0 0 14px">Use MetaMask or Trust Wallet on <strong>Polygon</strong>, funded with enough POL for your Premium entry plus a little gas.</p>
|
||
<button id="connectBtn" class="btn btn-primary">Connect wallet</button>
|
||
<div id="walletHelp" style="display:none;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#08192880">
|
||
<div style="font-weight:800;margin-bottom:6px">📱 On your phone? Open this page inside your wallet app.</div>
|
||
<p style="color:var(--muted);font-size:13px;margin:0 0 10px">Mobile browsers can't see your wallet — but your wallet app has its own browser that can. Tap your wallet below and this exact page (with the right sponsor) opens inside it, ready to connect:</p>
|
||
<a id="mmDeep" class="btn btn-secondary" style="width:100%;margin-bottom:8px" href="#">🦊 Open in MetaMask (recommended)</a>
|
||
<a id="twDeep" class="btn btn-secondary" style="width:100%" href="#">🛡️ Open in Trust Wallet</a>
|
||
<p class="micro" style="margin:8px 0 0">⚠️ <strong>Trust Wallet bouncing you back here?</strong> Trust's built-in browser is switched off by default. <a href="https://link.trustwallet.com/browser_enable" rel="noopener">Tap here to switch it on</a> (or in Trust: Settings → Preferences → DApp Browser → enable), then tap "Open in Trust Wallet" again.</p>
|
||
<p class="micro" style="margin:10px 0 0">Don't have a wallet yet? <a href="/training">Video 2 in the training</a> shows how to set one up safely (2 minutes). On a computer, install the MetaMask browser extension and refresh this page.</p>
|
||
</div>
|
||
<div id="connected" style="display:none">
|
||
<div class="dj-kv"><span>Wallet</span><b id="wallet" class="dj-mono">—</b></div>
|
||
<div class="dj-kv"><span>Network</span><b>Polygon Mainnet ✓</b></div>
|
||
<div class="dj-kv"><span>Balance</span><b id="bal">—</b></div>
|
||
</div>
|
||
<div id="already" style="display:none;margin-top:12px;color:#f0b4aa;font-size:14px"></div>
|
||
<div id="fundBox" style="display:none;margin-top:14px;padding:14px;border:1px solid rgba(240,197,109,.4);border-radius:12px;background:rgba(240,197,109,.06)">
|
||
<div style="font-weight:800;margin-bottom:6px">💳 Need POL? Buy it with a card.</div>
|
||
<p id="fundMsg" style="color:var(--muted);font-size:13px;margin:0 0 10px"></p>
|
||
<button id="fundBtn" class="btn btn-secondary" style="width:100%">Buy POL with card / Apple Pay (MoonPay) →</button>
|
||
<button id="fundRefresh" class="btn btn-secondary btn-sm" style="width:100%;margin-top:8px">I've bought it — refresh my balance</button>
|
||
<p class="micro" style="margin:8px 0 0">MoonPay opens in a new tab. Choose <strong>POL on Polygon</strong>; the crypto is delivered to <strong>your own wallet</strong> — this site never touches your money. Card fees are MoonPay's (~4.5%), and first purchases can take a few minutes to arrive.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="joinBox" class="dj-card" style="display:none">
|
||
<h2 style="margin:0 0 10px;font-size:18px">2 · Join</h2>
|
||
<div class="dj-kv"><span>Tier</span><b>Premium (the tier the team builds at)</b></div>
|
||
<div class="dj-kv"><span>You will pay</span><b id="joinCost">—</b></div>
|
||
<label style="display:block;margin-top:14px;font-size:13px;color:var(--muted)">Your name or Telegram handle <span style="opacity:.7">(optional — helps the team welcome you)</span>
|
||
<input id="memberName" maxlength="60" placeholder="e.g. @yourhandle" style="display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#08192880;color:var(--text);font-size:14px">
|
||
</label>
|
||
<button id="joinBtn" class="btn btn-primary" style="margin-top:14px;width:100%">Join the team →</button>
|
||
<p style="color:var(--muted);font-size:12px;margin:10px 0 0">Confirm the amount in your wallet before signing. If anything is off, the contract simply rejects it and you keep your POL.</p>
|
||
</div>
|
||
|
||
<div id="result" class="dj-card" style="display:none;border-color:var(--ok);background:rgba(123,224,161,.08);text-align:center">
|
||
<div style="font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ok);font-weight:800">✅ You’re in — this is your position</div>
|
||
<div id="resultId" style="font-size:46px;font-weight:900;color:var(--gold);margin:6px 0;letter-spacing:-1px">—</div>
|
||
<div id="resultSub" style="color:var(--muted);font-size:14px;margin-bottom:12px"></div>
|
||
<a id="resultLink" class="btn btn-primary" href="/my" style="display:none">View your position →</a>
|
||
</div>
|
||
|
||
<div class="dj-card"><h2 style="margin:0 0 8px;font-size:15px">Activity</h2><div id="logWrap"><div id="log"></div></div></div>
|
||
|
||
<p class="micro" style="text-align:center">No income is guaranteed. Cryptocurrency and smart-contract participation carry risk. Only use funds you can afford to lose.</p>
|
||
</main>
|
||
<footer class="wrap disclaimer">All figures are read live from the RM Circle smart contract on Polygon. Not an earnings guarantee or investment advice. Participation carries risk of loss.<div class="footer-links"><a href="/">Home</a><a href="/training">Training</a><a href="/how-pay-works">How You Get Paid</a><a href="/contract">Contract Security</a><a href="/disclaimer">Disclaimers</a></div></footer>
|
||
<script src="/track.js"></script><script src="/rmc-wallet.js"></script><script src="/join-now.js"></script></body></html>
|