martbost
3f9dc3cc94
The dashboard card was too easy to scroll past, so this is a real overlay: once per browser session, on every page that loads common.js, dismissed with the X, Escape or the backdrop. It leads with the mechanic rather than the promotion, because the ask was to remind people what the site is about: the ad spend in your line pays you, in the same transaction. Five Dollar Friday rides underneath as the reason to act, and the copy is driven by the live /api/friday, so it reads "tomorrow", "today" or nothing at all without anyone editing text on a Friday morning. Not shown on /join or /admin: an overlay in the middle of signing up costs sign-ups, and staff do not need reminding what the product is. QA: the overlay appears after an async fetch, so hiding it at load time missed it and every click in the harness timed out. The harness now pre-sets the same sessionStorage flag a real dismissal uses, before page scripts run. Green again, 0 bugs. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
111 lines
8.8 KiB
HTML
111 lines
8.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Founding week checklist | InstantAdPay</title>
|
|
<meta name="description" content="The eight things a leader gets done before launch, and why the order matters. Member training.">
|
|
<meta name="robots" content="noindex">
|
|
<meta name="theme-color" content="#043b2f">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
|
|
<link rel="icon" type="image/png" href="/logo-icon.png">
|
|
<link rel="stylesheet" href="/assets/site.css?v=20260911c">
|
|
<style>
|
|
.lw-rule{border-left:4px solid #f2c94c;background:rgba(242,201,76,.08);padding:16px 20px;border-radius:0 12px 12px 0;margin:0 0 24px}
|
|
.lw-rule b{font-family:var(--disp);font-size:17px;display:block;margin-bottom:6px}
|
|
.lw-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 18px}
|
|
.lw-count{font-family:var(--disp);font-weight:800;font-size:15px}
|
|
.lw-count b{color:var(--mint);font-size:22px}
|
|
.lw-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin:8px 0 0;width:100%}
|
|
.lw-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#9ff2dc);width:0;transition:width .4s}
|
|
.lw-when{font-family:var(--mono);font-size:12px;color:var(--muted)}
|
|
.lw-when b{color:var(--ink);font-family:var(--disp);font-size:18px;display:block}
|
|
.chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
|
|
.chk li{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
|
|
.chk li.done{border-color:rgba(67,232,195,.45)}
|
|
.chk .box{width:30px;height:30px;border-radius:9px;border:2px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--mint);font-size:18px}
|
|
.chk li.done .box{background:rgba(67,232,195,.14);border-color:var(--mint)}
|
|
.chk h3{margin:0 0 3px;font-size:16px}
|
|
.chk p{margin:0;color:var(--muted);font-size:14px}
|
|
.chk .why{margin-top:6px;font-size:13px;color:var(--ink)}
|
|
.chk .act{white-space:nowrap}
|
|
.chk .act .btn{margin-top:0}
|
|
.days{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
|
|
.days>div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px}
|
|
.days .k{font-family:var(--disp);font-weight:800;color:var(--mint);margin-bottom:6px}
|
|
.days ul{margin:0;padding-left:18px}
|
|
blockquote{margin:0 0 10px;background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 16px;color:var(--muted)}
|
|
blockquote span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:6px}
|
|
.swipe{margin:0 0 12px;background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 16px}
|
|
.swipe .cap{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:6px;display:flex;justify-content:space-between;gap:10px;align-items:center}
|
|
.swipe .subj{font-weight:700;margin:0 0 8px}
|
|
.swipe pre{white-space:pre-wrap;font:inherit;color:var(--muted);margin:0;line-height:1.5}
|
|
.swipe .btn{font-size:12px;padding:5px 10px}
|
|
.lg-imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px} .lg-imgs figure{margin:0} .lg-imgs img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)} .lg-imgs figcaption{font-size:12px;color:var(--muted);margin-top:6px} .lg-imgs a{color:var(--mint)}
|
|
@media (max-width:640px){.lg-imgs{grid-template-columns:1fr}}
|
|
h2{margin:34px 0 10px;font-size:26px}
|
|
#gate{display:none}
|
|
@media (max-width:720px){.days{grid-template-columns:1fr 1fr}.chk li{grid-template-columns:34px 1fr}.chk .act{grid-column:2}}
|
|
@media print{body{background:#fff;color:#000}.jn-nav,nav,footer,.act,#printBtn{display:none!important}.chk li{border-color:#999}.chk p,.chk .why{color:#000}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<section class="hero" style="padding:70px 0 20px">
|
|
<p class="eyebrow">Leaders · founding week</p>
|
|
<h1>Eight things before <em>launch day</em>.</h1>
|
|
<p class="lead">Get these done this week, in this order, and your first commissions land in your wallet instead of climbing past you. Everything here reads from your live account.</p>
|
|
</section>
|
|
|
|
<div class="card" id="gate"><h3>Members only</h3><p class="muted small">Sign in to your member area to open the checklist. <a href="/my">Sign in</a></p></div>
|
|
|
|
<div id="body">
|
|
<div class="lw-top">
|
|
<div style="flex:1 1 300px"><div class="lw-count"><b id="lwDone">0</b> of 8 ready</div><div class="lw-bar"><i id="lwBar"></i></div></div>
|
|
<div class="lw-when" id="lwWhen" hidden>Launch<b id="lwWhenAt"></b><span id="lwWhenIn"></span></div>
|
|
<button class="btn small sec" id="printBtn" type="button">Print</button>
|
|
</div>
|
|
|
|
<div class="lw-rule">
|
|
<b>The one rule that makes this week matter: unqualified levels pass up.</b>
|
|
Level 2 pays you only after two of your people have bought a $20 or more package. Level 3 only after five. If your team's team starts buying before you are qualified, those 20% and 10% payments climb to the next qualified member above you, or to the platform, and they never come back. Qualify first, then open the doors.
|
|
</div>
|
|
|
|
<ol class="chk" id="chk"></ol>
|
|
|
|
<h2>The week, day by day</h2>
|
|
<div class="days">
|
|
<div><div class="k">Day 1</div><ul><li>Items 1 to 3 done in one sitting.</li><li>Decide your play, and whether you are going for level 2 or all three.</li></ul></div>
|
|
<div><div class="k">Days 2 to 3</div><ul><li>Qualify: two real buyers, or Qualified Start. Leaders: go to five and open level 3.</li><li>Line banner uploaded.</li></ul></div>
|
|
<div><div class="k">Days 4 to 6</div><ul><li>Place your first two personally.</li><li>Walk them through items 1 to 3 on their accounts.</li></ul></div>
|
|
<div><div class="k">Launch day</div><ul><li>Everyone releases links at the same time.</li><li>Watch the ledger and the Telegram proof feed fill.</li></ul></div>
|
|
</div>
|
|
|
|
<h2>What to send your two this week</h2>
|
|
<blockquote><span>Text or DM · before launch</span>I'm bringing a small group in early on something before it opens publicly next week. Free to join, real advertising, and every payment lands in your own wallet the second it happens. I want you positioned before the doors open. Set up takes five minutes: <span data-link>your link</span></blockquote>
|
|
<blockquote><span>Text or DM · after they join</span>Three quick things before launch so your first commission lands with you and not past you: pick your username, link your wallet, switch on payouts. All on the Wallet and Profile tabs. Then send me your two names and we'll get them placed.</blockquote>
|
|
|
|
<h2 id="share">Launch graphics and posts</h2>
|
|
<p class="small muted" style="margin:0 0 10px">Two images, no text on them but the headline, so they work anywhere. Post one with the day's line below it; your link and the FOUNDER code are already in each line.</p>
|
|
<div class="lg-imgs">
|
|
<figure><img src="/banners/iap-launch-doors-1200x630.jpg" alt="Doors open Monday" loading="lazy"><figcaption>Wide, 1200x630 · for X, Facebook, LinkedIn, link previews <a href="/banners/iap-launch-doors-1200x630.jpg" download>Download</a></figcaption></figure>
|
|
<figure><img src="/banners/iap-launch-doors-1080x1080.jpg" alt="Doors open Monday" loading="lazy"><figcaption>Square, 1080x1080 · for Instagram, Telegram, WhatsApp <a href="/banners/iap-launch-doors-1080x1080.jpg" download>Download</a></figcaption></figure>
|
|
</div>
|
|
<div id="postList"></div>
|
|
|
|
<h2 id="swipes">Launch week swipes: four emails for your list</h2>
|
|
<p class="small muted" style="margin:0 0 10px">Send one a day to your own list or contacts, in this order. Your invite link and the FOUNDER code (500 free credits for anyone who joins before Monday 9 AM Central) are already filled in. Copy, paste, send from your own email. Edit anything you like.</p>
|
|
<div id="swipeList"></div>
|
|
|
|
<p class="small muted" style="margin:26px 0 0">No income is guaranteed. Results depend on your effort. Crypto carries risk of loss. InstantAdPay sells advertising; it is not an investment.</p>
|
|
</div>
|
|
|
|
<footer>
|
|
<div>InstantAdPay · <a href="/my#training">back to Training</a> · <a href="/plays">team-building plays</a> · <a href="/wallets">wallets and buying POL</a></div>
|
|
<div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees.</div>
|
|
</footer>
|
|
</div>
|
|
<script src="/assets/common.js?v=20260923b"></script><script src="/assets/welcome.js?v=20260923b"></script>
|
|
<script src="/assets/launch.js?v=20260915b"></script>
|
|
</body>
|
|
</html>
|