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

Member identity, promo tools, back-office color, seeded inventory

Browse Source 
Real people, not numbers: usernames (unique, profile pane to set them),
shown across the ledger, activity, rosters, and the sidebar chip; vanity
invite links (/join/<username>) with late chain binding intact. Promo tools
pane ships Branded Voice share posts and an email swipe personalized with
each member's link. The earn viewer excludes a member's own campaigns, so
nobody earns from their own spend. Back office gains the cyan/violet/amber
accent family over the green base. Three house campaigns seeded so every
surface shows live inventory. Assets v=20260905i.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-05 06:28:17 -05:00
parent 28ed925443
commit e22021c266
11 changed files with 257 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/my.html
+41 -5
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Member area | InstantAdPay</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260905g">
<link rel="stylesheet" href="/assets/site.css?v=20260905i">
</head>
<body class="bo-body">
@@ -59,7 +59,9 @@
<button data-pane="campaigns" type="button"><svg viewBox="0 0 24 24"><path d="M3 11l14-5v12L3 13v-2z"/><path d="M17 8a4 4 0 0 1 0 8M7 13v5a2 2 0 0 0 4 0v-3"/></svg>Campaigns</button>
<button data-pane="earn" type="button"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M12 7.5v9M9 10c0-1.1 1.3-1.8 3-1.8s3 .7 3 1.8-1.3 1.6-3 1.8-3 .7-3 1.8 1.3 1.8 3 1.8 3-.7 3-1.8"/></svg>Earn credits</button>
<button data-pane="earnings" type="button"><svg viewBox="0 0 24 24"><path d="M4 17l5-5 4 3 7-8"/><path d="M14 7h6v6"/></svg>Earnings</button>
<button data-pane="promo" type="button"><svg viewBox="0 0 24 24"><path d="M7 10s5-1 9-5v14c-4-4-9-5-9-5H5a2 2 0 0 1-2-2v0a2 2 0 0 1 2-2h2z"/><path d="M8 15l1 5h2l-1-5"/></svg>Promo tools</button>
<button data-pane="wallet" type="button"><svg viewBox="0 0 24 24"><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18"/><circle cx="16.5" cy="14.5" r="1.4"/></svg>Wallet</button>
<button data-pane="profile" type="button"><svg viewBox="0 0 24 24"><circle cx="12" cy="8.5" r="3.6"/><path d="M4.5 20c1.6-3.6 4.2-5.2 7.5-5.2s5.9 1.6 7.5 5.2"/></svg>Profile</button>
</nav>
<div class="bo-links" id="adSlotSide" hidden style="border-top:1px solid var(--line)"></div>
<div class="bo-links">
@@ -227,6 +229,40 @@
</div>
</div>
<div class="pane" id="pane-promo" hidden>
<div class="card">
<h3>Share-ready posts, personalized with your link</h3>
<p class="muted small">Copy, paste anywhere, done. Every post already carries your invite link,
so the credit is always yours.</p>
<div id="promoPosts"></div>
</div>
<div class="card">
<h3>Email swipe</h3>
<p class="muted small" id="promoSwipeWrap"></p>
</div>
<div class="card">
<h3>Banners</h3>
<p class="muted small">Branded InstantAdPay banner sets are in production. They will land here
sized for every standard placement, pre-tagged with your link.</p>
</div>
</div>
<div class="pane" id="pane-profile" hidden>
<div class="card">
<h3>Your profile</h3>
<p class="muted small">Your username is how other members see you: on the live ledger, in line
rosters, and on your personal invite link. Pick something you would put on a business card.</p>
<p><input id="pfUsername" placeholder="Username (3-20 letters, numbers, _)" style="width:100%;max-width:320px"></p>
<button class="btn" id="pfSaveBtn">Save username</button>
<p class="muted small" id="pfCurrent" style="margin-top:10px"></p>
</div>
<div class="card">
<h3>Account details</h3>
<p class="muted small" id="pfDetails">…</p>
<p class="muted small">More profile fields (avatar, bio, links) are on the roadmap.</p>
</div>
</div>
<div class="pane" id="pane-wallet" hidden>
<div class="grid c2">
<div class="card"><h3>Your account</h3>
@@ -253,9 +289,9 @@
</div>
</div>
<script src="/assets/common.js?v=20260905g"></script>
<script src="/assets/wallet.js?v=20260905g"></script>
<script src="/assets/my.js?v=20260905g"></script>
<script src="/assets/chat.js?v=20260905g"></script>
<script src="/assets/common.js?v=20260905i"></script>
<script src="/assets/wallet.js?v=20260905i"></script>
<script src="/assets/my.js?v=20260905i"></script>
<script src="/assets/chat.js?v=20260905i"></script>
</body>
</html>