martbost
0dbd99f69e
- QR is mint-green (still high-contrast for reliable scanning). - The wall shows the owner's achievement badge next to their avatar. - Positions 2 & 3 fill with upline line-banners, then ADMIN ADS when there's no upline (configurable via data/admin-wall-ads.json; sensible default) so the wall is never sparse. - "Join free through this wall" is disabled until the visitor has viewed every ad on the wall, with a "X/Y viewed" prompt. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
45 lines
2.1 KiB
HTML
45 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Banner wall | InstantAdPay</title>
|
|
<!--OG-->
|
|
<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=20260907s">
|
|
</head>
|
|
<body>
|
|
<div id="nav"></div>
|
|
<section>
|
|
<div class="wrap" style="max-width:920px">
|
|
<div class="bio-head" id="bioHead" hidden>
|
|
<img id="bioAvatar" class="bio-avatar" alt="" hidden>
|
|
<img id="bioBadge" class="bio-badge" alt="achievement badge" hidden>
|
|
<div class="bio-meta">
|
|
<p class="eyebrow">Member profile</p>
|
|
<h2 id="wallTitle" style="margin:.1em 0">Loading…</h2>
|
|
<p id="bioText" class="lead" style="font-size:16px"></p>
|
|
<div id="bioSocials" class="bio-socials"></div>
|
|
</div>
|
|
<div class="bio-qr"><img id="bioQr" alt="Join QR code" width="150" height="150"><div class="small muted" style="text-align:center">scan to join</div></div>
|
|
</div>
|
|
<div class="sectionhead" style="text-align:left;margin-top:10px">
|
|
<h3 style="margin:0">The line, three levels deep</h3>
|
|
<p>Three positions, three levels — the exact levels the contract pays. Every banner here belongs
|
|
to a real member of this line, and every payment between them settles on-chain, instantly.</p>
|
|
</div>
|
|
<div class="grid c3" id="wallGrid"></div>
|
|
<div class="card" style="margin-top:22px;text-align:center">
|
|
<h3 id="wallCtaHead">Join this line</h3>
|
|
<p class="muted small">Free to join with just an email. Your wallet only comes out if you buy —
|
|
and payments go straight to member wallets, never through an admin.</p>
|
|
<p id="wallGate" class="small" style="color:var(--amber);font-weight:600" hidden></p>
|
|
<p><a class="btn" id="wallJoin">Join free through this wall</a></p>
|
|
<p class="small muted"><a href="/ledger">Watch the live ledger</a> · <a href="/contract">Read the contract</a></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="/assets/common.js?v=20260907s"></script>
|
|
<script src="/assets/wall.js?v=20260907s"></script>
|
|
</body>
|
|
</html>
|