Landing: full-bleed photographic hero (hunter in the fog reaching for a glass POL coin), replaces the CSS coin stack

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-09-19 18:15:45 -05:00
parent b32adb2f75
commit 59663096f9
7 changed files with 16 additions and 14 deletions
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>PolHunter</title>
 <meta name="description" content="Missions across the network. Visit a site, find the thing, get a drip of POL to your wallet.">
-<link rel="stylesheet" href="/style.css?v=3">
+<link rel="stylesheet" href="/style.css?v=4">
 </head>
 <body>
 <div class="wrap">
@@ -19,7 +19,12 @@
  </header>

  <section class="hero">
-    <div>
+    <picture class="hero-art" aria-hidden="true">
+      <source type="image/webp" media="(max-width:820px)" srcset="/img/hero-800.webp">
+      <source type="image/webp" srcset="/img/hero.webp">
+      <img src="/img/hero.jpg" alt="" fetchpriority="high" decoding="async">
+    </picture>
+    <div class="hero-copy">
      <span class="pill"><i></i> Paying in POL on Polygon</span>
      <h1>Visit. Find it.<br><b>Get paid in POL.</b></h1>
      <p>Every mission is a few minutes on one of our sites, one thing to find, and a drip of POL straight to your wallet when you find it. Your code is yours alone, and the hiding place moves.</p>
@@ -27,7 +32,6 @@
      <a class="btn ghost" href="#how" style="margin-left:8px">See how</a>
      <p id="signinNote" style="font-size:13px;color:var(--dim);margin-top:14px;display:none">Sign in with your InstantAdPay account: the button sends you through InstantAdPay and straight back here. No password, no new account.</p>
    </div>
-    <div class="stack" aria-hidden="true"><div class="c c1"></div><div class="c c2"></div><div class="c c3"></div><div class="g"></div></div>
  </section>

  <section class="section" id="how">