marty/instantadpay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Toolkit: ship the rest of the ladder (Spark templates + handout, Circuit Video Maker + split tester, Nexus Leader Ops, grants, co-brand, partner code)

Browse Source 
- Spark: one-tap banner/text campaign templates aimed at the member's link (POST /api/my/toolkit/template); printable QR handout at /handout/<username>
- Circuit: videomaker.js renders every promo video/short with the member's end card + QR via ffmpeg (Dockerfile adds ffmpeg + ttf-dejavu), hosted in Spaces; split tester compares join angles
- Nexus: Leader Ops (three-level triage, stalled flags, one-click nudges), AI team broadcast kind + Send to my team, credit grants from the leader's earned pool, co-branded join page (sponsor bio for level-3 sponsors), member-funded partner code (promo_codes.funder; redemption charges the funder) + /partners?ref=<username>
- toolkit ladder all live; chatbot updated; my.js v20260914e, site.css v20260914c, join.js/partners.js v20260914a

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-14 07:15:43 -05:00
parent 0f030a4943
commit 9316dfc0db
14 changed files with 436 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/my.html
+42 -3
View File
@@ -5,7 +5,7 @@
<title>Member area | InstantAdPay</title>
<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=20260914b">
<link rel="stylesheet" href="/assets/site.css?v=20260914c">
</head>
<body class="bo-body">
@@ -703,10 +703,49 @@
<label class="small">Brief (who it is for, what they said, what you want to say; or leave it blank)<textarea id="tkBrief" rows="3" style="width:100%" maxlength="800" placeholder="e.g. a friend who runs a safelist and says he never gets paid on time"></textarea></label>
<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0"><button type="button" class="btn small" id="tkGo">Write it</button><span class="muted small" id="tkCostLine"></span></div>
<div id="tkOut" hidden><textarea id="tkText" rows="8" style="width:100%"></textarea>
<div style="display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0"><button type="button" class="btn small sec" id="tkCopy">Copy</button><button type="button" class="btn small sec" id="tkAgain">Another take</button></div></div>
<div style="display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0"><button type="button" class="btn small sec" id="tkCopy">Copy</button><button type="button" class="btn small sec" id="tkAgain">Another take</button><button type="button" class="btn small" id="tkSendBc" hidden>Send to my team</button></div></div>
<div id="tkHistory" style="margin-top:14px"></div>
</div>
</div>
<div id="tkSpark" class="tk-sec">
<div class="card-head"><h3>Spark: campaign templates and handout</h3></div>
<div id="tkSparkLocked" class="muted small" hidden></div>
<div id="tkSparkBody" hidden>
<p class="muted small" style="margin:0 0 8px">One tap builds a campaign aimed at your invite link, funded from the credits you already hold. Edit or pause it any time under Campaigns.</p>
<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 8px"><label class="small">Budget <input type="number" id="tkTplBudget" value="200" min="50" max="5000" style="width:90px"></label><span class="muted small">credits</span></div>
<div class="tk-grid">
<button type="button" class="btn small sec" data-tpl="banner">Banner 300x250</button>
<button type="button" class="btn small sec" data-tpl="leaderboard">Banner 728x90</button>
<button type="button" class="btn small sec" data-tpl="text">Text ad</button>
<button type="button" class="btn small sec" data-tpl="text2">Text ad, free angle</button>
</div>
<p class="small" style="margin:10px 0 0" id="tkHandoutLine"><a id="tkHandout" target="_blank" rel="noopener">Print your handout</a> <span class="muted">two per sheet, your QR and your link on each</span></p>
</div>
</div>
<div id="tkCircuit" class="tk-sec">
<div class="card-head"><h3>Circuit: Video Maker and split tester</h3></div>
<div id="tkCircuitLocked" class="muted small" hidden></div>
<div id="tkCircuitBody" hidden>
<p class="muted small" style="margin:0 0 8px">Every promo video, re-rendered with your own end card: your name, your link and your QR on the last four seconds. Made once, hosted for you, ready to download or post.</p>
<div id="tkVideos" class="tk-vids"></div>
<h4 style="margin:16px 0 6px">Which angle is pulling for you</h4>
<div id="tkSplit"></div>
</div>
</div>
<div id="tkNexus" class="tk-sec">
<div class="card-head"><h3>Nexus: Leader Ops</h3><span class="sub" id="tkTeamSub"></span></div>
<div id="tkNexusLocked" class="muted small" hidden></div>
<div id="tkNexusBody" hidden>
<div id="tkTeam"></div>
<div style="display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0"><button type="button" class="btn small sec" id="tkDraftBc">Draft a team broadcast with the AI</button></div>
<h4 style="margin:16px 0 6px">Team credit grant</h4>
<p class="muted small" style="margin:0 0 6px">Move ad credits from your earned pool to anyone in your three levels. They get a message from you with it.</p>
<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center"><select id="tkGrantTo" style="max-width:240px"></select><input type="number" id="tkGrantN" value="100" min="10" max="2000" style="width:90px"><button type="button" class="btn small" id="tkGrantGo">Send credits</button></div>
<h4 style="margin:16px 0 6px">Your partner code and kit</h4>
<div id="tkPartner"></div>
<p class="muted small" style="margin:8px 0 0">Co-branded join page: your bio (Profile) shows under your name on your invite page, so a visitor sees who is inviting them.</p>
</div>
</div>
</div>
<div class="card promo-sec" id="promo-posts">
<h3>Social posts, personalized with your link</h3>
@@ -945,7 +984,7 @@
<script src="/assets/common.js?v=20260914a"></script>
<script src="/assets/wallet.js?v=20260911a"></script>
<script src="/assets/promo.js?v=20260911a"></script>
<script src="/assets/my.js?v=20260914d"></script>
<script src="/assets/my.js?v=20260914e"></script>
<script src="/assets/chat.js?v=20260907l"></script>
</body>
</html>