Banners: add 125x125 + 336x280, fill skyscrapers; scrollable sidebar
- New 125x125 (square button) and 336x280 (large rectangle) promo banners; rectangle branch scales relative so both rectangles look right. - 160x600 / 120x600 skyscrapers now filled with feature bullets (instant payouts, 7 ad formats, earn by viewing, free to join) + CTA. - Promo tools lists the new sizes; previews cache-busted (?v=3). - Back-office sidebar is scrollable (overflow-y:auto) so the Legal links at the bottom are reachable. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
martbost
@@ -1145,7 +1145,9 @@
|
||||
const BANNERS = [
|
||||
{ file: 'iap-hero-1200x630.png', size: '1200×630 (social / hero)' },
|
||||
{ file: 'iap-728x90.png', size: '728×90 (leaderboard)' },
|
||||
{ file: 'iap-336x280.png', size: '336×280 (large rectangle)' },
|
||||
{ file: 'iap-300x250.png', size: '300×250 (rectangle)' },
|
||||
{ file: 'iap-125x125.png', size: '125×125 (square button)' },
|
||||
{ file: 'iap-468x60.png', size: '468×60 (banner)' },
|
||||
{ file: 'iap-160x600.png', size: '160×600 (wide skyscraper)' },
|
||||
{ file: 'iap-120x600.png', size: '120×600 (skyscraper)' },
|
||||
@@ -1156,7 +1158,7 @@
|
||||
const url = location.origin + '/banners/' + b.file;
|
||||
const d = document.createElement('div');
|
||||
d.className = 'pb-item';
|
||||
d.innerHTML = '<img src="/banners/' + b.file + '?v=2" alt="InstantAdPay banner ' + b.size + '" loading="lazy">'
|
||||
d.innerHTML = '<img src="/banners/' + b.file + '?v=3" alt="InstantAdPay banner ' + b.size + '" loading="lazy">'
|
||||
+ '<div class="pb-row"><span class="pb-size">' + b.size + '</span></div>';
|
||||
const btn = document.createElement('button');
|
||||
btn.className = 'btn small sec';
|
||||
|
||||
@@ -227,7 +227,7 @@ textarea{resize:vertical;font:inherit}
|
||||
/* ── member back-office shell ─────────────────────────── */
|
||||
.bo-body{background:var(--ground)}
|
||||
.bo{display:grid;grid-template-columns:236px 1fr;min-height:100vh}
|
||||
.bo-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;
|
||||
.bo-side{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:22px;
|
||||
padding:22px 16px;background:rgba(10,18,15,.92);border-right:1px solid var(--line)}
|
||||
.bo-side .logo{font-size:19px;padding:0 8px}
|
||||
.bo-menu{display:flex;flex-direction:column;gap:4px}
|
||||
|
||||
|
Before Width: | Height: | Size: 69 KiB After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 93 KiB After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 113 KiB |
@@ -5,7 +5,7 @@
|
||||
<title>Member area | InstantAdPay</title>
|
||||
<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="stylesheet" href="/assets/site.css?v=20260908a">
|
||||
<link rel="stylesheet" href="/assets/site.css?v=20260908e">
|
||||
</head>
|
||||
<body class="bo-body">
|
||||
|
||||
@@ -687,7 +687,7 @@
|
||||
</div>
|
||||
<script src="/assets/common.js?v=20260908c"></script>
|
||||
<script src="/assets/wallet.js?v=20260907q"></script>
|
||||
<script src="/assets/my.js?v=20260908b"></script>
|
||||
<script src="/assets/my.js?v=20260908e"></script>
|
||||
<script src="/assets/chat.js?v=20260907l"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||