From f785016cb5b7ac17627af08a3d6452ba21437b93 Mon Sep 17 00:00:00 2001
From: martbost <martybostick@gmail.com>
Date: Thu, 10 Sep 2026 06:25:58 -0500
Subject: [PATCH] Training: section headers; byline 'Brought to you by the
 Crypto Team Build Network' under every logo

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 public/admin.html       | 5 +++--
 public/assets/common.js | 2 +-
 public/assets/my.js     | 6 +++++-
 public/assets/site.css  | 5 +++++
 public/contract.html    | 4 ++--
 public/disclaimer.html  | 4 ++--
 public/index.html       | 4 ++--
 public/join.html        | 6 +++---
 public/ledger.html      | 4 ++--
 public/my.html          | 7 ++++---
 public/privacy.html     | 4 ++--
 public/shorts.html      | 2 +-
 public/terms.html       | 4 ++--
 public/tx.html          | 4 ++--
 public/view.html        | 2 +-
 public/wall.html        | 4 ++--
 16 files changed, 39 insertions(+), 28 deletions(-)

diff --git a/public/admin.html b/public/admin.html
index 6821eb8..b628532 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -6,7 +6,7 @@
 <title>Admin | 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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 <style>
   .adm-table th,.adm-table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:13.5px}
   .adm-table th{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}
@@ -79,6 +79,7 @@
 <div id="adminArea" class="bo" hidden>
   <aside class="bo-side" id="boSide">
     <a class="logo" href="/"><img src="/logo.png" alt="InstantAdPay" style="height:32px;display:block"></a>
+    <span class="byline">Brought to you by the <b>Crypto Team Build Network</b></span>
     <nav class="bo-menu" aria-label="Admin menu">
       <button data-pane="overview" class="on" type="button"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="8" height="8" rx="2"/><rect x="13" y="3" width="8" height="8" rx="2"/><rect x="3" y="13" width="8" height="8" rx="2"/><rect x="13" y="13" width="8" height="8" rx="2"/></svg>Overview</button>
       <button data-pane="house" type="button"><svg viewBox="0 0 24 24"><path d="M3 11l14-5v12L3 13v-2z"/><path d="M17 8a4 4 0 0 1 0 8M7 13v5a2 2 0 0 0 4 0v-3"/></svg>House ads</button>
@@ -280,7 +281,7 @@
   </div>
 </div>
 
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/admin.js?v=20260909d"></script>
 </body>
 </html>
diff --git a/public/assets/common.js b/public/assets/common.js
index a1010bd..acc06c4 100644
--- a/public/assets/common.js
+++ b/public/assets/common.js
@@ -27,7 +27,7 @@ window.IAP = (function () {
     const c = await getConfig();
     const nav = document.createElement('nav');
     nav.innerHTML = '<div class="wrap">'
-      + '<a class="logo" href="/"><img src="/logo.png" alt="InstantAdPay" style="height:30px;display:block"></a>'
+      + '<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">'
       + '<a href="/" data-p="home">How it works</a>'
       + '<a href="/#ladder" data-p="pricing">Ad packages</a>'
diff --git a/public/assets/my.js b/public/assets/my.js
index 9937b57..8669556 100644
--- a/public/assets/my.js
+++ b/public/assets/my.js
@@ -292,7 +292,11 @@
       const el = $('trainingList'); if (!el) return;
       const items = r.items || [];
       if (!items.length) { el.innerHTML = '<p class="muted small">Training materials are being added. Check back soon.</p>'; return; }
+      let lastGroup = null;
       el.innerHTML = items.map(it => {
+        // optional section header: entries carry a `group`; a header renders when it changes
+        let head = '';
+        if (it.group && it.group !== lastGroup) { lastGroup = it.group; head = '<h3 class="tr-group" style="margin:26px 0 6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)">' + esc(it.group) + '</h3>'; }
         const isVid = it.videoUrl && /\.(mp4|webm)(\?|$)/i.test(it.videoUrl);
         // poster: the admin list can carry one; otherwise assume a .jpg next to the .mp4 (the pipeline uploads both)
         const poster = it.posterUrl || (isVid ? it.videoUrl.replace(/\.(mp4|webm)(\?.*)?$/i, '.jpg$2') : '');
@@ -300,7 +304,7 @@
         const links = [];
         if (it.videoUrl && !isVid) links.push('<a class="btn small sec" href="' + esc(it.videoUrl) + '" target="_blank" rel="noopener">Watch</a>');
         if (it.docUrl) links.push('<a class="btn small sec" href="' + esc(it.docUrl) + '" target="_blank" rel="noopener">Open material</a>');
-        return '<div class="card"><h3>' + esc(it.title || 'Lesson') + '</h3>'
+        return head + '<div class="card"><h3>' + esc(it.title || 'Lesson') + '</h3>'
           + (it.desc ? '<p class="muted small">' + esc(it.desc) + '</p>' : '')
           + (media ? '<p style="margin:10px 0">' + media + '</p>' : '')
           + (links.length ? '<p>' + links.join(' ') + '</p>' : '') + '</div>';
diff --git a/public/assets/site.css b/public/assets/site.css
index c0d2c32..4d07245 100644
--- a/public/assets/site.css
+++ b/public/assets/site.css
@@ -31,6 +31,11 @@ nav{position:sticky;top:0;z-index:10;background:rgba(4,8,7,.7);backdrop-filter:b
 nav .wrap{display:flex;align-items:center;gap:20px;min-height:66px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
 .logo{font-family:var(--disp);font-weight:800;font-size:20px;color:var(--ink)}
 .logo b{color:var(--mint)}
+.logo-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}
+.byline{display:block;font-size:10.5px;line-height:1.2;letter-spacing:.05em;color:var(--muted);white-space:nowrap}
+.byline b{color:var(--ink);font-weight:600}
+.bo-side .byline{padding:4px 8px 10px;white-space:normal}
+@media (max-width:560px){nav .byline{font-size:9.5px}}
 nav .links{display:flex;gap:4px;flex:1;flex-wrap:wrap;background:rgba(16,28,24,.7);border:1px solid var(--line);
   border-radius:999px;padding:5px 8px;width:fit-content;flex:0 1 auto;margin:0 auto}
 nav .links a{color:var(--muted);font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:999px}
diff --git a/public/contract.html b/public/contract.html
index bf6a4f3..2eba22c 100644
--- a/public/contract.html
+++ b/public/contract.html
@@ -17,7 +17,7 @@
 <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="icon" type="image/png" href="/logo-icon.png">
-<link rel="stylesheet" href="/assets/site.css?v=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 <div class="wrap">
@@ -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>
   </footer>
 </div>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/contract.js?v=20260908p"></script>
 <script src="/assets/chat.js?v=20260906m"></script>
 </body>
diff --git a/public/disclaimer.html b/public/disclaimer.html
index 275c819..db27c9d 100644
--- a/public/disclaimer.html
+++ b/public/disclaimer.html
@@ -5,7 +5,7 @@
 <title>Disclaimer | InstantAdPay</title>
 <link rel="icon" type="image/png" href="/logo-icon.png">
 <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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 <div id="nav"></div>
@@ -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>
   </div>
 </div></section>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/legal.js?v=20260908a"></script>
 </body>
 </html>
diff --git a/public/index.html b/public/index.html
index 7abf24d..ac0cdc3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,7 @@
 <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="icon" type="image/png" href="/logo-icon.png">
-<link rel="stylesheet" href="/assets/site.css?v=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 
@@ -438,7 +438,7 @@
   </div>
 </section>
 
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/wallet.js?v=20260909c"></script>
 <script src="/assets/home.js?v=20260906m"></script>
 <script src="/assets/chat.js?v=20260906m"></script>
diff --git a/public/join.html b/public/join.html
index be30bfc..f2f1d76 100644
--- a/public/join.html
+++ b/public/join.html
@@ -6,7 +6,7 @@
 <title>You're invited | 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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 <style>
   .jn-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0}
   .jn-hero{padding:34px 0 10px;text-align:left}
@@ -40,7 +40,7 @@
 <body>
 <div class="wrap">
   <div class="jn-nav">
-    <a href="/"><img src="/logo.png" alt="InstantAdPay" style="height:34px;display:block"></a>
+    <span class="logo-wrap"><a href="/"><img src="/logo.png" alt="InstantAdPay" style="height:34px;display:block"></a><span class="byline">Brought to you by the <b>Crypto Team Build Network</b></span></span>
     <a class="small muted" href="/my">Already a member? Sign in</a>
   </div>
 
@@ -104,7 +104,7 @@
     InstantAdPay · <a href="/contract">Contract</a> · <a href="/terms">Terms</a> · <a href="/privacy">Privacy</a> · <a href="/disclaimer">Disclaimer</a>
   </div>
 </div>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/join.js?v=20260909b"></script>
 </body>
 </html>
diff --git a/public/ledger.html b/public/ledger.html
index eba94c3..b47b5f9 100644
--- a/public/ledger.html
+++ b/public/ledger.html
@@ -17,7 +17,7 @@
 <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="icon" type="image/png" href="/logo-icon.png">
-<link rel="stylesheet" href="/assets/site.css?v=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 <div class="wrap">
@@ -37,7 +37,7 @@
     <div>InstantAdPay · <a href="/">how it works</a> · <a id="contractLink" href="#" target="_blank" rel="noopener">contract source ↗</a></div>
   </footer>
 </div>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/ledger.js?v=20260906m"></script>
 <script src="/assets/chat.js?v=20260906m"></script>
 </body>
diff --git a/public/my.html b/public/my.html
index f62fcd9..fe20a54 100644
--- a/public/my.html
+++ b/public/my.html
@@ -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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body class="bo-body">
 
@@ -123,6 +123,7 @@
 <div id="memberArea" class="bo" hidden>
   <aside class="bo-side" id="boSide">
     <a class="logo" href="/"><img src="/logo.png" alt="InstantAdPay" style="height:32px;display:block"></a>
+    <span class="byline">Brought to you by the <b>Crypto Team Build Network</b></span>
     <nav class="bo-menu" aria-label="Member menu">
       <button data-pane="overview" class="on" type="button"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="8" height="8" rx="2"/><rect x="13" y="3" width="8" height="8" rx="2"/><rect x="3" y="13" width="8" height="8" rx="2"/><rect x="13" y="13" width="8" height="8" rx="2"/></svg>Overview</button>
       <button data-pane="line" type="button"><svg viewBox="0 0 24 24"><circle cx="12" cy="7" r="3.2"/><circle cx="5" cy="17" r="2.6"/><circle cx="19" cy="17" r="2.6"/><path d="M12 10v3M12 13l-5 2M12 13l5 2"/></svg>My line</button>
@@ -792,10 +793,10 @@
     </div>
   </div>
 </div>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/wallet.js?v=20260910a"></script>
 <script src="/assets/promo.js?v=20260909b"></script>
-<script src="/assets/my.js?v=20260910a"></script>
+<script src="/assets/my.js?v=20260910b"></script>
 <script src="/assets/chat.js?v=20260907l"></script>
 </body>
 </html>
diff --git a/public/privacy.html b/public/privacy.html
index a5f44e7..b3e5a25 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -5,7 +5,7 @@
 <title>Privacy Policy | InstantAdPay</title>
 <link rel="icon" type="image/png" href="/logo-icon.png">
 <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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 <div id="nav"></div>
@@ -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>
   </div>
 </div></section>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/legal.js?v=20260908a"></script>
 </body>
 </html>
diff --git a/public/shorts.html b/public/shorts.html
index c53cc89..0ed3233 100644
--- a/public/shorts.html
+++ b/public/shorts.html
@@ -5,7 +5,7 @@
 <title>Shorts | 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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 <style>
   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)}
diff --git a/public/terms.html b/public/terms.html
index e3d637d..9f3b4ad 100644
--- a/public/terms.html
+++ b/public/terms.html
@@ -5,7 +5,7 @@
 <title>Terms of Service | InstantAdPay</title>
 <link rel="icon" type="image/png" href="/logo-icon.png">
 <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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 <div id="nav"></div>
@@ -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>
   </div>
 </div></section>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/legal.js?v=20260908a"></script>
 </body>
 </html>
diff --git a/public/tx.html b/public/tx.html
index 1ec21a6..89760d0 100644
--- a/public/tx.html
+++ b/public/tx.html
@@ -5,7 +5,7 @@
 <title>Transaction | 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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 <div id="nav"></div>
@@ -34,7 +34,7 @@
     <p><a href="/ledger">← Back to the live ledger</a> · <a href="/contract">Read the contract review</a></p>
   </div>
 </section>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/tx.js?v=20260906m"></script>
 </body>
 </html>
diff --git a/public/view.html b/public/view.html
index 8fed450..eace675 100644
--- a/public/view.html
+++ b/public/view.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>Viewing ad — InstantAdPay</title>
 <link rel="icon" type="image/png" href="/logo-icon.png">
-<link rel="stylesheet" href="/assets/site.css?v=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 <style>
   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)}
diff --git a/public/wall.html b/public/wall.html
index 7362606..d283e4f 100644
--- a/public/wall.html
+++ b/public/wall.html
@@ -6,7 +6,7 @@
 <!--OG-->
 <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=20260909d">
+<link rel="stylesheet" href="/assets/site.css?v=20260910a">
 </head>
 <body>
 <div id="nav"></div>
@@ -39,7 +39,7 @@
     </div>
   </div>
 </section>
-<script src="/assets/common.js?v=20260909a"></script>
+<script src="/assets/common.js?v=20260910a"></script>
 <script src="/assets/wall.js?v=20260909b"></script>
 </body>
 </html>