martbost
8262b382e6
Ran a signed-in walkthrough of 23 pages at desktop and mobile widths. Three real problems. 1. ELEVEN Suite pages showed "My Dashboard" TWICE — they ship their own button and nav-dash.js injected a second one. It now bails if a /my link is already present. 2. The Suite link was hide-mobile, so on a phone — where most members are — the toolkit was invisible on every page except the dashboard. That is precisely backwards for the tool we just launched to the whole org. It is now visible at every width. 3. Fast Start and Weekly Rhythm had NO navigation at all and an unclickable brand mark: a member landing there was stuck with the browser back button. They are PRINT sheets, so bolting the site header on would have wrecked what they are for — they now carry a small screen-only bar that is hidden by @media print. Printable Handouts and Generation Pay were also missing the Suite link; they pick it up from nav-dash now that it is no longer hidden on mobile. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
87 lines
6.9 KiB
HTML
87 lines
6.9 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"><meta name="description" content="The RM Circle Weekly Rhythm — the printable 20-minute weekly routine from Circle Method Lesson 10."><title>The Weekly Rhythm | RM Circle Team Build</title><link rel="icon" type="image/png" href="/favicon.png"><link rel="stylesheet" href="/styles.css">
|
||
<style>
|
||
.fs-wrap{max-width:820px;margin:0 auto;padding:24px 20px 60px}
|
||
.fs-sheet{background:var(--card,#0d2236);border:1px solid var(--line,#24425d);border-radius:18px;padding:28px 30px}
|
||
.fs-sheet h1{font-size:30px;margin:0 0 2px}
|
||
.fs-sheet .tag{color:var(--muted,#aebdca);margin:0 0 18px;font-weight:600}
|
||
.fs-box{border:2px solid var(--gold,#f3be43);border-radius:14px;padding:16px 18px;margin:0 0 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
|
||
.fs-box .nums{flex:1;min-width:230px;font-size:15px;line-height:2}
|
||
.fs-box .nums b{color:var(--gold,#f3be43)}
|
||
.fs-qr{background:#fff;border-radius:12px;padding:8px;line-height:0;width:132px;height:132px;flex:0 0 auto}
|
||
.fs-qr svg{width:100%;height:100%}
|
||
.fs-sec{margin:20px 0 0}
|
||
.fs-sec h2{font-size:19px;margin:0 0 8px;border-bottom:1px solid var(--line,#24425d);padding-bottom:6px}
|
||
.fs-item{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-size:15px;line-height:1.5}
|
||
.fs-item .mins{flex:0 0 auto;font-weight:800;color:var(--gold,#f3be43);width:74px}
|
||
.wr-table{width:100%;border-collapse:collapse;margin:10px 0 0}
|
||
.wr-table th{font-size:12px;color:var(--muted,#aebdca);text-transform:uppercase;letter-spacing:.6px;padding:8px 6px;border-bottom:1px solid var(--line,#24425d);text-align:center}
|
||
.wr-table th:first-child{text-align:left}
|
||
.wr-table td{padding:10px 6px;border-bottom:1px solid var(--line,#24425d);text-align:center;font-weight:700}
|
||
.wr-table td:first-child{text-align:left;color:var(--muted,#aebdca);font-weight:600}
|
||
.wr-cb{display:inline-block;width:16px;height:16px;border:2px solid var(--gold,#f3be43);border-radius:4px}
|
||
.fs-foot{margin-top:22px;padding-top:12px;border-top:1px solid var(--line,#24425d);font-size:13px;color:var(--muted,#aebdca);line-height:1.6}
|
||
.fs-foot b{color:var(--text,#f7f9fc)}
|
||
@media print{
|
||
@page{size:letter;margin:0.55in}
|
||
body{background:#fff!important;color:#111!important}
|
||
header,footer,nav,#fsPrintBtn,#rmcTrBtn,#rmcTrPanel,.chat-fab,.chat-panel,.fs-print-btn,.pp-stack{display:none!important}
|
||
.fs-wrap{max-width:none;padding:0}
|
||
.fs-sheet{background:#fff;border:0;border-radius:0;padding:0;color:#111}
|
||
.fs-sheet h1,.fs-sec h2{color:#111}
|
||
.fs-sheet .tag,.fs-foot,.wr-table td:first-child,.wr-table th{color:#444}
|
||
.fs-box{border-color:#111}
|
||
.fs-box .nums b,.fs-item .mins{color:#111}
|
||
.wr-cb{border-color:#111}
|
||
.fs-sec h2,.fs-foot,.wr-table td,.wr-table th{border-color:#bbb}
|
||
}
|
||
</style><style>.scr-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:12px 14px;background:#071421;border-bottom:1px solid #27445e}.scr-nav a{color:#f3be43;text-decoration:none;font:600 14px/1 Inter,system-ui,sans-serif;padding:8px 12px;border:1px solid #27445e;border-radius:999px}.scr-nav a:hover{border-color:#f3be43}@media print{.scr-nav{display:none !important}}</style></head>
|
||
<body>
|
||
<div class="scr-nav"><a href="/my">← My Dashboard</a><a href="/suite">🧰 My Tools</a><a href="/tools">🎬 Promo Tools</a></div>
|
||
<div class="fs-wrap">
|
||
<div class="fs-sheet">
|
||
<h1>🔁 The Weekly Rhythm</h1>
|
||
<p class="tag">Twenty minutes. Same time. Every week. Put it in the calendar like a dentist appointment you can't weasel out of.</p>
|
||
|
||
<div class="fs-box">
|
||
<div class="nums">
|
||
<div>My position ID: <b id="fsId">#______</b></div>
|
||
<div>My invite link: <b id="fsLink">rmcircle.team/join/______</b></div>
|
||
<div>My weekly time: <b>__________________</b></div>
|
||
<div id="fsQrHint">Scan → my personal page</div>
|
||
</div>
|
||
<div class="fs-qr" id="fsQr"></div>
|
||
</div>
|
||
|
||
<div class="fs-sec"><h2>The 20 minutes (from Circle Method Lesson 10)</h2>
|
||
<div class="fs-item"><span class="mins">1–5</span><span>📊 <strong>Read the field.</strong> Open your dashboard: org bar — bigger than last week? Pipeline — who moved, what's forming? Just look.</span></div>
|
||
<div class="fs-item"><span class="mins">5–10</span><span>🔥 <strong>Lift one mover.</strong> Message someone who did something this week — congratulate them, ask one question about their next step. The Coach panel suggests who.</span></div>
|
||
<div class="fs-item"><span class="mins">10–15</span><span>🕯️ <strong>One kind check-in</strong> on one quiet person. "Thinking of you — your position's still collecting, no rush." Rotate through them. Never a guilt trip.</span></div>
|
||
<div class="fs-item"><span class="mins">15–20</span><span>📤 <strong>Share one thing.</strong> One curiosity video to one new person — or one post from Promo Tools. Coaches who stop recruiting become managers.</span></div>
|
||
<div class="fs-item"><span class="mins">Done.</span><span>✅ <strong>Close the tab.</strong> Don't double it because you're motivated. Twenty every week beats two hours twice.</span></div>
|
||
</div>
|
||
|
||
<div class="fs-sec"><h2>Four-week tracker</h2>
|
||
<table class="wr-table">
|
||
<tr><th>Week of…</th><th>📊 Read</th><th>🔥 Lift one</th><th>🕯️ Check one</th><th>📤 Share one</th></tr>
|
||
<tr><td>____________</td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td></tr>
|
||
<tr><td>____________</td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td></tr>
|
||
<tr><td>____________</td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td></tr>
|
||
<tr><td>____________</td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td><td><span class="wr-cb"></span></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="fs-foot">
|
||
<b>Get your 2. Help your 2 get theirs. Teach them to do the same.</b><br>
|
||
That's the whole Method — three sentences, run on a rhythm.<br>
|
||
Real effort, real crypto, no guarantees — never use money you can't afford to lose.
|
||
</div>
|
||
</div>
|
||
<div class="fs-print-btn" style="margin:18px 0 0"><button id="fsPrintBtn" class="btn btn-gold" style="font-size:16px;padding:12px 22px">🖨️ Print my Weekly Rhythm</button>
|
||
<a href="/training#lesson-10" class="btn btn-secondary" style="margin-left:8px">▶ Watch Lesson 10</a>
|
||
<a href="/my" class="btn btn-secondary" style="margin-left:8px">← My dashboard</a></div>
|
||
</div>
|
||
<script src="/qrlib.js"></script>
|
||
<script src="/fast-start.js"></script>
|
||
<script src="/chat.js" defer></script>
|
||
<script src="/translate.js" defer></script><script src="/tg-app.js" defer></script></body></html>
|