Standalone presentation page: the video, subtitles, nothing else

Marty needs a link he can send that shows the full team-build presentation
without steering anyone toward a sponsor. So the page carries no header,
no navigation and no join button — whoever shared the link is the person
the viewer goes back to, and a single line under the player says exactly
that.

The player fills the first screen and the subtitle chips sit directly
under it, same as the training videos: English, Italian, French, Spanish,
German and Portuguese, off by default for an English reader and switched
on automatically for anyone who has already picked a language with the
globe button.

The disclaimers are complete but deliberately below the fold, per Marty's
ask — income language, crypto risk, irreversibility, no-advice — reachable
by scrolling rather than sitting on top of the video.

Served at /presentation and /webinar so either link works. noindex, since
it is a link to hand out rather than a page to rank.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-18 10:12:20 -05:00
parent f18ef592fa
commit 653f4f94be
10 changed files with 9616 additions and 1 deletions
+69
View File
@@ -0,0 +1,69 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="The RM Circle team build, explained start to finish — a full walkthrough presentation with subtitles in six languages.">
<title>The RM Circle — Team Build Presentation</title>
<link rel="canonical" href="https://rmcircle.team/presentation">
<meta name="robots" content="noindex,follow">
<meta property="og:type" content="video.other"><meta property="og:site_name" content="RM Circle"><meta property="og:title" content="The RM Circle — Team Build Presentation"><meta property="og:description" content="The whole team build, start to finish. Subtitles in English, Italian, French, Spanish, German and Portuguese."><meta property="og:url" content="https://rmcircle.team/presentation"><meta property="og:image" content="https://rmcircle.team/v/rmc-team-build-presentation-poster.jpg"><meta property="og:image:width" content="1920"><meta property="og:image:height" content="1080">
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="The RM Circle — Team Build Presentation"><meta name="twitter:description" content="The whole team build, start to finish — with subtitles in six languages."><meta name="twitter:image" content="https://rmcircle.team/v/rmc-team-build-presentation-poster.jpg">
<link rel="icon" type="image/png" href="/favicon.png"><link rel="stylesheet" href="/styles.css">
<style>
/* Deliberately chrome-free: no nav, no buttons, nothing that could place a viewer under
the wrong sponsor. Whoever shared this link is the person they go back to. */
body{margin:0}
.stage{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;
align-items:center;padding:18px 16px;box-sizing:border-box}
.stage-inner{width:100%;max-width:1180px}
.player-wrap video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;
border-radius:14px;border:1px solid var(--line,#24425d)}
/* vtt-lang.js drops the subtitle chips in right after the <video>, inside this wrap */
.player-wrap .cap-bar{justify-content:center}
.next-step{color:var(--muted,#8fa6bd);font-size:14px;line-height:1.6;text-align:center;
margin:14px auto 0;max-width:760px}
.next-step strong{color:var(--text,#eef4fa)}
/* Everything below sits past the fold on purpose — Marty's ask: keep the legal copy out of
the way until someone goes looking for it. */
.belowfold{border-top:1px solid var(--line,#24425d);padding:34px 16px 48px}
.belowfold .wrap{max-width:860px;margin:0 auto}
.belowfold h2{font-size:17px;margin:0 0 10px;color:var(--text,#eef4fa)}
.belowfold p{color:var(--muted,#8fa6bd);font-size:13.5px;line-height:1.75;margin:0 0 12px}
.belowfold a{color:var(--teal,#5ec9c2)}
.legal-links{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;margin-top:18px}
@media (max-width:640px){ .stage{padding:12px 10px} }
</style></head>
<body>
<main class="stage">
<div class="stage-inner">
<div class="player-wrap">
<video controls preload="metadata" playsinline
poster="/v/rmc-team-build-presentation-poster.jpg"
src="/v/rmc-team-build-presentation-38c936c24f.mp4">
<track kind="captions" srclang="en" label="English" src="/captions/rmc-team-build-presentation-38c936c24f.en.vtt">
<track kind="captions" srclang="it" label="Italiano" src="/captions/rmc-team-build-presentation-38c936c24f.it.vtt">
<track kind="captions" srclang="fr" label="Français" src="/captions/rmc-team-build-presentation-38c936c24f.fr.vtt">
<track kind="captions" srclang="es" label="Español" src="/captions/rmc-team-build-presentation-38c936c24f.es.vtt">
<track kind="captions" srclang="de" label="Deutsch" src="/captions/rmc-team-build-presentation-38c936c24f.de.vtt">
<track kind="captions" srclang="pt" label="Português" src="/captions/rmc-team-build-presentation-38c936c24f.pt.vtt">
</video>
</div>
<p class="next-step">When you're ready, <strong>go back to the person who sent you this</strong> — they'll walk you through the next step.</p>
</div>
</main>
<section class="belowfold">
<div class="wrap">
<h2>Important — please read</h2>
<p><strong style="color:var(--text,#eef4fa)">This is not an income promise.</strong> Everything shown in this presentation describes how the smart contract works mechanically, at full participation. It is not a projection, a guarantee, or a typical result. Most people who join a program like this earn little or nothing, and results depend entirely on your own effort, your timing, and factors outside anyone's control.</p>
<p>Positions are bought with cryptocurrency on the Polygon network. Cryptocurrency values move, transactions are irreversible, and payments settle directly between members' wallets — there is no company holding funds and no refunds once a transaction is confirmed. Only ever take part with money you can comfortably afford to lose, never with borrowed money, and never fund a position on someone else's behalf.</p>
<p>Nothing here is financial, investment, tax or legal advice. Please do your own research and speak to a qualified professional about your own situation.</p>
<div class="legal-links">
<a href="/disclaimer">Full disclaimer</a>
<a href="/contract">About the smart contract</a>
<a href="/privacy">Privacy</a>
<a href="/refunds">Refunds</a>
</div>
</div>
</section>
<script src="/translate.js" defer></script>
<script src="/vtt-lang.js" defer></script>
</body></html>