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

Beef up /my cold-visitor "Start here" panel for promoted-link traffic

Browse Source 
The dashboard serves two audiences — the member and prospects who click a
promoted link. Expanded the cold-visitor intro into a proper "New here? Start
here" panel at the top: what it is + 3 get-started steps + CTAs (join under this
member / watch training / strategy), and reframes the member detail below as
live proof. Member's own view still hides it.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-08-17 06:45:43 -05:00
parent a3e9d05f5d
commit 800397cbdb
3 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+6
View File
@@ -161,6 +161,12 @@ a.brand{text-decoration:none;color:inherit}
.cold-intro{position:relative;background:linear-gradient(145deg,rgba(78,214,203,.08),rgba(243,190,67,.06));border:1px solid rgba(78,214,203,.3);border-radius:16px;padding:18px 40px 16px 20px;margin-bottom:20px}
.cold-intro-x{position:absolute;top:10px;right:12px;appearance:none;background:none;border:0;color:var(--muted);font-size:20px;cursor:pointer;line-height:1}
.cold-intro-x:hover{color:var(--text)}
.gs-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gs-step{display:flex;gap:11px;align-items:flex-start;background:rgba(7,20,33,.5);border:1px solid rgba(78,214,203,.18);border-radius:12px;padding:13px 14px}
.gs-n{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:#173a52;border:1px solid #2a627b;color:var(--teal);font-weight:900;display:grid;place-items:center;font-size:14px}
.gs-step strong{display:block;font-size:15px;margin-bottom:3px}
.gs-step span{color:var(--muted);font-size:13px;line-height:1.45}
@media(max-width:640px){.gs-steps{grid-template-columns:1fr}}
/* Eight-generation matrix illustration — compact icons so 256 stays tidy */
.matrix{overflow-x:auto;padding-bottom:10px}