Add /tools suite page cross-linking Macro Intelligence

New data-driven /tools page presenting the maker's tools as one suite:
Sentiments Analyzer (this) + Macro Intelligence (macro.areebalikhan.com),
so users discover the other tools. Card grid with tags, "You are here"
badge, ItemList structured data. Adds "Tools" to the site navbar, landing
nav, footer and the terminal topbar; robots.txt + sitemap include it.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

content/site_content.py

@@ -55,6 +55,37 @@ AUTHOR = {
     "site": "https://areebalikhan.com/",
 }
 
+# ---------------------------------------------------------------------------
+# TOOLS  (the maker's suite — cross-links related products for discovery + SEO)
+# Set "current": True on the tool that IS this site.
+# ---------------------------------------------------------------------------
+TOOLS = [
+    {
+        "name": "Sentiments Analyzer",
+        "kind": "Crypto sentiment & narratives",
+        "tagline": "Read the crypto market's mood in one number.",
+        "description": "Reads hundreds of crypto headlines and posts a day, scores "
+                       "sentiment 0-100, tracks trending narratives, flags manufactured "
+                       "hype and shows sentiment vs price, with an AI analyst and a "
+                       "transparent, publicly-scored track record.",
+        "tags": ["Sentiment", "Narratives", "AI analyst", "Public API"],
+        "url": "/terminal",
+        "current": True,
+    },
+    {
+        "name": "Macro Intelligence",
+        "kind": "Global macro regime & risk",
+        "tagline": "Live global macro regime & risk score.",
+        "description": "Synthesizes the dollar, interest rates, inflation, growth and "
+                       "central-bank policy into one explainable 0-100 macro score, with "
+                       "live regime classification, indicator z-scores, signal "
+                       "contributions and email alerts on regime shifts.",
+        "tags": ["Macro", "Risk score", "Regime", "Alerts"],
+        "url": "https://macro.areebalikhan.com/",
+        "current": False,
+    },
+]
+
 # ---------------------------------------------------------------------------
 # ARTICLES  (long-tail, educational, each internally links back to the product)
 # body is a list of ("h2", text) / ("p", html) / ("ul", [items]) / ("cta", None)
@@ -493,6 +524,7 @@ def _nav(path: str) -> str:
     <span class="n">SENTIMENTS <b>ANALYZER</b></span>
   </a>
   <span class="navcta">
+    <a class="link"{cls('/tools')} href="/tools">Tools</a>
     <a class="link"{cls('/articles')} href="/articles">Articles</a>
     <a class="link"{cls('/faq')} href="/faq">FAQ</a>
     <a class="link"{cls('/about')} href="/about">About</a>
@@ -508,6 +540,7 @@ def _footer() -> str:
     return f"""<footer>
   &copy; {year} {SITE_NAME}
   &nbsp;&middot;&nbsp; <a href="/">Home</a>
+  &nbsp;&middot;&nbsp; <a href="/tools">Tools</a>
   &nbsp;&middot;&nbsp; <a href="/articles">Articles</a>
   &nbsp;&middot;&nbsp; <a href="/faq">FAQ</a>
   &nbsp;&middot;&nbsp; <a href="/about">About</a>
@@ -561,6 +594,26 @@ nav .btn:hover{background:var(--accent2)}
 .page-head h1{font-size:32px;font-weight:800;letter-spacing:-0.5px}
 .page-head h1 .g{color:var(--accent)}
 .page-head p{color:var(--dim);font-size:15px;margin-top:12px;max-width:600px;margin-left:auto;margin-right:auto}
+/* tools suite */
+.tools{display:grid;gap:16px;margin-top:30px}
+.tool{display:block;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--border);
+  border-radius:16px;padding:24px;transition:.15s;position:relative}
+.tool:hover{border-color:rgba(232,163,61,0.45);transform:translateY(-2px)}
+.tool .kind{color:var(--accent);font-size:11px;letter-spacing:1.4px;font-weight:800;text-transform:uppercase}
+.tool h2{color:var(--white);font-size:21px;font-weight:800;margin:6px 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
+.tool .badge{font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 9px;border-radius:20px;
+  border:1px solid var(--border);color:var(--dim)}
+.tool .badge.here{color:var(--accent);border-color:rgba(232,163,61,0.4);background:rgba(232,163,61,0.08)}
+.tool .badge.live{color:var(--green);border-color:rgba(43,214,123,0.4);background:rgba(43,214,123,0.08)}
+.tool .tl2{color:#c8ccd6;font-size:14.5px;font-weight:600;margin-bottom:8px}
+.tool .desc{color:var(--dim);font-size:14px;line-height:1.7}
+.tool .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
+.tool .tags span{font-size:11.5px;color:var(--dim);background:rgba(255,255,255,0.04);
+  border:1px solid var(--border);border-radius:7px;padding:4px 10px;font-family:var(--mono)}
+.tool .go{display:inline-block;margin-top:16px;color:var(--accent);font-weight:700;font-size:13.5px}
+.tool .go:hover{color:var(--accent2)}
+:root[data-theme="light"] .tool .tl2{color:#333a45}
+:root[data-theme="light"] .tool .tags span{background:rgba(0,0,0,0.03)}
 .eyebrow{color:var(--accent);font-size:12px;letter-spacing:1.6px;font-weight:800;text-transform:uppercase}
 /* article list cards */
 .alist{display:grid;gap:14px;margin-top:30px}
@@ -928,5 +981,51 @@ def render_about(base: str) -> str:
                   body, head_extra=_jsonld(ld))
 
 
+def render_tools(base: str) -> str:
+    import json
+    cards = []
+    for t in TOOLS:
+        ext = t["url"].startswith("http")
+        attrs = ' target="_blank" rel="noopener"' if ext else ""
+        badge = ('<span class="badge here">You are here</span>' if t.get("current")
+                 else '<span class="badge live">Live</span>')
+        tags = "".join(f"<span>{escape(x)}</span>" for x in t["tags"])
+        go = ("Explore this tool &rarr;" if not t.get("current")
+              else "Open the terminal &rarr;")
+        go_href = "/terminal" if t.get("current") else t["url"]
+        cards.append(
+            f'<a class="tool" href="{escape(t["url"])}"{attrs}>'
+            f'<div class="kind">{escape(t["kind"])}</div>'
+            f'<h2>{escape(t["name"])} {badge}</h2>'
+            f'<div class="tl2">{escape(t["tagline"])}</div>'
+            f'<div class="desc">{escape(t["description"])}</div>'
+            f'<div class="tags">{tags}</div>'
+            f'<span class="go">{go}</span></a>'
+        )
+    body = (
+        '<div class="page-head">'
+        '<span class="eyebrow">The toolkit</span>'
+        '<h1>More <span class="g">market intelligence</span> tools</h1>'
+        '<p>A small suite of tools built by the same maker, each turns a complex '
+        'market signal into one clear, explainable number. Explore the others below.</p>'
+        '</div>'
+        f'<div class="tools">{"".join(cards)}</div>'
+    )
+    ld = json.dumps({
+        "@context": "https://schema.org",
+        "@type": "ItemList",
+        "itemListElement": [
+            {"@type": "ListItem", "position": i + 1, "name": t["name"],
+             "url": (t["url"] if t["url"].startswith("http") else f"{base}{t['url']}")}
+            for i, t in enumerate(TOOLS)
+        ],
+    })
+    return _shell(base, "/tools", f"Tools · {SITE_NAME}",
+                  "A suite of market-intelligence tools by Areeb Ali: Sentiments "
+                  "Analyzer for crypto sentiment & narratives, and Macro Intelligence "
+                  "for a live global macro regime & risk score.",
+                  body, head_extra=_jsonld(ld))
+
+
 def article_slugs() -> list[str]:
     return [a["slug"] for a in ARTICLES]

server.py

@@ -734,6 +734,11 @@ async def about_page(request: Request):
     return HTMLResponse(site_content.render_about(_public_base(request)))
 
 
+@app.api_route("/tools", methods=["GET", "HEAD"], response_class=HTMLResponse)
+async def tools_page(request: Request):
+    return HTMLResponse(site_content.render_tools(_public_base(request)))
+
+
 # ---------------------------------------------------------------------------
 # Auth pages + API (accounts foundation; terminal stays preview-gated for now)
 # ---------------------------------------------------------------------------
@@ -1005,6 +1010,7 @@ async def robots(request: Request):
     body = (
         "User-agent: *\n"
         "Allow: /$\n"
+        "Allow: /tools\n"
         "Allow: /articles\n"
         "Allow: /faq\n"
         "Allow: /about\n"
@@ -1028,6 +1034,8 @@ async def sitemap(request: Request):
         '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n'
         f"  <url><loc>{base}/</loc><lastmod>{today}</lastmod>"
         "<changefreq>daily</changefreq><priority>1.0</priority></url>\n"
+        f"  <url><loc>{base}/tools</loc><lastmod>{today}</lastmod>"
+        "<changefreq>monthly</changefreq><priority>0.7</priority></url>\n"
         f"  <url><loc>{base}/articles</loc><lastmod>{today}</lastmod>"
         "<changefreq>weekly</changefreq><priority>0.8</priority></url>\n"
         f"  <url><loc>{base}/faq</loc><lastmod>{today}</lastmod>"

templates/index.html

@@ -975,6 +975,7 @@ body.hint-dismissed #beginner-hint { display: none !important; }
     </span>
     <a class="tb-link" id="tb-brief" href="/signup" style="display:none;background:var(--accent);color:#0a0b0e;border-color:var(--accent);font-weight:700">&#128233; Get daily brief</a>
     <a class="tb-link" id="tb-account" href="/account" style="display:none">&#128100; Account</a>
+    <a class="tb-link" href="/tools" title="More tools">TOOLS</a>
     <a class="tb-link" href="https://areeb.instatus.com" target="_blank" title="Service status">&#9679; STATUS</a>
     <a class="tb-link" href="/terms" target="_blank">TERMS</a>
     <button class="theme-toggle" id="theme-toggle" onclick="toggleTheme()" title="Toggle light/dark" aria-label="Toggle theme">&#9789;</button>

templates/join.html

@@ -147,6 +147,7 @@ footer a{color:var(--dim)}
   </a>
   <span class="navcta">
     <a class="link" href="#how">How it works</a>
+    <a class="link" href="/tools">Tools</a>
     <a class="link" href="/articles">Articles</a>
     <a class="link" href="/faq">FAQ</a>
     <a class="link" href="/about">About</a>