Five Dollar Friday bridge page, with the member's link on it

Marty's ask: use the Friday promo as a tool where the sponsor gets the credit, and as a bridge-page entry point. The sponsor part already worked (any public page + ?ref sets the sponsor cookie, 2026-09-21); what was missing was a page that is ABOUT the offer, so a click on a "20% bonus credits today" image did not land on the general pitch and leak. /friday: the banner as the hero, the live state from /api/friday (live now with today's pack count and bonus credits issued, or the next date with a countdown to midnight Central found by scanning minutes so DST cannot put it an hour out), three steps, the email-first join with a new `friday` angle so it shows as its own row in Admin > Traffic, and the credit definition. No attribution logic added: last touch, walk-up, as everywhere. Promo tools: a {{FRIDAY}} token that turns the member's invite link into /friday?ref=<username>; posts for X, Facebook and Telegram and a text that carry it; the three new banners (loft 1200x630, dark 1200x630, square 1080x1080) as a group in the kit with a copy-my-Friday-link button on it. Chatbot answer points at the page and drops the stale "first one is September 25" line. /friday in the traffic list, the sitemap and the QA public walk. Cache tags bumped on my.js, promo.js and site.css. QA member walk: 0 bugs. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-09-25 06:26:11 -05:00
parent 1b72a9a18c
commit 5b694c8ab4
11 changed files with 1391 additions and 1253 deletions
@@ -2088,6 +2088,10 @@
      bwrap.dataset.filled = '1';
      // one collapsed accordion per size / use, so the kit stays scannable as it grows
      const GROUPS = [
+        { title: 'Five Dollar Friday · share with your /friday link', friday: true, items: [
+          { file: 'iap-five-dollar-friday-v2-1200x630.jpg', size: '1200×630 · Five Dollar Friday · loft, Central-time window' },
+          { file: 'iap-five-dollar-friday-dark-1200x630.jpg', size: '1200×630 · Five Dollar Friday · dark studio' },
+          { file: 'iap-five-dollar-friday-v2-1080x1080.jpg', size: '1080×1080 · Five Dollar Friday · square for Instagram and feeds' } ] },
        { title: '1200×630 · social posts, link previews, Daily News covers', items: [
          { file: 'iap-hero-1200x630.png', size: '1200×630 · hero · advertise and earn' },
          { file: 'iap-advertise-earn-1200x630.jpg', size: '1200×630 · advertise and earn instantly, locked in code' },
@@ -2135,6 +2139,19 @@
        det.className = 'pb-acc';
        det.innerHTML = '<summary><span>' + esc(g.title) + '</span><span class="pb-count">' + g.items.length + (g.items.length === 1 ? ' banner' : ' banners') + '</span></summary><div class="pb-grid"></div>';
        const grid = det.querySelector('.pb-grid');
+        if (g.friday) {
+          // the bridge page with this member's referral: any public page + ?ref sets the sponsor cookie
+          const inv = (document.getElementById('inviteLine') || {}).textContent || '';
+          const fl = inv.replace(/\/join\/([^/?#]+).*$/, '/friday?ref=$1');
+          const note = document.createElement('div');
+          note.className = 'pb-note';
+          note.innerHTML = '<span>Post any of these with your Five Dollar Friday link: <b class="mono"></b></span>';
+          note.querySelector('b').textContent = fl;
+          const cp = document.createElement('button'); cp.className = 'btn small'; cp.textContent = 'Copy my Friday link';
+          cp.addEventListener('click', async () => { try { await navigator.clipboard.writeText(fl); IAP.status('Friday link copied.', 'ok'); } catch (e) { IAP.status('Copy failed.', 'bad'); } });
+          note.appendChild(cp);
+          grid.before(note);
+        }
        for (const b of g.items) {
          const url = location.origin + '/banners/' + b.file;
          const d = document.createElement('div');
@@ -8,9 +8,15 @@ window.IAPPromo = (function () {
  const esc = s => String(s == null ? '' : s).replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
  const status = (m, c) => (window.IAP && IAP.status) ? IAP.status(m, c) : console.log(m);
  const angleLink = (link, angle) => angle ? link + '?v=' + angle : link;
+  // The Five Dollar Friday bridge page with the member's referral: /friday?ref=<username>. Any
+  // public page plus ?ref sets the same sponsor cookie as the invite link (viral links, 2026-09-21).
+  const fridayLink = link => link.replace(/\/join\/([^/?#]+).*$/, '/friday?ref=$1');

  // ── social posts ──
  const POSTS = [
+    { net: 'X', label: 'X · Five Dollar Friday', text: 'Five Dollar Friday on InstantAdPay: any ad package from $5 up earns 20% bonus credits, every Friday, Central time. The pack pays the sponsor line in the same transaction, on a public ledger. Free to join: {{FRIDAY}}' },
+    { net: 'Facebook', label: 'Facebook · Five Dollar Friday', text: 'Every Friday I point people at this. Any ad package from $5 up gets 20% extra credits on InstantAdPay, added the second the purchase settles, no code, nothing to claim. And every pack pays the sponsor line in the same blockchain transaction, so there is no pending anything. It runs midnight to midnight Central. Free to join by email: {{FRIDAY}}' },
+    { net: 'Telegram', label: 'Telegram or WhatsApp group · Five Dollar Friday', text: 'Quick one for the group: Five Dollar Friday on InstantAdPay. Any ad package from $5 up earns 20% bonus credits today (Central time, until midnight). The page shows whether it is live right now: {{FRIDAY}}' },
    { net: 'X', label: 'X · Five Dollar Friday', text: 'Five Dollar Friday on InstantAdPay: every Friday, any ad package from $5 earns +20% bonus credits, and every pack pays its sponsor line in the same on-chain transaction. The whole network buys on the same day. Join free and line yours up: {{LINK}}' },
    { net: 'Telegram', label: 'Telegram or WhatsApp · Five Dollar Friday', text: 'Reminder for the group: tomorrow is Five Dollar Friday on InstantAdPay. Any pack from $5 up earns +20% credits, and your pack pays your sponsor line the second it settles. Everyone pushes on the same day, and every line gets paid at once. Free to join: {{LINK}}' },
    { net: 'X', label: 'X · instant payout', text: 'No withdraw button. A smart contract on Polygon splits every ad package the second it sells: 50% to the sponsor, 20% to level 2, 10% to level 3. Lands in your own wallet. Watch the ledger move: {{LINK:instant}}' },
@@ -25,6 +31,7 @@ window.IAPPromo = (function () {

  // ── text a friend (SMS-sized) ──
  const TEXTS = [
+    { angle: 'friday', title: '"Five Dollar Friday"', text: 'Heads up: Fridays on InstantAdPay any ad package from $5 up gets 20% bonus credits, Central time. Page tells you if it is live right now: {{FRIDAY}}' },
    { angle: '', title: '"Thought of you"', text: 'Hey, found an ad platform where the commission lands in your wallet the second someone buys. No pending, no withdraw button. Free to look: {{LINK}}' },
    { angle: 'instant', title: '"Before the page reloads"', text: 'Random thought. What if your commission showed up before the thank-you page finished loading? That is literally how this works: {{LINK:instant}}' },
    { angle: 'adspend', title: '"You buy ads anyway"', text: 'You already buy traffic. This one pays your line every time someone in it buys ads, same transaction, on Polygon. Two-minute look: {{LINK:adspend}}' },
@@ -55,7 +62,7 @@ window.IAPPromo = (function () {
  ];

  function fillLink(text, link) {
-    return text.replace(/\{\{LINK(?::([a-z]+))?\}\}/g, (m, a) => angleLink(link, a));
+    return text.replace(/\{\{FRIDAY\}\}/g, fridayLink(link)).replace(/\{\{LINK(?::([a-z]+))?\}\}/g, (m, a) => angleLink(link, a));
  }
  function copyBtn(text, label) {
    const b = document.createElement('button');
@@ -317,6 +317,8 @@ textarea{resize:vertical;font:inherit}
 }
 /* ── promo banners ── */
 .promo-banners{display:flex;flex-direction:column;gap:10px;margin-top:12px}
+.pb-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:10px 16px 12px;font-size:13.5px;color:var(--muted);border-bottom:1px solid var(--line)}
+.pb-note b.mono{color:var(--ink);font-family:var(--mono);font-size:12.5px;word-break:break-all}
 .pb-acc{margin:0}
 .pb-acc>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:14.5px}
 .pb-acc>summary::before{content:none}
@@ -0,0 +1,110 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Five Dollar Friday: 20% bonus credits on every $5+ ad package | InstantAdPay</title>
+<meta name="description" content="Every Friday (US Central time), any InstantAdPay ad package from $5 up earns 20% bonus credits the moment it settles. Every pack pays its sponsor line in the same transaction. Join free by email.">
+<meta name="theme-color" content="#043b2f">
+<meta property="og:type" content="website"><meta property="og:site_name" content="InstantAdPay">
+<meta property="og:title" content="Five Dollar Friday: 20% bonus credits on every $5+ ad package">
+<meta property="og:description" content="Every Friday, US Central time, midnight to midnight. Any ad package from $5 up earns 20% bonus credits, added the moment the purchase settles. Join free by email.">
+<meta property="og:image" content="https://instantadpay.com/banners/iap-five-dollar-friday-v2-1200x630.jpg">
+<meta property="og:url" content="https://instantadpay.com/friday">
+<meta name="twitter:card" content="summary_large_image">
+<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=20260912b">
+<style>
+  .fr{max-width:860px}
+  .fr .hero{padding:44px 0 10px}
+  .fr-banner{display:block;width:100%;max-width:860px;border-radius:16px;border:1px solid var(--line);margin:18px 0 14px}
+  .fr-state{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(67,232,195,.06);margin:0 0 26px;font-size:15px}
+  .fr-state.live{border-color:rgba(255,178,56,.55);background:rgba(255,178,56,.09)}
+  .fr-tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--mint);color:#04120e}
+  .fr-state.live .fr-tag{background:#ffb238}
+  .fr-state b{font-family:var(--disp)}
+  .fr-num{font-family:var(--mono);font-variant-numeric:tabular-nums}
+  .fr-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:8px 0 26px}
+  .fr-step{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:rgba(255,255,255,.02)}
+  .fr-step .n{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--mint);text-transform:uppercase}
+  .fr-step h3{font-family:var(--disp);font-size:17px;margin:6px 0 6px}
+  .fr-step p{margin:0;font-size:14.5px;color:var(--muted)}
+  .fr-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 30px}
+  .fr-cta .btn.big{font-size:17px;padding:14px 22px}
+  .fr-rule{border-left:4px solid var(--mint);background:rgba(67,232,195,.07);padding:14px 18px;border-radius:0 12px 12px 0;margin:0 0 22px;font-size:14.5px}
+  .fr-share{border:1px dashed var(--line);border-radius:14px;padding:16px 18px;margin:0 0 30px;font-size:14.5px;color:var(--muted)}
+  .fr-share b{color:var(--ink)}
+</style>
+</head>
+<body>
+<div class="wrap fr">
+  <section class="hero">
+    <p class="eyebrow">Every Friday · US Central time · midnight to midnight</p>
+    <h1>Five Dollar Friday: <em>20% bonus credits</em> on every $5+ ad package.</h1>
+    <p class="lead">Buy any InstantAdPay ad package from $5 up on a Friday and 20% extra credits land the moment the purchase settles. No code, nothing to claim. And like every pack, it pays the sponsor line in the same transaction.</p>
+  </section>
+
+  <img class="fr-banner" src="/banners/iap-five-dollar-friday-v2-1200x630.jpg" alt="Five Dollar Friday: 20% bonus credits on every $5+ ad package. Fridays 12:00 AM to 11:59 PM US Central time." width="1200" height="630">
+
+  <div class="fr-state" id="frState"><span class="fr-tag">Checking</span><span>Loading today’s status…</span></div>
+
+  <div class="fr-cta">
+    <a class="btn big" id="frJoin" href="/join?v=friday">Join free by email</a>
+    <a class="btn sec" href="/my#buy">Already a member? Get your pack</a>
+  </div>
+
+  <div class="fr-steps">
+    <div class="fr-step"><div class="n">Step 1</div><h3>Join free, by email.</h3><p>Email first, wallet later, inside your account. Nothing to install to look around.</p></div>
+    <div class="fr-step"><div class="n">Step 2</div><h3>Buy any pack from $5 on a Friday.</h3><p>Central time, midnight to midnight. The 20% bonus is added to your credits the moment the purchase settles, and labelled in your credit log.</p></div>
+    <div class="fr-step"><div class="n">Step 3</div><h3>Your pack pays the line above you. Theirs pays you.</h3><p>Every package is one Polygon transaction that splits to the sponsor line instantly. Public ledger, nothing held, nothing pending.</p></div>
+  </div>
+
+  <div class="fr-rule"><b>What a credit is.</b> One credit is one cent of ad delivery across the network: banners, text ads, video, verified visits, solo ads and more. Credits are not money and cannot be withdrawn. They buy advertising for your own offers. The POL the contract pays to wallets is separate and comes only from packages bought in your line.</div>
+
+  <div class="fr-share" id="frShare"><b>Members: this page is your Friday promo tool.</b> Add <span class="fr-num">?ref=yourusername</span> to this address and anyone who joins from it is your referral, the same as your invite link. Banners, ready-made posts and your exact link are in <a href="/my#promo">Promo tools</a>.</div>
+
+  <p class="muted small" style="margin-top:10px">No income is guaranteed. Results depend on your effort. Cryptocurrency involves risk of loss. InstantAdPay sells advertising; it is not an investment product.</p>
+  <footer>
+    <div>InstantAdPay · <a href="/">Home</a> · <a href="/ledger">Live ledger</a> · <a href="/earning">How earning works</a></div>
+    <div class="small">Advertising services with a performance referral program. Not an investment product; no income guarantees.</div>
+  </footer>
+</div>
+<script>
+(function () {
+  var el = document.getElementById('frState');
+  function n(x) { return Number(x || 0).toLocaleString('en-US'); }
+  // the minute (Central) when the next Friday starts, found by scanning rather than assumed,
+  // so daylight-saving changes cannot put the countdown an hour out
+  function startsAt(dayKey) {
+    var now = Date.now();
+    for (var m = 0; m < 8 * 1440; m++) {
+      var t = now + m * 60000;
+      var d = new Date(t).toLocaleDateString('en-CA', { timeZone: 'America/Chicago' });
+      if (d === dayKey) return t;
+    }
+    return null;
+  }
+  function render(f) {
+    if (!f || !f.on) { el.innerHTML = '<span class="fr-tag">Paused</span><span>Five Dollar Friday is not running right now. Join free and you will hear when it is back.</span>'; return; }
+    if (f.live) {
+      var t = f.today || {};
+      el.className = 'fr-state live';
+      el.innerHTML = '<span class="fr-tag">Live now</span><span><b>It is Five Dollar Friday.</b> Bonus runs until midnight Central.</span>'
+        + '<span><span class="fr-num">' + n(t.packs) + '</span> pack' + (t.packs === 1 ? '' : 's') + ' so far today</span>'
+        + '<span><span class="fr-num">' + n(t.bonusCredits) + '</span> bonus credits issued</span>';
+      return;
+    }
+    var at = f.nextFriday ? startsAt(f.nextFriday) : null;
+    var left = at ? Math.max(0, at - Date.now()) : 0;
+    var hrs = Math.floor(left / 3600000), mins = Math.floor((left % 3600000) / 60000), days = Math.floor(hrs / 24);
+    var when = at ? (days >= 1 ? days + ' day' + (days === 1 ? '' : 's') + ' ' + (hrs % 24) + 'h' : hrs + 'h ' + mins + 'm') : '';
+    el.className = 'fr-state';
+    el.innerHTML = '<span class="fr-tag">Next</span><span><b>Next Five Dollar Friday: ' + (f.nextLabel || f.nextFriday || 'soon') + '.</b> Starts at midnight Central' + (when ? ', in ' + when : '') + '.</span>'
+      + '<span>Join now so your account is ready before it starts.</span>';
+  }
+  fetch('/api/friday').then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; }).then(render);
+})();
+</script>
+<script src="/assets/common.js?v=20260923b"></script>
+</body>
+</html>