From 8a12bd84ef1ce564414e7b5d191e61362c4d5920 Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@profullstack.com>
Date: Wed, 21 Oct 2026 06:36:17 +0000
Subject: [PATCH] No ads on the homepage; low-profile text-link ads elsewhere

- Homepage: removed the ad.network 300x250 iframe unit (the ad.network meta verification tag in app/page.jsx stays).
- Blog: the one logged-out unit (and its no-JS <noscript> twin, which never renders alongside it) is now a 40px full-width text_link frame with an 8px margin instead of a centred 300x250.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/app/blog/BlogAd.jsx  | 14 +++++++-------
 src/app/blog/layout.jsx  | 13 ++++++-------
 src/app/home-content.jsx | 26 --------------------------
 3 files changed, 13 insertions(+), 40 deletions(-)

diff --git a/src/app/blog/BlogAd.jsx b/src/app/blog/BlogAd.jsx
index 774c7d79..50987f99 100644
--- a/src/app/blog/BlogAd.jsx
+++ b/src/app/blog/BlogAd.jsx
@@ -3,7 +3,8 @@
 import { useEffect, useState } from 'react';
 import { useAuthStore } from '@/lib/stores/auth.js';
 
-// CrawlProof banner for logged-out visitors on /blog/*.
+// CrawlProof text_link line (one thin 40px row with its own "Sponsored" mark)
+// for logged-out visitors on /blog/*.
 //
 // qrypt.chat deliberately loads NO third-party JavaScript for ads: instead of
 // the data-cp-ad + ad.js snippet, the ad is a plain cross-origin <iframe>
@@ -17,7 +18,7 @@ import { useAuthStore } from '@/lib/stores/auth.js';
 // a signed-in user. Visitors with JS disabled get the <noscript> iframe in the
 // blog layout instead.
 const AD_SLOT = '4a5b5f93-ebd9-4d02-b927-05544fdeb81e';
-const AD_FORMAT = 'banner_300x250';
+const AD_FORMAT = 'text_link';
 const AD_SRC = `https://crawlproof.com/api/ads/frame?slot=${AD_SLOT}&format=${AD_FORMAT}`;
 
 export default function BlogAd() {
@@ -32,16 +33,15 @@ export default function BlogAd() {
   if (!mounted || loading || user) return null;
 
   return (
-    <div className="container" style={{ maxWidth: '48rem', margin: '0 auto', padding: '1.5rem 0', display: 'flex', justifyContent: 'center' }}>
+    <div className="container" style={{ maxWidth: '48rem', margin: '8px auto' }}>
       <iframe
         src={AD_SRC}
-        title="Advertisement"
-        width={300}
-        height={250}
+        title="Sponsored"
+        height={40}
         scrolling="no"
         loading="lazy"
         referrerPolicy="no-referrer-when-downgrade"
-        style={{ border: 0, width: 300, height: 250, maxWidth: '100%' }}
+        style={{ border: 0, width: '100%', height: 40, display: 'block' }}
       />
     </div>
   );
diff --git a/src/app/blog/layout.jsx b/src/app/blog/layout.jsx
index 01ae8c62..7d44c774 100644
--- a/src/app/blog/layout.jsx
+++ b/src/app/blog/layout.jsx
@@ -1,14 +1,14 @@
 import BlogAd from './BlogAd.jsx';
 
 const AD_SLOT = '4a5b5f93-ebd9-4d02-b927-05544fdeb81e';
-const AD_FORMAT = 'banner_300x250';
-const AD_WRAP = { maxWidth: '48rem', margin: '0 auto', padding: '1.5rem 0', display: 'flex', justifyContent: 'center' };
+const AD_FORMAT = 'text_link';
+const AD_WRAP = { maxWidth: '48rem', margin: '8px auto' };
 
 export default function BlogLayout({ children }) {
   return (
     <>
       {/* Top of the blog content, never at the bottom against the footer. */}
-      {/* Primary: standard CrawlProof snippet via ad.js, logged-out visitors only. */}
+      {/* Primary: a text_link frame, logged-out visitors only. */}
       <BlogAd />
       {/* No-JS fallback — renders only when JavaScript is disabled (e.g. Tor
           Safest mode / .onion). A plain cross-origin iframe that renders and is
@@ -18,11 +18,10 @@ export default function BlogLayout({ children }) {
         <div className="container" style={AD_WRAP}>
           <iframe
             src={`https://crawlproof.com/api/ads/frame?slot=${AD_SLOT}&format=${AD_FORMAT}`}
-            title="Advertisement"
-            width={300}
-            height={250}
+            title="Sponsored"
+            height={40}
             scrolling="no"
-            style={{ border: 0, width: 300, height: 250, maxWidth: '100%' }}
+            style={{ border: 0, width: '100%', height: 40, display: 'block' }}
           />
         </div>
       </noscript>
diff --git a/src/app/home-content.jsx b/src/app/home-content.jsx
index 1708cb1e..4897e912 100644
--- a/src/app/home-content.jsx
+++ b/src/app/home-content.jsx
@@ -6,13 +6,6 @@ import { useI18n } from '@/lib/hooks/useI18n.js';
 
 const INSTALL_CMD = 'curl -fsSL https://qrypt.chat/install.sh | sh';
 
-// qrypt.chat's ad.network listing (a CrawlProof slot). Like the blog's BlogAd,
-// a plain cross-origin <iframe> to CrawlProof's server-rendered ad: no
-// third-party JavaScript runs in this page.
-const AD_NETWORK_CODE = 'LifRx90nnLMtBYAw';
-const AD_SLOT = 'db16349c-888d-4f7a-b04e-1a4bf1afcb57';
-const AD_FORMAT = 'banner_300x250';
-
 export default function HomeContent() {
   const { t } = useI18n();
   const [copied, setCopied] = useState(false);
@@ -58,25 +51,6 @@ export default function HomeContent() {
         </div>
       </div>
 
-      <aside
-        data-ad-network={AD_NETWORK_CODE}
-        data-cp-ad=""
-        data-slot={AD_SLOT}
-        data-format={AD_FORMAT}
-        className="container"
-        style={{ display: 'flex', justifyContent: 'center', padding: '1.5rem 0' }}
-      >
-        <iframe
-          src={`https://crawlproof.com/api/ads/frame?slot=${AD_SLOT}&format=${AD_FORMAT}`}
-          title="Advertisement"
-          width={300}
-          height={250}
-          scrolling="no"
-          loading="lazy"
-          style={{ border: 0, width: 300, height: 250, maxWidth: '100%' }}
-        />
-      </aside>
-
       <section className="features">
         <div className="container">
           <div className="section-header">