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>

public/assets/my.js

@@ -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');

public/assets/promo.js

@@ -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');

public/assets/site.css

@@ -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}