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

Angle-matched landing pages (?v=hook on the invite link)

Browse Source 
/join/<id>?v=pocket|phone|two|graveyard swaps the hero headline and
the watch-first video to continue the curiosity hook that brought
the prospect, keeping the sponsor identity in the sub line. Tools
page: each angle card gains a "Copy matched invite link" button
(personalizes through the existing bare-domain swap); Posts 6/7
carry ?v=pocket. AI prompt knows to recommend matched links.
This commit is contained in:
martbost
2026-08-22 08:21:52 -05:00
parent 8f4aa96fa5
commit 4584d508be
4 changed files with 40 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/join.html
+2 -2
View File
@@ -5,12 +5,12 @@
<header class="wrap nav"><a class="brand" href="/"><img class="brand-mark" src="/logo.jpg" alt="The RM Circle" width="42" height="42"><span><span id="brandName">RM Circle</span><small id="brandProgram">Premium Team Build</small></span></a><div class="nav-actions"><a class="btn btn-secondary hide-mobile" href="#strategy">How it works</a><a class="btn btn-secondary" href="/training">Training</a><a class="btn btn-primary" href="#join">Join the Team</a></div></header>
<main>
<section class="hero wrap" style="padding-bottom:12px"><div class="eyebrow">Personal invitation</div><h1>You've been invited by<br><span class="gold">Member <span id="invId">#—</span>.</span></h1><p id="invSub">This page is their real position on the team — every number on it is read live from the blockchain.</p>
<section class="hero wrap" style="padding-bottom:12px"><div class="eyebrow">Personal invitation</div><h1 id="angleHead">You've been invited by<br><span class="gold">Member <span id="invId">#—</span>.</span></h1><p id="invSub">This page is their real position on the team — every number on it is read live from the blockchain.</p>
<div id="invCard" class="table-card" style="max-width:680px;margin:20px auto 6px"><div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap"><h2 style="margin:0">Your sponsor's position <span class="live-badge" style="vertical-align:middle;margin-left:6px"><span class="dot"></span> Verified on-chain</span></h2><span id="invQualified"></span></div><div id="invFacts" class="facts" style="grid-template-columns:repeat(3,1fr);margin:14px 0 0"><div class="empty" style="grid-column:1/-1">Reading the blockchain…</div></div><div id="invQualNote"></div></div>
<div class="hero-actions" style="margin-top:18px"><a class="btn btn-primary" href="#join">Join Under <span id="invIdBtn">This Member</span> →</a><a class="btn btn-secondary" href="#strategy">See the Strategy First</a></div>
<div class="micro">Independent team training resource • Participation involves risk • No income is guaranteed</div></section>
<section class="section" style="padding-bottom:0"><div class="wrap"><div class="section-head"><div class="eyebrow">Watch first</div><h2>See how simple this is.</h2><p>A quick walkthrough of the team build in action. Watch this before you dive into the strategy below.</p></div><div class="video-card" style="max-width:880px;margin:0 auto"><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9" controls preload="metadata" poster="/v/rmc-combined-poster.jpg" src="/v/rmc-combined-16284edbab.mp4" title="RM Circle team build — 60-second overview"></video></div></div></section>
<section class="section" style="padding-bottom:0"><div class="wrap"><div class="section-head"><div class="eyebrow">Watch first</div><h2 id="angleWatchHead">See how simple this is.</h2><p>A quick walkthrough of the team build in action. Watch this before you dive into the strategy below.</p></div><div class="video-card" style="max-width:880px;margin:0 auto"><video id="angleVideo" class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9" controls preload="metadata" poster="/v/rmc-combined-poster.jpg" src="/v/rmc-combined-16284edbab.mp4" title="RM Circle team build — 60-second overview"></video></div></div></section>
<section id="strategy" class="section"><div class="wrap"><div class="section-head"><div class="eyebrow">The strategy</div><h2>Simple enough to duplicate.</h2><p>Each position gets two directs to qualify, then retires its link and helps the next two positions repeat the process. Late signups on a qualified link are a welcome bonus — they pay that member and spill downward as depth.</p></div><div class="grid-3"><article class="card"><div class="card-icon">2</div><h3>Get exactly two</h3><p>Use your position's link until two direct positions are placed beneath you and your position is qualified.</p></article><article class="card"><div class="card-icon">↘</div><h3>Move the effort down</h3><p>Retire your link and help each of your two directs use their own links until they each have two — that's what qualifies them. If someone still joins through your link anyway, it's a bonus: it pays you and spills down as depth.</p></article><article class="card"><div class="card-icon">↑</div><h3>Upgrade responsibly</h3><p>Use earned POL to advance when practical. Active builders may also choose to self-fund, but only within their own risk tolerance.</p></article></div></div></section>
public/join.js
+28
View File
@@ -101,3 +101,31 @@
}
load();
})();
// Angle-matched landing: ?v=<hook> continues the thought of whichever curiosity
// video brought them here — headline + lead video swap, everything else stays.
(function(){
var ANGLES={
pocket:{h:'You already <span class="gold">found the money</span>.',w:'The flip, in full.',
v:'/v/rmc-pocket-change-b403fb2f75.mp4',p:'/v/rmc-pocket-change-poster.jpg'},
phone:{h:'Time your phone started <span class="gold">paying YOU</span>.',w:'Same phone. Different job description.',
v:'/v/rmc-phone-32ac648844.mp4',p:'/v/rmc-phone-poster.jpg'},
two:{h:'You know two people.<br><span class="gold">That’s all this takes.</span>',w:'Nothing to sell. Really.',
v:'/v/rmc-two-people-4102f2d719.mp4',p:'/v/rmc-two-people-poster.jpg'},
graveyard:{h:'This one runs on <span class="gold">teamwork</span> — not your transmission.',w:'Out of the graveyard, into a team.',
v:'/v/rmc-graveyard-290fabee9d.mp4',p:'/v/rmc-graveyard-poster.jpg'}
};
var a=ANGLES[new URLSearchParams(location.search).get('v')];
if(!a)return;
var head=document.getElementById('angleHead');
if(head){
// keep the personal-invitation identity in the sub position instead
var inv=document.getElementById('invId');var idTxt=inv?inv.outerHTML:'';
head.innerHTML=a.h;
var sub=document.getElementById('invSub');
if(sub)sub.innerHTML='Personally invited by <span class="gold">Member '+idTxt+'</span> — this page is their real position, read live from the blockchain.';
}
var wh=document.getElementById('angleWatchHead'); if(wh)wh.textContent=a.w;
var vid=document.getElementById('angleVideo');
if(vid){vid.setAttribute('poster',a.p);vid.setAttribute('src',a.v);vid.load();}
})();
public/tools.html
+9 -9
View File
@@ -14,13 +14,13 @@
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Clean promo · 60s · UPDATED</div><h3>The RM Circle — designed explainer</h3><p>Minimal, premium motion-graphics version of the new overview — same message as the flagship, calmer "fintech" feel. Great for LinkedIn or a more conservative audience.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-explainer-8df7c62098.mp4">Copy link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-explainer-poster.jpg" src="/v/rmc-explainer-8df7c62098.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 92s · NEW</div><h3>"I Don't Know Anyone" — you know two</h3><p>Retires the #1 excuse: the group chat, the cousin, the coworker — you need exactly two curious people, and the napkin strategy does the rest. Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-two-people-4102f2d719.mp4">Copy link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-two-people-poster.jpg" src="/v/rmc-two-people-4102f2d719.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 92s · NEW</div><h3>"I Don't Know Anyone" — you know two</h3><p>Retires the #1 excuse: the group chat, the cousin, the coworker — you need exactly two curious people, and the napkin strategy does the rest. Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-two-people-4102f2d719.mp4">Copy link</button><button class="btn btn-secondary btn-sm copy-btn" style="margin-left:6px" data-copy="https://rmcircle.team?v=two" title="Invite link whose landing page continues THIS video's hook">Copy matched invite link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-two-people-poster.jpg" src="/v/rmc-two-people-4102f2d719.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 94s · NEW</div><h3>"Your Phone" — everybody profits but you</h3><p>The $1,000 phone making DoorDash, Amazon, and TikTok money while they scroll for free — then the flip: same phone, different job description. Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-phone-32ac648844.mp4">Copy link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-phone-poster.jpg" src="/v/rmc-phone-32ac648844.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 94s · NEW</div><h3>"Your Phone" — everybody profits but you</h3><p>The $1,000 phone making DoorDash, Amazon, and TikTok money while they scroll for free — then the flip: same phone, different job description. Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-phone-32ac648844.mp4">Copy link</button><button class="btn btn-secondary btn-sm copy-btn" style="margin-left:6px" data-copy="https://rmcircle.team?v=phone" title="Invite link whose landing page continues THIS video's hook">Copy matched invite link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-phone-poster.jpg" src="/v/rmc-phone-32ac648844.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 90s · NEW</div><h3>"The Side Hustle Graveyard"</h3><p>DoorDash, survey apps, dropshipping, print-on-demand — every hustle they buried and why. Then the flip: teamwork, not your transmission. Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-graveyard-290fabee9d.mp4">Copy link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-graveyard-poster.jpg" src="/v/rmc-graveyard-290fabee9d.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 90s · NEW</div><h3>"The Side Hustle Graveyard"</h3><p>DoorDash, survey apps, dropshipping, print-on-demand — every hustle they buried and why. Then the flip: teamwork, not your transmission. Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-graveyard-290fabee9d.mp4">Copy link</button><button class="btn btn-secondary btn-sm copy-btn" style="margin-left:6px" data-copy="https://rmcircle.team?v=graveyard" title="Invite link whose landing page continues THIS video's hook">Copy matched invite link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-graveyard-poster.jpg" src="/v/rmc-graveyard-290fabee9d.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 106s · UPDATED</div><h3>"Pocket Change" — the illusion, called out</h3><p>The list video: 25 ways people flush pocket change every week with nothing to show for it — then the pivot. Great cold-audience opener; fully evergreen (no dollar figures). Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-pocket-change-b403fb2f75.mp4">Copy link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-pocket-change-poster.jpg" src="/v/rmc-pocket-change-b403fb2f75.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--gold)">Curiosity promo · 106s · UPDATED</div><h3>"Pocket Change" — the illusion, called out</h3><p>The list video: 25 ways people flush pocket change every week with nothing to show for it — then the pivot. Great cold-audience opener; fully evergreen (no dollar figures). Marty-voiced with music bed.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-pocket-change-b403fb2f75.mp4">Copy link</button><button class="btn btn-secondary btn-sm copy-btn" style="margin-left:6px" data-copy="https://rmcircle.team?v=pocket" title="Invite link whose landing page continues THIS video's hook">Copy matched invite link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/v/rmc-pocket-change-poster.jpg" src="/v/rmc-pocket-change-b403fb2f75.mp4"></video></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow" style="color:var(--teal)">Teaching · ~3 min</div><h3>How payments work — direct vs pass-ups</h3><p>Send this to team members confused about payouts. Walks a real on-chain example, generation by generation.</p></div><button class="btn btn-teal btn-sm copy-btn" data-copy="https://rmcircle.team/v/rmc-how-payments-work-47533beedc.mp4">Copy link</button></div><video class="video-frame" style="display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;margin-top:12px" controls preload="none" poster="/training/how-payments-work-poster.jpg" src="/v/rmc-how-payments-work-47533beedc.mp4"></video></div>
@@ -102,7 +102,7 @@ If you've been curious, here's my invite: [your link]
Watch the 60-second overview first, then ask me anything. No pressure, no hype — just real teamwork, paid in the open. (Only ever use what you can afford to lose.)</pre></div>
<p style="color:var(--muted);margin:18px 0 0;font-size:14px">💡 <strong style="color:var(--text)">Pair these two with the “Pocket Change” video above:</strong> download the video (Copy link → open → save), upload it natively with your post, and let your invite link in the text do the work — the video itself deliberately shows no URL.</p>
<p style="color:var(--muted);margin:18px 0 0;font-size:14px">💡 <strong style="color:var(--text)">Pair these two with the “Pocket Change” video above:</strong> download the video (Copy link → open → save), upload it natively with your post, and use the <strong style="color:var(--text)">matched invite link</strong> in your text — it lands your prospect on a page that continues the same hook they just watched. The video itself deliberately shows no URL.</p>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Post 6 · X / Twitter · the pocket-change hook</div><h3 style="font-size:20px">“You already spent it”</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="You told yourself you don't have pocket change for a side hustle.
@@ -113,7 +113,7 @@ You spent it this week. Probably twice:
🎯 scratch-offs → trash can
Same pocket change. Different job description. 105-sec video 👇
https://rmcircle.team">Copy</button></div><pre class="swipe">You told yourself you don't have pocket change for a side hustle.
https://rmcircle.team?v=pocket">Copy</button></div><pre class="swipe">You told yourself you don't have pocket change for a side hustle.
You spent it this week. Probably twice:
☕ 3 fancy coffees
@@ -122,7 +122,7 @@ You spent it this week. Probably twice:
🎯 scratch-offs → trash can
Same pocket change. Different job description. 105-sec video 👇
https://rmcircle.team</pre></div>
https://rmcircle.team?v=pocket</pre></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Post 7 · Facebook · the pocket-change story</div><h3 style="font-size:20px">“The pocket-change illusion”</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="Pocket change.
@@ -135,7 +135,7 @@ One DoorDash lunch after the fees. Three fancy coffees. Movie popcorn and a soda
So flip it. Our team build is called The RM Circle. One-time entry — the same pocket change you burn in a week — and you can start with a debit card, no crypto experience needed. Get your 2, help your 2, and the whole team helps them do it. Every payment is public on the blockchain, so you verify every dime instead of trusting anyone.
The popcorn is gone by the credits. Your side hustle starts with the same pocket change. Watch the 105-second video, then look around here:
https://rmcircle.team
https://rmcircle.team?v=pocket
No income is guaranteed — results depend on team effort, and crypto involves risk. Only ever use money you can afford to lose (which, as we just established, includes your weekly pocket change).">Copy</button></div><pre class="swipe">Pocket change.
@@ -148,7 +148,7 @@ One DoorDash lunch after the fees. Three fancy coffees. Movie popcorn and a soda
So flip it. Our team build is called The RM Circle. One-time entry — the same pocket change you burn in a week — and you can start with a debit card, no crypto experience needed. Get your 2, help your 2, and the whole team helps them do it. Every payment is public on the blockchain, so you verify every dime instead of trusting anyone.
The popcorn is gone by the credits. Your side hustle starts with the same pocket change. Watch the 105-second video, then look around here:
https://rmcircle.team
https://rmcircle.team?v=pocket
No income is guaranteed — results depend on team effort, and crypto involves risk. Only ever use money you can afford to lose (which, as we just established, includes your weekly pocket change).</pre></div>