Login ads as post-signin interstitials: Open Ad in new tab, timer here, Go to Dashboard

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-05 16:28:57 -05:00
parent 2cc2855488
commit 1c31679b6c
8 changed files with 106 additions and 16 deletions
+26 -6
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=20260905o">
<link rel="stylesheet" href="/assets/site.css?v=20260905q">
</head>
<body class="bo-body">
@@ -48,6 +48,25 @@
</div>
</div>
<!-- ── login ad interstitial: sponsor opens in a new tab, timer runs here ── -->
<div id="loginGate" class="lgate" hidden>
<div class="lgate-bar">
<span class="lg-brand">Instant<em>AdPay</em></span>
<span class="lgate-note small muted" id="lgStatus">Login ad sponsor — click "Open Ad" to begin.</span>
<span class="lg-timer mono" id="lgTimer" hidden>…</span>
<button class="btn small" id="lgContinue" type="button" hidden>Go to dashboard</button>
</div>
<div class="lgate-body">
<div class="lgate-card">
<p class="eyebrow">Today's login sponsor</p>
<div id="lgCreative"></div>
<p style="margin-top:18px"><button class="btn" id="lgOpen" type="button">Open Ad</button></p>
<p class="small muted">The ad opens in a new tab. The timer counts down right here —
when it hits zero, your dashboard button appears above.</p>
</div>
</div>
</div>
<!-- ── signed-in: back-office shell ──────────────────────── -->
<div id="memberArea" class="bo" hidden>
<aside class="bo-side" id="boSide">
@@ -218,7 +237,8 @@
</div>
<p><input id="cTarget" placeholder="Target URL (https://…)" style="width:100%"></p>
<p class="small muted" style="margin-top:-6px">Banner and text targets are shown full screen in the
ad viewer, so the URL must allow framing — we check it the moment you submit.</p>
ad viewer, so those URLs must allow framing — we check them the moment you submit. Login and
solo links open in a fresh tab, so any working page is fine.</p>
<p id="cImageRow"><input id="cImage" placeholder="Image URL (banner/login ads)" style="width:100%"></p>
<p id="cTitleRow" hidden><input id="cTitle" placeholder="Headline (max 60)" style="width:100%"></p>
<p id="cBodyRow" hidden><input id="cBody" placeholder="Ad text (max 140)" style="width:100%"></p>
@@ -379,9 +399,9 @@
</div>
</div>
<script src="/assets/common.js?v=20260905o"></script>
<script src="/assets/wallet.js?v=20260905o"></script>
<script src="/assets/my.js?v=20260905o"></script>
<script src="/assets/chat.js?v=20260905o"></script>
<script src="/assets/common.js?v=20260905q"></script>
<script src="/assets/wallet.js?v=20260905q"></script>
<script src="/assets/my.js?v=20260905q"></script>
<script src="/assets/chat.js?v=20260905q"></script>
</body>
</html>