martbost
97dbd66a5c
Every mission brief is a different length, so the Start mission buttons sat at a different height in each card. The action now sits at the foot of the card, so a row of them lines up whatever the brief above it says. The referral card was in the same grid and is taller than any mission, so it stretched the two cards beside it and left them with a hole under the button. It moves above the grid into its own slot, where it splits into two columns on a wide screen so the text does not run the full width. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
53 lines
2.7 KiB
HTML
53 lines
2.7 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Your board · PolHunter</title>
|
||
<meta name="robots" content="noindex">
|
||
<link rel="stylesheet" href="/style.css?v=14">
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<header class="top">
|
||
<a class="mark" href="/"><span class="coin"></span>PolHunter</a>
|
||
<nav class="nav"><span class="pill" id="who"><i></i> …</span><a class="btn ghost sm" href="/leaders">Leaderboard</a><a class="btn ghost sm" href="/promo">Promo tools</a><a class="btn ghost sm" href="/logout">Sign out</a></nav>
|
||
</header>
|
||
<div class="standing" id="standing"></div>
|
||
|
||
<section class="section" style="padding-top:10px">
|
||
<h2>Your missions</h2>
|
||
<div class="sub" id="rangeLine">Each find pays a random drip. Your codes are yours alone.</div>
|
||
<div id="refSlot"></div>
|
||
<div class="grid" id="missions"><div class="card"><p>Loading your board…</p></div></div>
|
||
</section>
|
||
|
||
<section class="section" id="badgesSec">
|
||
<h2>Your badges</h2>
|
||
<div class="sub">Earned from your finds. Share one and the card carries your name and your link.</div>
|
||
<div class="badge-strip" id="badgeStrip"></div>
|
||
</section>
|
||
|
||
<div class="adslot" data-ad="board"><!-- nas: 468x60 on phones, 728x90 on wider screens --><script>(function(){var m=window.innerWidth<600;document.write('<scr'+'ipt src="https://www.networkadspace.com/showadss.php?'+(m?'w=468&h=60&n=1&bw=468&bh=60':'w=728&h=90&n=1&bw=728&bh=90')+'&c=999"></scr'+'ipt>');})();</script></div>
|
||
|
||
<section class="section">
|
||
<h2>Your drips</h2>
|
||
<div class="ledger" id="mine"></div>
|
||
</section>
|
||
|
||
<section class="section" id="share">
|
||
<h2>Share your hunt</h2>
|
||
<div class="sub">Your link puts sign-ups on your InstantAdPay line. Post a find, or just the link.</div>
|
||
<div class="copybox"><input id="mylink" readonly value=""><button class="btn pol sm" id="copylink">Copy link</button></div>
|
||
<textarea id="sharetext" rows="4" style="margin-top:10px"></textarea>
|
||
<div class="sharebtns" id="sharebtns"></div>
|
||
<p class="small" style="margin-top:10px">Banners, swipes and the teaser video are on the <a href="/promo">promo tools</a> page, already carrying your link.</p>
|
||
</section>
|
||
|
||
<footer class="foot">Rewards are for completed missions, not income. The daily pool is limited; when it is spent, claims close until midnight Central. Cryptocurrency involves risk of loss.</footer>
|
||
</div>
|
||
<div class="modal" id="shareModal" hidden><div class="modal-card"><button class="modal-x" id="shareClose" type="button" aria-label="Close">×</button><div id="shareBody"></div></div></div>
|
||
<script src="/app.js?v=14"></script>
|
||
</body>
|
||
</html>
|