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

Add banner kit + social posts + short/long swipes + Branded Voice CTA to /tools

Browse Source 
- 7-size banner kit (1200x630, 1080x1080, 1080x1920, 300x250, 728x90,
  468x60, 125x125) rendered on-brand, exact dimensions, served from /banners
- Promo Tools page: 5 copy-paste social posts (X/Facebook), short + standard
  + long email swipes, banner grid (download / copy-URL), invite-link builder
- Branded Voice CTA (mybrandedvoice.com) for writing promos in your own voice
- Sync chatbot: chat.js canned answer + server.js AI system prompt updated

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-08-16 06:08:35 -05:00
parent 4dbbc6780c
commit 21bd77c07c
11 changed files with 159 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/tools.html
+146 -3
View File
@@ -5,7 +5,7 @@
<header class="wrap nav"><a class="brand" href="/"><div class="brand-mark">RM</div><span><span id="brandName">Crypto Team Build</span><small>Promo Tools</small></span></a><div class="nav-actions"><a class="btn btn-secondary hide-mobile" href="/training">Training</a><a class="btn btn-primary" href="/start">Get Started</a></div></header>
<main>
<section class="section"><div class="wrap" style="max-width:960px">
<div class="section-head" style="max-width:820px"><div class="eyebrow">For the team</div><h1 style="font-size:clamp(30px,5vw,46px);margin:8px 0 10px">Promo <span class="gold">Tools.</span></h1><p>Everything you need to invite people to the team — share-ready videos, email swipes, and your personal invite link. Grab what you want, personalize it, and send. Keep it honest: these link to educational content, not income promises.</p></div>
<div class="section-head" style="max-width:820px"><div class="eyebrow">For the team</div><h1 style="font-size:clamp(30px,5vw,46px);margin:8px 0 10px">Promo <span class="gold">Tools.</span></h1><p>Everything you need to invite people to the team — share-ready videos, social posts, email swipes, banners, and your personal invite link. Grab what you want, personalize it, and send. Keep it honest: these link to educational content, not income promises.</p></div>
<h2 style="font-size:30px;margin:26px 0 14px">🎬 Video clips</h2>
<p style="color:var(--muted);margin:0 0 18px">Send these on WhatsApp, Telegram, text, or social. Tap <strong style="color:var(--text)">Copy link</strong> to share, or right-click the video to save it.</p>
@@ -18,11 +18,98 @@
<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.</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. Swap <strong style="color:var(--text)">rmcircle.team</strong> for your personal link in any post below.</p></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>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Post 1 · X / Twitter · the hook</div><h3 style="font-size:20px">"Two ways you get paid"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="Two ways you get paid in our crypto team build:
1) Someone joins on your link → you keep the reward
2) Your team upgrades below you → payments roll up to your wallet
All of it public and verifiable on-chain. 90-second breakdown 👇
rmcircle.team">Copy</button></div><pre class="swipe">Two ways you get paid in our crypto team build:
1) Someone joins on your link → you keep the reward
2) Your team upgrades below you → payments roll up to your wallet
All of it public and verifiable on-chain. 90-second breakdown 👇
rmcircle.team</pre></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Post 2 · X / Twitter · the proof angle</div><h3 style="font-size:20px">"Where's the money held? Nowhere."</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="&quot;Where's the money held?&quot; Nowhere.
On our team build the smart contract pays it out in the same transaction — nothing sits in a company account. Don't trust me, verify it yourself on Polygonscan. 🔗
See how it works: rmcircle.team
#CryptoTeamBuild #Polygon #Web3">Copy</button></div><pre class="swipe">"Where's the money held?" Nowhere.
On our team build the smart contract pays it out in the same transaction — nothing sits in a company account. Don't trust me, verify it yourself on Polygonscan. 🔗
See how it works: rmcircle.team
#CryptoTeamBuild #Polygon #Web3</pre></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Post 3 · X / Twitter · the model in one line</div><h3 style="font-size:20px">"Get your 2"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="Get your 2. Help your 2 get theirs. 🤝
That's the whole model — and every payout is provable on the blockchain. No company holding the money, no changing the rules.
rmcircle.team
#CryptoTeamBuild #TheRMCircle #Polygon">Copy</button></div><pre class="swipe">Get your 2. Help your 2 get theirs. 🤝
That's the whole model — and every payout is provable on the blockchain. No company holding the money, no changing the rules.
rmcircle.team
#CryptoTeamBuild #TheRMCircle #Polygon</pre></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Post 4 · Facebook · the honest intro</div><h3 style="font-size:20px">"People keep asking me about this"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="People keep asking about the crypto team build I'm part of, so here's the honest version 👇
• It runs on a smart contract you can read yourself — the rules can't be changed.
• No company holds your money. Payouts happen on-chain, in seconds.
• You earn two ways: a reward when someone joins on your link, and payments as your team grows and upgrades beneath you.
I'm not promising anyone riches — crypto carries real risk and you should only use what you can afford to lose. But if you've wanted to build a small team with rules you can actually verify, watch the short overview and decide for yourself:
rmcircle.team">Copy</button></div><pre class="swipe">People keep asking about the crypto team build I'm part of, so here's the honest version 👇
• It runs on a smart contract you can read yourself — the rules can't be changed.
• No company holds your money. Payouts happen on-chain, in seconds.
• You earn two ways: a reward when someone joins on your link, and payments as your team grows and upgrades beneath you.
I'm not promising anyone riches — crypto carries real risk and you should only use what you can afford to lose. But if you've wanted to build a small team with rules you can actually verify, watch the short overview and decide for yourself:
rmcircle.team</pre></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Post 5 · Facebook · the direct invite</div><h3 style="font-size:20px">"If you've been curious"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="I'm building a team on The RM Circle — a co-op that runs entirely on-chain.
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.)">Copy</button></div><pre class="swipe">I'm building a team on The RM Circle — a co-op that runs entirely on-chain.
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>
<div class="brand-voice-cta"><div class="bv-txt"><h3>✍️ Want these in <span class="gold">your own</span> voice?</h3><p>These are starting points — the best posts sound like <em>you</em>. Branded Voice trains an AI on how you actually write, then generates posts, emails, and more in your voice. Learn how at mybrandedvoice.com.</p></div><a class="btn btn-primary" href="https://mybrandedvoice.com" target="_blank" rel="noopener">Learn more →</a></div>
<h2 style="font-size:30px;margin:36px 0 14px">✉️ Email &amp; message swipes</h2>
<p style="color:var(--muted);margin:0 0 18px">Copy, swap <strong style="color:var(--text)">[name]</strong> and <strong style="color:var(--text)">[your link]</strong>, and send. Written to inform, not to promise — keep it that way.</p>
<h3 style="font-size:18px;color:var(--teal);letter-spacing:.5px;margin:6px 0 12px">Short — texts, DMs &amp; one-liners</h3>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Short 1 · the nudge</div><h3 style="font-size:22px">"90 seconds?"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="[name] — this explains the team build better than I can: [your link]
Runs on a smart contract you can verify yourself. Watch it and tell me what you think. — [you]">Copy</button></div><pre class="swipe">[name] — this explains the team build better than I can: [your link]
Runs on a smart contract you can verify yourself. Watch it and tell me what you think. — [you]</pre></div>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Short 2 · the payout question</div><h3 style="font-size:22px">"Everyone asks how it pays"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="Everyone asks how it pays. Two ways, both public on-chain — this 90-sec clip shows it: [your link]
Any questions, I'm here. — [you]">Copy</button></div><pre class="swipe">Everyone asks how it pays. Two ways, both public on-chain — this 90-sec clip shows it: [your link]
Any questions, I'm here. — [you]</pre></div>
<h3 style="font-size:18px;color:var(--teal);letter-spacing:.5px;margin:26px 0 12px">Standard — email length</h3>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Swipe 1 · the soft intro</div><h3 style="font-size:22px">"The team build I mentioned"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="Subject: The team build I mentioned
Hey [name] — remember the crypto team build I told you about? I finally have something that explains it in about a minute, including why it runs on a smart contract you can verify yourself, and how the team actually gets paid. No hype, just the mechanics: [your link]
@@ -53,7 +140,63 @@ If you've been thinking it over — here's my invite link: [your link]. It shows
No pressure and no promises — just the tools to decide for yourself. Crypto carries risk, so only ever use funds you can afford to lose. — [you]</pre></div>
<div class="callout" style="margin-top:30px"><strong>🖼️ Banners &amp; social graphics — coming.</strong> Ask your sponsor: a matched banner kit (social 1200×630, square 1080×1080, story 1080×1920, and display sizes) can be generated on request.</div>
<h3 style="font-size:18px;color:var(--teal);letter-spacing:.5px;margin:26px 0 12px">Long — the full breakdown</h3>
<div class="tool-card"><div class="tool-head"><div><div class="eyebrow">Swipe 4 · the honest deep-dive</div><h3 style="font-size:22px">"The straight version of what I'm building"</h3></div><button class="btn btn-teal btn-sm copy-btn" data-copy="Subject: The honest breakdown of what I'm building
[name],
I've held off pitching you on this because I wanted to be able to explain it straight. Here it is.
I'm part of a crypto team build called The RM Circle. It's a co-op that runs entirely on a smart contract — which means no company holds the money, the rules are written in code that can't be changed, and every single payout is public on the Polygon blockchain. You don't have to trust me; you can verify all of it yourself.
Here's how it actually works. You get paid two ways:
1) When someone joins on your link, you keep a direct reward.
2) As your team upgrades below you, payments roll up to you — matched by generation, so the deeper your team builds, the more those upgrades come back around.
The model is simple: get your 2, help your 2 get theirs, and the team grows together.
I'm not going to promise you riches — crypto carries real risk and you should only ever use what you can afford to lose. What I can tell you is that it's transparent, it's already paying members every day, and the whole thing is verifiable on-chain.
If you want to see it, start here: [your link]
Watch the short training, look at the live payment feed, then ask me anything.
— [you]">Copy</button></div><pre class="swipe">Subject: The honest breakdown of what I'm building
[name],
I've held off pitching you on this because I wanted to be able to explain it straight. Here it is.
I'm part of a crypto team build called The RM Circle. It's a co-op that runs entirely on a smart contract — which means no company holds the money, the rules are written in code that can't be changed, and every single payout is public on the Polygon blockchain. You don't have to trust me; you can verify all of it yourself.
Here's how it actually works. You get paid two ways:
1) When someone joins on your link, you keep a direct reward.
2) As your team upgrades below you, payments roll up to you — matched by generation, so the deeper your team builds, the more those upgrades come back around.
The model is simple: get your 2, help your 2 get theirs, and the team grows together.
I'm not going to promise you riches — crypto carries real risk and you should only ever use what you can afford to lose. What I can tell you is that it's transparent, it's already paying members every day, and the whole thing is verifiable on-chain.
If you want to see it, start here: [your link]
Watch the short training, look at the live payment feed, then ask me anything.
— [you]</pre></div>
<h2 style="font-size:30px;margin:38px 0 14px">🖼️ Banners &amp; graphics</h2>
<p style="color:var(--muted);margin:0 0 8px">A matched set in every standard size. <strong style="color:var(--text)">Download</strong> to attach or upload, or <strong style="color:var(--text)">Copy URL</strong> to hotlink. When you place one, link it to your personal invite link from the builder above.</p>
<div class="banner-grid">
<div class="banner-cell"><div class="prev"><img src="/banners/rmc-banner-1200x630.png" alt="1200x630 banner" loading="lazy"></div><div class="meta"><span class="sz">1200×630</span><span class="use">Link preview / OG · FB · LinkedIn</span></div><div class="acts"><a class="btn btn-teal btn-sm" href="/banners/rmc-banner-1200x630.png" download>Download</a><button class="btn btn-secondary btn-sm copy-btn" data-copy="https://rmcircle.team/banners/rmc-banner-1200x630.png">Copy URL</button></div></div>
<div class="banner-cell"><div class="prev"><img src="/banners/rmc-banner-1080x1080.png" alt="1080x1080 banner" loading="lazy"></div><div class="meta"><span class="sz">1080×1080</span><span class="use">Square post · IG · FB</span></div><div class="acts"><a class="btn btn-teal btn-sm" href="/banners/rmc-banner-1080x1080.png" download>Download</a><button class="btn btn-secondary btn-sm copy-btn" data-copy="https://rmcircle.team/banners/rmc-banner-1080x1080.png">Copy URL</button></div></div>
<div class="banner-cell"><div class="prev"><img src="/banners/rmc-banner-1080x1920.png" alt="1080x1920 banner" loading="lazy"></div><div class="meta"><span class="sz">1080×1920</span><span class="use">Story / Reel / TikTok</span></div><div class="acts"><a class="btn btn-teal btn-sm" href="/banners/rmc-banner-1080x1920.png" download>Download</a><button class="btn btn-secondary btn-sm copy-btn" data-copy="https://rmcircle.team/banners/rmc-banner-1080x1920.png">Copy URL</button></div></div>
<div class="banner-cell"><div class="prev"><img src="/banners/rmc-banner-300x250.png" alt="300x250 banner" loading="lazy"></div><div class="meta"><span class="sz">300×250</span><span class="use">Medium rectangle</span></div><div class="acts"><a class="btn btn-teal btn-sm" href="/banners/rmc-banner-300x250.png" download>Download</a><button class="btn btn-secondary btn-sm copy-btn" data-copy="https://rmcircle.team/banners/rmc-banner-300x250.png">Copy URL</button></div></div>
<div class="banner-cell"><div class="prev"><img src="/banners/rmc-banner-728x90.png" alt="728x90 banner" loading="lazy"></div><div class="meta"><span class="sz">728×90</span><span class="use">Leaderboard</span></div><div class="acts"><a class="btn btn-teal btn-sm" href="/banners/rmc-banner-728x90.png" download>Download</a><button class="btn btn-secondary btn-sm copy-btn" data-copy="https://rmcircle.team/banners/rmc-banner-728x90.png">Copy URL</button></div></div>
<div class="banner-cell"><div class="prev"><img src="/banners/rmc-banner-468x60.png" alt="468x60 banner" loading="lazy"></div><div class="meta"><span class="sz">468×60</span><span class="use">Full banner</span></div><div class="acts"><a class="btn btn-teal btn-sm" href="/banners/rmc-banner-468x60.png" download>Download</a><button class="btn btn-secondary btn-sm copy-btn" data-copy="https://rmcircle.team/banners/rmc-banner-468x60.png">Copy URL</button></div></div>
<div class="banner-cell"><div class="prev"><img src="/banners/rmc-banner-125x125.png" alt="125x125 banner" loading="lazy"></div><div class="meta"><span class="sz">125×125</span><span class="use">Button / sidebar</span></div><div class="acts"><a class="btn btn-teal btn-sm" href="/banners/rmc-banner-125x125.png" download>Download</a><button class="btn btn-secondary btn-sm copy-btn" data-copy="https://rmcircle.team/banners/rmc-banner-125x125.png">Copy URL</button></div></div>
</div>
<div class="callout warning" style="margin-top:14px"><strong>Keep it clean:</strong> never promise income or guaranteed returns. Point people to the videos, the <a href="/contract" style="color:var(--teal)">contract review</a>, and the <a href="/disclaimer" style="color:var(--teal)">disclaimers</a> — let them decide. Misleading claims hurt the whole team.</div>
</div></section>
</main>