Blog: add blog950/blog1750 coupons, agent field + chip rendering in grid cards

index.html

@@ -1144,6 +1144,20 @@
         .blog-card-area.area-video-scripts { background: #00ff88; }
         .blog-card-area.area-speed-run { background: #f472b6; }
         .blog-card-area.area-default { background: #a78bfa; }
+        .blog-card-chip {
+            display: inline-block;
+            background: rgba(0,245,255,0.08);
+            color: #00f5ff;
+            border: 1px solid rgba(0,245,255,0.25);
+            font-size: 0.65rem;
+            font-weight: 600;
+            padding: 2px 10px;
+            border-radius: 20px;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+            margin-bottom: 12px;
+            align-self: flex-start;
+        }
         .blog-card-date {
             font-size: 0.8rem;
             color: var(--text-muted);
@@ -2858,7 +2872,7 @@
         })();
 
         /* ── Coupon Badges ──────────────────────────────────── */
-        const COUPONS = { friends499: 499, friends950: 950, creator950: 950, friends1750: 1750, blog499: 499 };
+        const COUPONS = { friends499: 499, friends950: 950, creator950: 950, friends1750: 1750, blog499: 499, blog950: 950, blog1750: 1750 };
         const PLAN_PRICES = { trainee: 499, junior: 950, senior: 1750 };
         function centsToDollar(c) { return '$' + (c / 100).toFixed(2); }
         function updateCouponBadges() {
@@ -2912,8 +2926,11 @@
             }
 
             grid.innerHTML = pagePosts.map(function(p) {
+                var chip = p.agent ? '<span class="blog-card-chip">' + p.agent + '</span>' : '';
                 return '<a href="' + p.link + '" class="blog-card" style="text-decoration:none">' +
+                    '<span style="display:flex;gap:6px;flex-wrap:wrap;align-self:flex-start">' +
                     '<span class="blog-card-area ' + blogAreaClass(p.area) + '">' + p.area + '</span>' +
+                    chip + '</span>' +
                     '<span class="blog-card-date">' + blogFormatDate(p.date) + '</span>' +
                     '<h3>' + p.headline + '</h3>' +
                     '<p>' + p.teaser + '</p>' +