martbost
7caff0eea2
- Sponsor messaging is now reachable everywhere a new referral looks: a "Message your sponsor" card on My line, the Overview quick action, and a pinned "Message your sponsor" row atop the Messages drawer (even with no thread yet). Chat stores the sponsor from the dashboard. - Watch-to-earn video + Shorts now PAUSE when the tab/window loses focus and resume on return, so a viewer must stay on the page for the watch to count. - Welcome tour hides its frame on completion (no white about:blank panel). NOTE: rmcircle.team allows framing (frame-ancestors *); the blank was just the post-dwell blank state. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
49 lines
2.4 KiB
HTML
49 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Shorts | 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=20260906m">
|
|
<style>
|
|
html,body{height:100%;margin:0;overflow:hidden;background:#000}
|
|
.sh{position:fixed;inset:0;display:flex;flex-direction:column;background:#000;color:var(--ink,#e8fff7)}
|
|
.sh-bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel-solid,#071a12);
|
|
border-bottom:1px solid var(--line,rgba(67,232,195,.18));flex-wrap:wrap}
|
|
.sh-brand{font-family:var(--disp,sans-serif);font-weight:800;font-size:15px}
|
|
.sh-brand em{color:var(--mint,#43e8c3);font-style:normal}
|
|
.sh-stat{margin-left:auto;font-family:var(--mono,monospace);font-size:13px;color:var(--muted,#8ba69c)}
|
|
.sh-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}
|
|
.sh-video{max-height:100%;max-width:min(100%,440px);width:100%;background:#000;border-radius:0}
|
|
.sh-over{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.75));
|
|
display:flex;flex-direction:column;gap:10px}
|
|
.sh-title{font-weight:700}
|
|
.sh-timer{font-family:var(--mono,monospace);font-size:13px;color:var(--amber,#ffb238)}
|
|
.sh-row{display:flex;gap:10px;flex-wrap:wrap}
|
|
.sh-msg{padding:30px;text-align:center;color:var(--muted,#8ba69c);font-size:16px}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="sh">
|
|
<div class="sh-bar">
|
|
<span class="sh-brand">Instant<em>AdPay</em> · Shorts</span>
|
|
<span class="sh-stat" id="shStat">…</span>
|
|
<a class="btn small sec" href="/my#earn">Done</a>
|
|
</div>
|
|
<div class="sh-stage" id="shStage">
|
|
<div class="sh-msg" id="shMsg">Loading your first short…</div>
|
|
<video class="sh-video" id="shVideo" playsinline hidden></video>
|
|
<div class="sh-over" id="shOver" hidden>
|
|
<div class="sh-title" id="shTitle"></div>
|
|
<div class="sh-timer" id="shTimer"></div>
|
|
<div class="sh-row">
|
|
<a class="btn small" id="shCta" target="_blank" rel="noopener nofollow" hidden>Learn more</a>
|
|
<button class="btn small sec" id="shNext" type="button" hidden>Next short →</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/shorts.js?v=20260907e"></script>
|
|
</body>
|
|
</html>
|