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>
41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Transaction | 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=20260910h">
|
|
</head>
|
|
<body>
|
|
<div id="nav"></div>
|
|
<section>
|
|
<div class="wrap" style="max-width:860px">
|
|
<div class="sectionhead" style="text-align:left">
|
|
<h2>One transaction, <em>fully public</em></h2>
|
|
<p>Pulled straight from the chain this site settles on. Every field below is read from the node,
|
|
not from our database.</p>
|
|
</div>
|
|
<div class="card">
|
|
<p><span class="badge" id="txStatus">looking it up…</span>
|
|
<span class="small muted" id="txChain"></span></p>
|
|
<p class="mono small" id="txHash" style="overflow-wrap:anywhere"></p>
|
|
<div class="tablewrap"><table id="txTable" hidden>
|
|
<tbody></tbody>
|
|
</table></div>
|
|
<p class="small muted" id="txHint" hidden>Nothing under that hash on this chain yet. If the
|
|
transaction just happened, give the next block a moment and refresh.</p>
|
|
</div>
|
|
<div class="card" id="evCard" hidden>
|
|
<h3>What this transaction did</h3>
|
|
<p class="muted small">The contract events inside it, decoded to plain language.</p>
|
|
<div class="feed" id="evFeed"></div>
|
|
</div>
|
|
<p><a href="/ledger">← Back to the live ledger</a> · <a href="/contract">Read the contract review</a></p>
|
|
</div>
|
|
</section>
|
|
<script src="/assets/common.js?v=20260923b"></script><script src="/assets/welcome.js?v=20260923b"></script>
|
|
<script src="/assets/tx.js?v=20260906m"></script>
|
|
</body>
|
|
</html>
|