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

Banner kit: add crisp vector 320x50 mobile leaderboard (SVG) — full 7-size IAB set

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-06 10:21:27 -05:00
parent 1912d2b251
commit 5c99753f45
10 changed files with 55 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/my.js
+2 -1
View File
@@ -963,7 +963,8 @@
{ file: 'iap-300x250.png', size: '300×250 (rectangle)' }, { file: 'iap-300x250.png', size: '300×250 (rectangle)' },
{ file: 'iap-468x60.png', size: '468×60 (banner)' }, { file: 'iap-468x60.png', size: '468×60 (banner)' },
{ file: 'iap-160x600.png', size: '160×600 (wide skyscraper)' }, { file: 'iap-160x600.png', size: '160×600 (wide skyscraper)' },
{ file: 'iap-120x600.png', size: '120×600 (skyscraper)' } { file: 'iap-120x600.png', size: '120×600 (skyscraper)' },
{ file: 'iap-320x50.svg', size: '320×50 (mobile leaderboard)' }
]; ];
bwrap.innerHTML = ''; bwrap.innerHTML = '';
for (const b of BANNERS) { for (const b of BANNERS) {
public/banners/iap-320x50.svg
+25
View File
@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="50" viewBox="0 0 320 50" role="img" aria-label="InstantAdPay — Earn Instantly">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#041109"/>
<stop offset="1" stop-color="#0b2018"/>
</linearGradient>
<radialGradient id="node" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#8ffbe3"/>
<stop offset="0.5" stop-color="#43e8c3"/>
<stop offset="1" stop-color="#43e8c3" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="320" height="50" rx="6" fill="url(#bg)"/>
<!-- circuit accents on the right -->
<g stroke="#43e8c3" stroke-opacity="0.5" stroke-width="1" fill="none">
<path d="M300 12 H274 M300 25 H262 M300 38 H278"/>
<circle cx="274" cy="12" r="1.6" fill="#43e8c3" stroke="none"/>
<circle cx="278" cy="38" r="1.6" fill="#43e8c3" stroke="none"/>
</g>
<circle cx="300" cy="25" r="16" fill="url(#node)"/>
<text x="14" y="32" font-family="Sora, 'Segoe UI', system-ui, sans-serif" font-size="20" font-weight="800" fill="#eef7f3">Earn <tspan fill="#43e8c3">Instantly</tspan></text>
<!-- Join Free pill -->
<rect x="212" y="15" width="60" height="20" rx="10" fill="#43e8c3"/>
<text x="242" y="29" text-anchor="middle" font-family="Sora, 'Segoe UI', system-ui, sans-serif" font-size="11" font-weight="800" fill="#03211a">Join Free</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

public/contract.html
+4 -4
View File
@@ -5,7 +5,7 @@
<title>The contract | InstantAdPay</title> <title>The contract | InstantAdPay</title>
<meta name="description" content="Plain-language review of the InstantAdPay settlement contract: what it does, what nobody can change, what the operator can and cannot touch, and how to verify all of it yourself."> <meta name="description" content="Plain-language review of the InstantAdPay settlement contract: what it does, what nobody can change, what the operator can and cannot touch, and how to verify all of it yourself.">
<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="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
</head> </head>
<body> <body>
<div class="wrap"> <div class="wrap">
@@ -129,8 +129,8 @@
<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=20260906i"></script> <script src="/assets/common.js?v=20260906j"></script>
<script src="/assets/contract.js?v=20260906i"></script> <script src="/assets/contract.js?v=20260906j"></script>
<script src="/assets/chat.js?v=20260906i"></script> <script src="/assets/chat.js?v=20260906j"></script>
</body> </body>
</html> </html>
public/index.html
+5 -5
View File
@@ -5,7 +5,7 @@
<title>InstantAdPay: advertise and earn, locked in code</title> <title>InstantAdPay: advertise and earn, locked in code</title>
<meta name="description" content="Real ad packages with instant on-chain settlement. Every purchase pays the sponsor line in the same transaction, verifiable by anyone on the live ledger."> <meta name="description" content="Real ad packages with instant on-chain settlement. Every purchase pays the sponsor line in the same transaction, verifiable by anyone on the live ledger.">
<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="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
</head> </head>
<body> <body>
@@ -410,9 +410,9 @@
</div> </div>
</section> </section>
<script src="/assets/common.js?v=20260906i"></script> <script src="/assets/common.js?v=20260906j"></script>
<script src="/assets/wallet.js?v=20260906i"></script> <script src="/assets/wallet.js?v=20260906j"></script>
<script src="/assets/home.js?v=20260906i"></script> <script src="/assets/home.js?v=20260906j"></script>
<script src="/assets/chat.js?v=20260906i"></script> <script src="/assets/chat.js?v=20260906j"></script>
</body> </body>
</html> </html>
public/ledger.html
+4 -4
View File
@@ -5,7 +5,7 @@
<title>Live ledger | InstantAdPay</title> <title>Live ledger | InstantAdPay</title>
<meta name="description" content="Every purchase, payout, and pass-up on InstantAdPay, streamed straight from the blockchain with a verify link on every line."> <meta name="description" content="Every purchase, payout, and pass-up on InstantAdPay, streamed straight from the blockchain with a verify link on every line.">
<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="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
</head> </head>
<body> <body>
<div class="wrap"> <div class="wrap">
@@ -25,8 +25,8 @@
<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=20260906i"></script> <script src="/assets/common.js?v=20260906j"></script>
<script src="/assets/ledger.js?v=20260906i"></script> <script src="/assets/ledger.js?v=20260906j"></script>
<script src="/assets/chat.js?v=20260906i"></script> <script src="/assets/chat.js?v=20260906j"></script>
</body> </body>
</html> </html>
public/my.html
+5 -5
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Member area | InstantAdPay</title> <title>Member area | InstantAdPay</title>
<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="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
</head> </head>
<body class="bo-body"> <body class="bo-body">
@@ -584,9 +584,9 @@
</div> </div>
</div> </div>
<script src="/assets/common.js?v=20260906i"></script> <script src="/assets/common.js?v=20260906j"></script>
<script src="/assets/wallet.js?v=20260906i"></script> <script src="/assets/wallet.js?v=20260906j"></script>
<script src="/assets/my.js?v=20260906i"></script> <script src="/assets/my.js?v=20260906j"></script>
<script src="/assets/chat.js?v=20260906i"></script> <script src="/assets/chat.js?v=20260906j"></script>
</body> </body>
</html> </html>
public/shorts.html
+2 -2
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Shorts | InstantAdPay</title> <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="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
<style> <style>
html,body{height:100%;margin:0;overflow:hidden;background:#000} 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{position:fixed;inset:0;display:flex;flex-direction:column;background:#000;color:var(--ink,#e8fff7)}
@@ -43,6 +43,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="/assets/shorts.js?v=20260906i"></script> <script src="/assets/shorts.js?v=20260906j"></script>
</body> </body>
</html> </html>
public/tx.html
+3 -3
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Transaction | InstantAdPay</title> <title>Transaction | InstantAdPay</title>
<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="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
@@ -33,7 +33,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=20260906i"></script> <script src="/assets/common.js?v=20260906j"></script>
<script src="/assets/tx.js?v=20260906i"></script> <script src="/assets/tx.js?v=20260906j"></script>
</body> </body>
</html> </html>
public/view.html
+2 -2
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Viewing ad — InstantAdPay</title> <title>Viewing ad — InstantAdPay</title>
<link rel="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
<style> <style>
html,body{height:100%;margin:0;overflow:hidden} html,body{height:100%;margin:0;overflow:hidden}
.vw{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg,#04110c);color:var(--ink,#e8fff7)} .vw{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg,#04110c);color:var(--ink,#e8fff7)}
@@ -43,6 +43,6 @@
</div> </div>
<iframe class="vframe" id="vFrame" sandbox="allow-scripts allow-same-origin allow-forms allow-popups" referrerpolicy="no-referrer" title="Advertiser site"></iframe> <iframe class="vframe" id="vFrame" sandbox="allow-scripts allow-same-origin allow-forms allow-popups" referrerpolicy="no-referrer" title="Advertiser site"></iframe>
</div> </div>
<script src="/assets/view.js?v=20260906i"></script> <script src="/assets/view.js?v=20260906j"></script>
</body> </body>
</html> </html>
public/wall.html
+3 -3
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Banner wall | InstantAdPay</title> <title>Banner wall | InstantAdPay</title>
<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="stylesheet" href="/assets/site.css?v=20260906i"> <link rel="stylesheet" href="/assets/site.css?v=20260906j">
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
@@ -34,7 +34,7 @@
</div> </div>
</div> </div>
</section> </section>
<script src="/assets/common.js?v=20260906i"></script> <script src="/assets/common.js?v=20260906j"></script>
<script src="/assets/wall.js?v=20260906i"></script> <script src="/assets/wall.js?v=20260906j"></script>
</body> </body>
</html> </html>