Back-office polish: Overview command center, quick actions, pane motion

Overview gains a recent-activity mini-feed (chain events + line joins) and
a quick-actions card jumping straight to buy/earn/campaigns plus one-tap
invite copy. Panes fade in (reduced-motion safe). First slice of the
back-office polish pass. Assets v=20260905f.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-05 06:09:37 -05:00
parent a4c7028c0e
commit 7331eac244
6 changed files with 74 additions and 23 deletions
+20 -10
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=20260905e">
<link rel="stylesheet" href="/assets/site.css?v=20260905f">
</head>
<body class="bo-body">
@@ -98,12 +98,22 @@
</div>
</div>
<div class="grid c2">
<div class="card"><h3>Earning levels</h3>
<p id="qualLine" class="muted small">…</p></div>
<div class="card">
<h3>Buy ad packages</h3>
<p class="muted small">The full ladder with live pricing is on the <a href="/#ladder-h">home page</a>.
Purchases from your linked wallet automatically credit this account.</p>
<h3>Recent activity</h3>
<div class="feed" id="ovFeed"><div class="row muted">Your line's joins, buys, and payouts land here.</div></div>
</div>
<div>
<div class="card">
<h3>Quick actions</h3>
<div class="qa">
<button type="button" data-goto="buy">🛒 Buy a package</button>
<button type="button" data-goto="earn">👁 View today's ads</button>
<button type="button" data-goto="campaigns">📣 Launch a campaign</button>
<button type="button" id="qaCopyInvite">🔗 Copy my invite link</button>
</div>
</div>
<div class="card"><h3>Earning levels</h3>
<p id="qualLine" class="muted small">…</p></div>
</div>
</div>
</div>
@@ -240,9 +250,9 @@
</div>
</div>
<script src="/assets/common.js?v=20260905e"></script>
<script src="/assets/wallet.js?v=20260905e"></script>
<script src="/assets/my.js?v=20260905e"></script>
<script src="/assets/chat.js?v=20260905e"></script>
<script src="/assets/common.js?v=20260905f"></script>
<script src="/assets/wallet.js?v=20260905f"></script>
<script src="/assets/my.js?v=20260905f"></script>
<script src="/assets/chat.js?v=20260905f"></script>
</body>
</html>