Merge solo Inbox into Earn credits as a sub-tab; unread badge on Earn menu item
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
+48
-42
@@ -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=20260905u">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=20260905v">
|
||||
</head>
|
||||
<body class="bo-body">
|
||||
|
||||
@@ -91,8 +91,7 @@
|
||||
<button data-pane="line" type="button"><svg viewBox="0 0 24 24"><circle cx="12" cy="7" r="3.2"/><circle cx="5" cy="17" r="2.6"/><circle cx="19" cy="17" r="2.6"/><path d="M12 10v3M12 13l-5 2M12 13l5 2"/></svg>My line</button>
|
||||
<button data-pane="buy" type="button"><svg viewBox="0 0 24 24"><circle cx="9" cy="20" r="1.6"/><circle cx="17" cy="20" r="1.6"/><path d="M3 4h2l2.4 11.2A2 2 0 0 0 9.4 17h8.2a2 2 0 0 0 2-1.6L21 8H6"/></svg>Buy packages</button>
|
||||
<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="inbox" type="button"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 8l9 6 9-6"/></svg>Inbox<span class="pill" id="inboxBadge" hidden></span></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="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<span class="pill" id="inboxBadge" hidden></span></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>
|
||||
@@ -291,43 +290,50 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pane" id="pane-inbox" hidden>
|
||||
<div class="card" id="inboxListCard">
|
||||
<h3>Solo ads inbox</h3>
|
||||
<p class="muted small">Full-message ads from members land here — each one delivered to you at
|
||||
most once, never your own. Give one a real read and claim <span id="ibRewardNote">…</span>.</p>
|
||||
<div id="ibList"><p class="muted small">Loading…</p></div>
|
||||
</div>
|
||||
<div class="card" id="inboxReadCard" hidden>
|
||||
<p><a href="#" id="ibBack">← Back to inbox</a></p>
|
||||
<h3 id="ibSubject"></h3>
|
||||
<p class="small muted" id="ibMeta"></p>
|
||||
<div id="ibMedia" hidden style="margin:12px 0"></div>
|
||||
<div id="ibBody" class="promo-block ib-rich"></div>
|
||||
<p style="margin-top:14px">
|
||||
<a class="btn" id="ibVisit" target="_blank" rel="noopener nofollow">Visit the advertiser</a>
|
||||
<button class="btn sec" id="ibClaimBtn" type="button" hidden>…</button></p>
|
||||
<p class="small muted" id="ibHint"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pane" id="pane-earn" hidden>
|
||||
<div class="card">
|
||||
<h3>Earn credits by viewing ads</h3>
|
||||
<p class="muted small">Each ad opens full screen in its own tab, pointed at the advertiser's
|
||||
real site. A countdown runs while you watch; when it hits zero, pass a quick check and the
|
||||
view counts. Finish today's set, claim your credits, and spend them on banner and text
|
||||
campaigns just like purchased ones.</p>
|
||||
<p><span class="badge" id="earnProgress">…</span>
|
||||
<span class="badge" id="earnBalance">…</span></p>
|
||||
<div class="card" style="background:rgba(4,8,7,.5)" id="earnStage">
|
||||
<div id="earnAdBox" class="small muted" style="min-height:80px;display:grid;place-items:center">
|
||||
Press the button to open the first ad in a new tab.</div>
|
||||
<div class="subtabs" role="tablist">
|
||||
<button class="subtab on" data-earn="watch" type="button">Watch ads</button>
|
||||
<button class="subtab" data-earn="inbox" type="button">Inbox<span class="pill" id="inboxBadge2" hidden></span></button>
|
||||
</div>
|
||||
|
||||
<div class="earn-sub" id="earn-watch">
|
||||
<div class="card">
|
||||
<h3>Earn credits by viewing ads</h3>
|
||||
<p class="muted small">Each ad opens full screen in its own tab, pointed at the advertiser's
|
||||
real site. A countdown runs while you watch; when it hits zero, pass a quick check and the
|
||||
view counts. Finish today's set, claim your credits, and spend them on banner and text
|
||||
campaigns just like purchased ones.</p>
|
||||
<p><span class="badge" id="earnProgress">…</span>
|
||||
<span class="badge" id="earnBalance">…</span></p>
|
||||
<div class="card" style="background:rgba(4,8,7,.5)" id="earnStage">
|
||||
<div id="earnAdBox" class="small muted" style="min-height:80px;display:grid;place-items:center">
|
||||
Press the button to open the first ad in a new tab.</div>
|
||||
<p style="margin-top:14px">
|
||||
<button class="btn" id="earnStartBtn" type="button">View today's ads</button>
|
||||
<button class="btn" id="earnClaimBtn" type="button" hidden>Claim today's credits</button>
|
||||
</p>
|
||||
<p class="small muted" id="earnHint"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="earn-sub" id="earn-inbox" hidden>
|
||||
<div class="card" id="inboxListCard">
|
||||
<h3>Solo ads inbox</h3>
|
||||
<p class="muted small">Full-message ads from members land here — each one delivered to you at
|
||||
most once, never your own. Read one and click through to the advertiser to claim <span id="ibRewardNote">…</span>.</p>
|
||||
<div id="ibList"><p class="muted small">Loading…</p></div>
|
||||
</div>
|
||||
<div class="card" id="inboxReadCard" hidden>
|
||||
<p><a href="#" id="ibBack">← Back to inbox</a></p>
|
||||
<h3 id="ibSubject"></h3>
|
||||
<p class="small muted" id="ibMeta"></p>
|
||||
<div id="ibMedia" hidden style="margin:12px 0"></div>
|
||||
<div id="ibBody" class="promo-block ib-rich"></div>
|
||||
<p style="margin-top:14px">
|
||||
<button class="btn" id="earnStartBtn" type="button">View today's ads</button>
|
||||
<button class="btn" id="earnClaimBtn" type="button" hidden>Claim today's credits</button>
|
||||
</p>
|
||||
<p class="small muted" id="earnHint"></p>
|
||||
<a class="btn" id="ibVisit" target="_blank" rel="noopener nofollow">Visit the advertiser</a>
|
||||
<button class="btn sec" id="ibClaimBtn" type="button" hidden>…</button></p>
|
||||
<p class="small muted" id="ibHint"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -442,9 +448,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/assets/common.js?v=20260905u"></script>
|
||||
<script src="/assets/wallet.js?v=20260905u"></script>
|
||||
<script src="/assets/my.js?v=20260905u"></script>
|
||||
<script src="/assets/chat.js?v=20260905u"></script>
|
||||
<script src="/assets/common.js?v=20260905v"></script>
|
||||
<script src="/assets/wallet.js?v=20260905v"></script>
|
||||
<script src="/assets/my.js?v=20260905v"></script>
|
||||
<script src="/assets/chat.js?v=20260905v"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user