marty/rm-circle-team-router
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tools page auto-personalization: dashboard hands off ?id=, every post/swipe (copy payload AND visible preview) swaps the bare main-domain link for the member's /join/<id> link; sticky via localStorage; green confirmation banner

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-08-20 07:14:45 -05:00
parent 4014d12208
commit 8841e9d718
3 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/tools.html
+2 -1
View File
@@ -18,7 +18,8 @@
<h2 style="font-size:30px;margin:36px 0 14px">🔗 Your invite link</h2>
<p style="color:var(--muted);margin:0 0 14px">Enter your RM Circle ID to build your personal invite page link — it shows a live preview when shared and points people to the current join steps.</p>
<div class="tool-card"><div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center"><input id="toolId" class="input" style="max-width:220px" placeholder="Your ID (e.g. 21)" inputmode="numeric"><span style="color:var(--muted);font-size:15px">→</span><code id="shareLink" class="share-link">https://rmcircle.team/join/…</code><button class="btn btn-teal btn-sm" id="copyShare">Copy link</button></div><p class="micro" style="margin:10px 0 0">Tip: always confirm the current sponsor on the <a href="/start" style="color:var(--teal)">Getting Started page</a> before someone buys — placements rotate. Swap <strong style="color:var(--text)">https://rmcircle.team</strong> for your personal link in any post below.</p></div>
<div class="tool-card"><div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center"><input id="toolId" class="input" style="max-width:220px" placeholder="Your ID (e.g. 21)" inputmode="numeric"><span style="color:var(--muted);font-size:15px">→</span><code id="shareLink" class="share-link">https://rmcircle.team/join/…</code><button class="btn btn-teal btn-sm" id="copyShare">Copy link</button></div><p class="micro" style="margin:10px 0 0">Tip: always confirm the current sponsor on the <a href="/start" style="color:var(--teal)">Getting Started page</a> before someone buys — placements rotate.</p>
<div id="personalNote" class="callout" style="display:none;margin-top:12px;border-color:rgba(123,224,161,.5)">✅ <strong>#—</strong> — every post and swipe below has been personalized with <em>your</em> invite link (<span class="pnl" style="color:var(--teal)"></span>). Copy and share as-is; people who click land in your team. Wrong ID? Change it in the box above.</div></div>
<h2 style="font-size:30px;margin:36px 0 14px">📣 Social posts</h2>
<p style="color:var(--muted);margin:0 0 18px">Copy-paste ready for X/Twitter, Facebook, or anywhere. Tap <strong style="color:var(--text)">Copy</strong>, tweak a word or two so it sounds like you, and post. Swap in your personal invite link where it fits.</p>