Top menu: 'How it works' and 'Ad packages' anchor to homepage sections (#how, #packages); sections clear the sticky nav

The Ad packages link pointed at /#ladder, an id that did not exist on the homepage.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-12 16:54:55 -05:00
parent 5b4fe133eb
commit 9d14af0898
17 changed files with 22 additions and 21 deletions
+1 -1
View File
@@ -344,7 +344,7 @@
</div> </div>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/admin.js?v=20260912b"></script> <script src="/assets/admin.js?v=20260912b"></script>
</body> </body>
</html> </html>
+2 -2
View File
@@ -29,8 +29,8 @@ window.IAP = (function () {
nav.innerHTML = '<div class="wrap">' nav.innerHTML = '<div class="wrap">'
+ '<span class="logo-wrap"><a class="logo" href="/"><img src="/logo.png" alt="InstantAdPay" style="height:30px;display:block"></a><span class="byline">Brought to you by the <b>Crypto Team Build Network</b></span></span>' + '<span class="logo-wrap"><a class="logo" href="/"><img src="/logo.png" alt="InstantAdPay" style="height:30px;display:block"></a><span class="byline">Brought to you by the <b>Crypto Team Build Network</b></span></span>'
+ '<span class="links">' + '<span class="links">'
+ '<a href="/" data-p="home">How it works</a>' + '<a href="/#how" data-p="home">How it works</a>'
+ '<a href="/#ladder" data-p="pricing">Ad packages</a>' + '<a href="/#packages" data-p="pricing">Ad packages</a>'
+ '<a href="/ledger" data-p="ledger">Live ledger</a>' + '<a href="/ledger" data-p="ledger">Live ledger</a>'
+ '<a href="/contract" data-p="contract">The contract</a>' + '<a href="/contract" data-p="contract">The contract</a>'
+ '<a href="/my" data-p="my">Members</a>' + '<a href="/my" data-p="my">Members</a>'
+1
View File
@@ -171,6 +171,7 @@ h3{font-size:16.5px;margin:0 0 8px;font-weight:700}
.split .s20{flex:2;background:rgba(67,232,195,.09)} .split .s20{flex:2;background:rgba(67,232,195,.09)}
.split .s10{flex:1;background:rgba(67,232,195,.05)} .split .s10{flex:1;background:rgba(67,232,195,.05)}
.split .sa{flex:2;background:rgba(139,166,156,.08);color:var(--muted)} .split .sa{flex:2;background:rgba(139,166,156,.08);color:var(--muted)}
section[id]{scroll-margin-top:84px} /* anchored menu targets clear the sticky nav */
/* ticker */ /* ticker */
.ticker{overflow:hidden;contain:layout paint;border-top:1px solid var(--line);border-bottom:1px solid var(--line); .ticker{overflow:hidden;contain:layout paint;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
background:rgba(67,232,195,.04);white-space:nowrap;padding:10px 0; background:rgba(67,232,195,.04);white-space:nowrap;padding:10px 0;
+1 -1
View File
@@ -141,7 +141,7 @@
<div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford.</div> <div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford.</div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/contract.js?v=20260908p"></script> <script src="/assets/contract.js?v=20260908p"></script>
<script src="/assets/chat.js?v=20260906m"></script> <script src="/assets/chat.js?v=20260906m"></script>
</body> </body>
+1 -1
View File
@@ -26,7 +26,7 @@
<p class="muted small">You decide whether, and how much, to spend. Never spend more than you can afford to lose.</p> <p class="muted small">You decide whether, and how much, to spend. Never spend more than you can afford to lose.</p>
</div> </div>
</div></section> </div></section>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/legal.js?v=20260908a"></script> <script src="/assets/legal.js?v=20260908a"></script>
</body> </body>
</html> </html>
+4 -4
View File
@@ -20,7 +20,7 @@
<meta name="theme-color" content="#043b2f"> <meta name="theme-color" content="#043b2f">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="icon" type="image/png" href="/logo-icon.png"> <link rel="icon" type="image/png" href="/logo-icon.png">
<link rel="stylesheet" href="/assets/site.css?v=20260912a"> <link rel="stylesheet" href="/assets/site.css?v=20260912b">
</head> </head>
<body> <body>
@@ -72,7 +72,7 @@
<div class="ticker" hidden id="ticker"><div class="inner" id="tickerInner"></div></div> <div class="ticker" hidden id="ticker"><div class="inner" id="tickerInner"></div></div>
<section> <section id="how">
<div class="wrap"> <div class="wrap">
<div class="sectionhead"> <div class="sectionhead">
<h2>Instant payments without compromise</h2> <h2>Instant payments without compromise</h2>
@@ -331,7 +331,7 @@
</div> </div>
</section> </section>
<section> <section id="packages">
<div class="wrap"> <div class="wrap">
<div class="sectionhead"> <div class="sectionhead">
<h2>The ad packages</h2> <h2>The ad packages</h2>
@@ -461,7 +461,7 @@
</div> </div>
</section> </section>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/wallet.js?v=20260909c"></script> <script src="/assets/wallet.js?v=20260909c"></script>
<script src="/assets/home.js?v=20260912a"></script> <script src="/assets/home.js?v=20260912a"></script>
<script src="/assets/chat.js?v=20260906m"></script> <script src="/assets/chat.js?v=20260906m"></script>
+1 -1
View File
@@ -156,7 +156,7 @@
InstantAdPay · <a href="/contract">Contract</a> · <a href="/terms">Terms</a> · <a href="/privacy">Privacy</a> · <a href="/disclaimer">Disclaimer</a> InstantAdPay · <a href="/contract">Contract</a> · <a href="/terms">Terms</a> · <a href="/privacy">Privacy</a> · <a href="/disclaimer">Disclaimer</a>
</div> </div>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/join.js?v=20260912d"></script> <script src="/assets/join.js?v=20260912d"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -85,7 +85,7 @@
<div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees.</div> <div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees.</div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/launch.js?v=20260911b"></script> <script src="/assets/launch.js?v=20260911b"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -37,7 +37,7 @@
<div>InstantAdPay · <a href="/">how it works</a> · <a id="contractLink" href="#" target="_blank" rel="noopener">contract source ↗</a></div> <div>InstantAdPay · <a href="/">how it works</a> · <a id="contractLink" href="#" target="_blank" rel="noopener">contract source ↗</a></div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/ledger.js?v=20260906m"></script> <script src="/assets/ledger.js?v=20260906m"></script>
<script src="/assets/chat.js?v=20260906m"></script> <script src="/assets/chat.js?v=20260906m"></script>
</body> </body>
+2 -2
View File
@@ -410,7 +410,7 @@
<div class="card" id="campGate" hidden> <div class="card" id="campGate" hidden>
<h3>Campaigns unlock with your first package</h3> <h3>Campaigns unlock with your first package</h3>
<p class="muted small">Campaigns spend the on-chain credits a package mints. Grab any package on the <p class="muted small">Campaigns spend the on-chain credits a package mints. Grab any package on the
<a href="/#ladder-h">home page</a> and this tab turns into your campaign manager.</p> <a href="/#packages">home page</a> and this tab turns into your campaign manager.</p>
</div> </div>
<div class="card spend-banner" id="spendBanner" hidden> <div class="card spend-banner" id="spendBanner" hidden>
<div class="lbl">Available to spend</div> <div class="lbl">Available to spend</div>
@@ -912,7 +912,7 @@
</div> </div>
</div> </div>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/wallet.js?v=20260911a"></script> <script src="/assets/wallet.js?v=20260911a"></script>
<script src="/assets/promo.js?v=20260911a"></script> <script src="/assets/promo.js?v=20260911a"></script>
<script src="/assets/my.js?v=20260912g"></script> <script src="/assets/my.js?v=20260912g"></script>
+1 -1
View File
@@ -128,7 +128,7 @@
<div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford to lose.</div> <div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford to lose.</div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/partners.js?v=20260912a"></script> <script src="/assets/partners.js?v=20260912a"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -192,7 +192,7 @@
<div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford.</div> <div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never spend what you cannot afford.</div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/plays.js?v=20260910b"></script> <script src="/assets/plays.js?v=20260910b"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -28,7 +28,7 @@
<p class="muted small">We use reasonable safeguards, but no system is perfectly secure. Protect your email and your wallet.</p> <p class="muted small">We use reasonable safeguards, but no system is perfectly secure. Protect your email and your wallet.</p>
</div> </div>
</div></section> </div></section>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/legal.js?v=20260908a"></script> <script src="/assets/legal.js?v=20260908a"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -36,7 +36,7 @@
<p class="muted small" style="margin-top:18px">See also the <a href="/disclaimer">Disclaimer</a> and <a href="/privacy">Privacy Policy</a>.</p> <p class="muted small" style="margin-top:18px">See also the <a href="/disclaimer">Disclaimer</a> and <a href="/privacy">Privacy Policy</a>.</p>
</div> </div>
</div></section> </div></section>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/legal.js?v=20260908a"></script> <script src="/assets/legal.js?v=20260908a"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -34,7 +34,7 @@
<p><a href="/ledger">← Back to the live ledger</a> · <a href="/contract">Read the contract review</a></p> <p><a href="/ledger">← Back to the live ledger</a> · <a href="/contract">Read the contract review</a></p>
</div> </div>
</section> </section>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/tx.js?v=20260906m"></script> <script src="/assets/tx.js?v=20260906m"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -47,7 +47,7 @@
</div> </div>
</div> </div>
</section> </section>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/wall.js?v=20260911v"></script> <script src="/assets/wall.js?v=20260911v"></script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -121,7 +121,7 @@
<div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never share your recovery phrase.</div> <div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees. Crypto transactions are irreversible. Never share your recovery phrase.</div>
</footer> </footer>
</div> </div>
<script src="/assets/common.js?v=20260912c"></script> <script src="/assets/common.js?v=20260912d"></script>
<script src="/assets/wallets.js?v=20260911b"></script> <script src="/assets/wallets.js?v=20260911b"></script>
</body> </body>
</html> </html>