marty/instantadpay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Angle join pages are squeeze pages: hook, video, one capture card, three points; full page stays on the plain link

Browse Source 
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-10 16:09:03 -05:00
parent fe9661ec33
commit 496133b99e
3 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/join.html
+16 -4
View File
@@ -23,6 +23,18 @@
.jn-hero p.lead{margin:0 0 12px;text-align:left;max-width:620px;font-size:15.5px}
.jn-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start;margin-top:4px}
#jnVideo{width:100%;aspect-ratio:16/9;display:block;border-radius:16px;border:1px solid var(--line-strong);background:#000}
/* angle pages (?v=) are squeeze pages: hook, video, one call to action. The full page is for the plain link. */
body.squeeze .jn-hero{max-width:720px;margin:0 auto;text-align:center;padding-top:6px}
body.squeeze .jn-hero h1,body.squeeze .jn-hero p.lead{text-align:center;margin-left:auto;margin-right:auto}
body.squeeze .jn-hero h1{font-size:clamp(30px,4.4vw,46px)}
body.squeeze .jn-spon,body.squeeze .jn-brand{justify-content:center}
body.squeeze .jn-grid{display:flex;flex-direction:column;max-width:720px;margin:0 auto;gap:18px}
body.squeeze .jn-grid>div:first-child>p{display:none}
body.squeeze .jn-cap{position:static;box-shadow:0 0 80px rgba(67,232,195,.16)}
body.squeeze .jn-cap h3{font-size:22px}
body.squeeze #jnMock,body.squeeze .jn-strip,body.squeeze .jn-full{display:none}
body.squeeze .jn-points{max-width:720px;margin:4px auto 0}
body.squeeze .jn-foot{margin-top:28px}
.jn-points{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.jn-points li{position:relative;padding-left:26px;font-size:15px;line-height:1.45}
.jn-points li::before{content:"✓";position:absolute;left:0;top:0;color:var(--mint);font-weight:800}
@@ -77,7 +89,6 @@
<div>
<div id="jnAngle" hidden>
<video id="jnVideo" controls playsinline preload="metadata"></video>
<ul class="jn-points" id="jnPoints"></ul>
</div>
<div id="jnMock">
<div class="mockup" aria-label="worked example of one purchase">
@@ -97,8 +108,8 @@
</div>
<div class="card jn-cap" id="jnCap">
<h3>Join free</h3>
<p class="muted small" style="margin:0 0 12px">Type your email and we send a 6-digit code. No password, no wallet needed today.</p>
<h3 id="jnCapH">Join free</h3>
<p class="muted small" style="margin:0 0 12px" id="jnCapSub">Type your email and we send a 6-digit code. No password, no wallet needed today.</p>
<p><input id="jnEmail" type="email" placeholder="Your email" autocomplete="email"></p>
<p id="jnCodeRow" hidden><input id="jnCode" inputmode="numeric" placeholder="6-digit code from your inbox"></p>
<p id="jnUnder" class="small muted" hidden style="margin:-4px 0 12px"></p>
@@ -112,6 +123,7 @@
<button class="btn sec small" id="jnResend" type="button" hidden style="margin-top:8px">Send a fresh code</button>
<p class="small muted" style="margin:14px 0 0">Advertising, not investing. No income is guaranteed; results depend on your effort. Crypto carries risk of loss.</p>
</div>
<ul class="jn-points" id="jnPoints" hidden></ul>
</div>
<div class="jn-strip">
@@ -142,6 +154,6 @@
</div>
</div>
<script src="/assets/common.js?v=20260910c"></script>
<script src="/assets/join.js?v=20260910c"></script>
<script src="/assets/join.js?v=20260910d"></script>
</body>
</html>