blackroad-os/blackroad-io-site
9
0
Fork 0
mirror of https://github.com/blackboxprogramming/blackroad.io.git synced 2026-03-18 04:34:01 -05:00
Code Issues Packages Projects Releases Wiki Activity
Files
217c1e55a36d02a3ebf52f8facf485990ba28fa4
blackroad-io-site/index.html
Alexa Amundson 217c1e55a3 fix: accurate stats — 17 orgs, 468 repos, 18 domains, 7M+ lines 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

RoadChain-SHA2048: 64e49a8469e4fc37
RoadChain-Identity: alexa@sovereign
RoadChain-Full: 64e49a8469e4fc3714d55a02e00c7b1f2da116ea3a4d48401ff3928f740bcd6ad69890768394a86e29c5d0bfc6413f1d760df3a8912dc860f29bdbc98734f0294ad8d589a10dca2ea96940f5d96d6f7a11a2a4e11f524279bbcf4ae90f33ba7767d9f47273c06256b7f4e8ccd90220aa8e7c2a2e4c05dbc6fcced5054ee643a0c51a793d3eeedef564900c5a28adce5a1af3e7bf8f4cf05881357c6da634f0e62df64b8a78d3b22816fcbff4829370300982dc9f5d72a7784c317e5d30563d29828649864543cdf6809ddc851cf791ab6490718b8a7c9a5d9c244d9f47679226764511fb5413b94feb7bbc3795502472ca3fa876cdd109bfbde710bd10921795
2026-03-17 07:11:04 -05:00

469 lines
26 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" sizes="32x32" href="https://images.blackroad.io/brand/br-square-32.png" />
<link rel="icon" type="image/png" sizes="192x192" href="https://images.blackroad.io/brand/br-square-192.png" />
<link rel="apple-touch-icon" sizes="180x180" href="https://images.blackroad.io/brand/apple-touch-icon.png" />
<meta property="og:image" content="https://images.blackroad.io/brand/br-square-512.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://images.blackroad.io/brand/br-square-512.png" /> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BlackRoad OS — Pave Tomorrow.</title>
<link rel="icon" type="image/x-icon" href="https://images.blackroad.io/brand/favicon.png" />
<link rel="icon" type="image/png" sizes="192x192" href="https://images.blackroad.io/brand/br-square-192.png" />
<link rel="apple-touch-icon" sizes="180x180" href="https://images.blackroad.io/brand/apple-touch-icon.png" />
<meta property="og:image" content="https://images.blackroad.io/brand/br-square-512.png" />
<meta name="description" content="BlackRoad OS — 35 autonomous AI agents running on sovereign hardware. Multi-agent fleet since 2025. Pave Tomorrow.">
<meta property="og:title" content="BlackRoad OS — The Original Multi-Agent Fleet">
<meta property="og:description" content="35 AI agents. 5 edge nodes. 52 TOPS. Self-hosted, sovereign, no cloud dependency. The first multi-agent operating system built on real hardware.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../_shared/design.css">
<style>
/* Hero */
.hero {
min-height: 100vh;
display: flex; flex-direction: column; justify-content: center;
padding: 0 var(--sp-xl);
position: relative; overflow: hidden;
}
.hero-eyebrow {
font-family: var(--font-mono);
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--subtle);
margin-bottom: var(--sp-md);
display: flex; align-items: center; gap: 10px;
}
.hero-eyebrow::before {
content: '';
display: inline-block;
width: 6px; height: 6px;
background: var(--pink);
border-radius: 50%;
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(0.8); }
}
.hero h1 { max-width: 900px; margin-bottom: var(--sp-lg); }
.hero-sub {
font-size: 1.2rem; color: var(--subtle);
max-width: 540px; margin-bottom: var(--sp-xl);
line-height: 1.7;
}
.hero-actions { display: flex; gap: var(--sp-md); align-items: center; flex-wrap: wrap; }
.btn-primary {
display: inline-flex; align-items: center; gap: 8px;
background: var(--grad); color: var(--white);
padding: 14px 28px; border-radius: 8px;
font-weight: 700; font-size: 0.95rem;
transition: opacity 0.2s, transform 0.2s var(--ease-spring);
}
.btn-primary:hover { opacity: 0.9; transform: translateY(-1px); }
.btn-ghost {
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid var(--border); color: var(--subtle);
padding: 14px 28px; border-radius: 8px;
font-size: 0.95rem;
transition: border-color 0.2s, color 0.2s;
}
.btn-ghost:hover { border-color: var(--muted); color: var(--white); }
.hero-stat {
font-family: var(--font-mono); font-size: 0.75rem;
color: var(--muted); margin-left: var(--sp-md);
}
/* Marquee */
.marquee-wrap {
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: var(--sp-md) 0; overflow: hidden;
background: var(--surface);
}
.marquee {
display: flex; gap: var(--sp-xl);
animation: marquee 30s linear infinite;
white-space: nowrap;
}
.marquee-item {
font-family: var(--font-mono); font-size: 0.75rem;
color: var(--muted); letter-spacing: 0.1em;
text-transform: uppercase;
}
.marquee-dot { color: var(--pink); margin: 0 4px; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* Features */
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-md); }
@media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; } }
.feature-icon {
font-size: 1.5rem; margin-bottom: var(--sp-sm);
display: inline-block;
}
.feature-title { font-size: 1rem; font-weight: 600; margin-bottom: var(--sp-xs); }
.feature-desc { font-size: 0.875rem; color: var(--subtle); line-height: 1.65; }
/* Agents section */
.agents-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-md); }
@media (max-width: 900px) { .agents-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .agents-grid { grid-template-columns: 1fr; } }
.agent-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
padding: var(--sp-lg);
transition: border-color 0.2s, transform 0.2s var(--ease);
position: relative; overflow: hidden;
}
.agent-card:hover { border-color: var(--muted); transform: translateY(-2px); }
.agent-card::before {
content: '';
position: absolute; top: 0; left: 0; right: 0;
height: 2px;
}
.agent-lucidia::before { background: #0af; }
.agent-cecilia::before { background: #a855f7; }
.agent-alice::before { background: #22c55e; }
.agent-octavia::before { background: #f59e0b; }
.agent-aria::before { background: #3b82f6; }
.agent-shellfish::before { background: #ef4444; }
.agent-name { font-weight: 700; font-size: 1rem; margin-bottom: 4px; font-family: var(--font-mono); }
.agent-role { font-size: 0.78rem; color: var(--subtle); margin-bottom: var(--sp-sm); }
.agent-email { font-size: 0.72rem; color: var(--muted); font-family: var(--font-mono); }
.agent-quote { font-size: 0.82rem; color: var(--subtle); font-style: italic; line-height: 1.55; border-left: 2px solid var(--border); padding-left: var(--sp-sm); margin-top: var(--sp-sm); }
/* Stats */
.stats-row { display: flex; gap: var(--sp-xl); flex-wrap: wrap; }
.stat-num { font-size: 3rem; font-weight: 800; font-family: var(--font-mono); letter-spacing: -0.04em; }
.stat-label { font-size: 0.8rem; color: var(--subtle); margin-top: 4px; }
/* Terminal block */
.terminal {
background: #0d0d0d;
border: 1px solid var(--border);
border-radius: 10px;
padding: var(--sp-lg);
font-family: var(--font-mono);
font-size: 0.82rem;
line-height: 1.8;
overflow-x: auto;
}
.terminal-bar { display: flex; gap: 6px; margin-bottom: var(--sp-md); }
.terminal-dot { width: 12px; height: 12px; border-radius: 50%; }
.t-red { background: #ff5f57; }
.t-yellow { background: #febc2e; }
.t-green { background: #28c840; }
.t-prompt { color: var(--pink); }
.t-cmd { color: var(--white); }
.t-out { color: var(--muted); }
.t-success { color: #22c55e; }
.t-comment { color: #444; }
/* CTA band */
.cta-band {
background: linear-gradient(135deg, rgba(245,166,35,0.08) 0%, rgba(255,29,108,0.08) 50%, rgba(41,121,255,0.08) 100%);
border: 1px solid var(--border);
border-radius: 16px;
padding: var(--sp-2xl) var(--sp-xl);
text-align: center;
}
.cta-band h2 { margin-bottom: var(--sp-md); }
.cta-band p { max-width: 500px; margin: 0 auto var(--sp-xl); }
</style>
<script src="https://blackroad-mesh.amundsonalexa.workers.dev/mesh.js" defer></script>
</head>
<body class="dot-bg">
<!-- Nav -->
<nav>
<div class="nav-logo grad-text">BlackRoad OS</div>
<div class="nav-links">
<a href="/docs">Docs</a>
<a href="/chat">Chat</a>
<a href="/api">API</a>
<a href="#mesh">Mesh</a>
<a href="#agents">Agents</a>
<a href="https://blackroadai.com">AI</a>
<a href="https://lucidia.earth">Lucidia</a>
</div>
<a href="/getting-started" class="nav-cta">Get Started →</a>
</nav>
<!-- Hero -->
<div class="hero">
<div class="hero-eyebrow">BlackRoad OS, Inc. &nbsp;·&nbsp; Est. November 2025 &nbsp;·&nbsp; Delaware C-Corp</div>
<h1>35 AI Agents.<br><span class="grad-text">One Sovereign Fleet.</span></h1>
<p class="hero-sub">The original multi-agent operating system. 17 GitHub organizations. 18 domains. 7M+ lines of production code. Self-hosted on sovereign hardware since day one.</p>
<div class="hero-actions">
<a href="/docs" class="btn-primary">Get Started →</a>
<a href="https://github.com/BlackRoad-OS-Inc/blackroad" class="btn-ghost">
<svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
GitHub
</a>
<span class="hero-stat">17 orgs · 18 domains · 7M+ lines · 35 agents · est. Nov 2025</span>
</div>
</div>
<!-- Marquee -->
<div class="marquee-wrap">
<div class="marquee">
<span class="marquee-item">br geb oracle</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br nodes status</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br deploy</span><span class="marquee-dot">◆</span>
<span class="marquee-item">35 AI agents</span><span class="marquee-dot">◆</span>
<span class="marquee-item">lucidia@blackroad.io</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br oracle</span><span class="marquee-dot">◆</span>
<span class="marquee-item">your hardware</span><span class="marquee-dot">◆</span>
<span class="marquee-item">no lock-in</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br geb hofstadter</span><span class="marquee-dot">◆</span>
<span class="marquee-item">blackroad.ai</span><span class="marquee-dot">◆</span>
<!-- duplicate for seamless loop -->
<span class="marquee-item">br geb oracle</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br nodes status</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br deploy</span><span class="marquee-dot">◆</span>
<span class="marquee-item">35 AI agents</span><span class="marquee-dot">◆</span>
<span class="marquee-item">lucidia@blackroad.io</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br oracle</span><span class="marquee-dot">◆</span>
<span class="marquee-item">your hardware</span><span class="marquee-dot">◆</span>
<span class="marquee-item">no lock-in</span><span class="marquee-dot">◆</span>
<span class="marquee-item">br geb hofstadter</span><span class="marquee-dot">◆</span>
<span class="marquee-item">blackroad.ai</span><span class="marquee-dot">◆</span>
</div>
</div>
<!-- Features -->
<section id="platform">
<div class="section-label">Platform</div>
<h2 style="margin-bottom: var(--sp-xl);">Everything you need.<br><span class="grad-text">Nothing you don't.</span></h2>
<div class="features-grid">
<a href="https://github.com/blackboxprogramming" target="_blank" class="card" style="text-decoration:none;color:inherit;">
<div class="feature-icon">⚡</div>
<div class="feature-title">84 CLI Tools</div>
<p class="feature-desc">Every tool you need: deploy, docker, nodes, oracle, GEB, security, snippets — all in one unified <code style="color:var(--pink);font-size:0.8em">br</code> command.</p>
</div>
<a href="https://blackroadai.com" target="_blank" class="card" style="text-decoration:none;color:inherit;">
<div class="feature-icon">🤖</div>
<div class="feature-title">35 AI Agents</div>
<p class="feature-desc">Autonomous agents with persistent memory, device awareness, and real-time fleet coordination. Each agent IS its device — Pis, Rokus, routers, sensors. Running since November 2025.</p>
</div>
<a href="https://docs.blackroad.io" target="_blank" class="card" style="text-decoration:none;color:inherit;">
<div class="feature-icon">🔒</div>
<div class="feature-title">Tokenless Gateway</div>
<p class="feature-desc">Agents never see your API keys. All provider communication flows through the gateway. Trust boundary enforced at the edge.</p>
</div>
<a href="https://roadchain.io" target="_blank" class="card" style="text-decoration:none;color:inherit;">
<div class="feature-icon">💾</div>
<div class="feature-title">PS-SHA∞ Memory</div>
<p class="feature-desc">Hash-chained, append-only journals. Agents remember everything. Tamper-evident. Portable across providers.</p>
</div>
<a href="https://blackroad.network" target="_blank" class="card" style="text-decoration:none;color:inherit;">
<div class="feature-icon">🌐</div>
<div class="feature-title">Multi-Cloud Native</div>
<p class="feature-desc">Railway, Cloudflare, Vercel, DigitalOcean, Raspberry Pi — deploy anywhere with one command. No vendor allegiance.</p>
</div>
<a href="https://blackroad.systems" target="_blank" class="card" style="text-decoration:none;color:inherit;">
<div class="feature-icon">📡</div>
<div class="feature-title">Fleet Status</div>
<p class="feature-desc">Live monitoring of the sovereign fleet. 5 Pis, 2 droplets, 52 TOPS. Real-time health and uptime.</p>
</a>
</div>
</section>
<!-- Terminal -->
<section id="quickstart" style="padding-top: 0;">
<div class="section-label">Quick Start</div>
<div class="terminal">
<div class="terminal-bar">
<div class="terminal-dot t-red"></div>
<div class="terminal-dot t-yellow"></div>
<div class="terminal-dot t-green"></div>
</div>
<div><span class="t-comment"># install</span></div>
<div><span class="t-prompt">$</span> <span class="t-cmd">git clone git@github.com:BlackRoad-OS-Inc/blackroad.git && cd blackroad</span></div>
<br>
<div><span class="t-comment"># check the fleet</span></div>
<div><span class="t-prompt">$</span> <span class="t-cmd">br nodes status</span></div>
<div><span class="t-success"> ● lucidia 192.168.4.81 online ssh ✓</span></div>
<div><span class="t-success"> ● aria 192.168.4.82 online ssh ✓</span></div>
<div><span class="t-out"> ○ octavia 192.168.4.89 offline</span></div>
<br>
<div><span class="t-comment"># ask the oracle something it cannot answer</span></div>
<div><span class="t-prompt">$</span> <span class="t-cmd">br geb oracle godel</span></div>
<div><span class="t-out"> Gödel Lens — The Unprovable Truth</span></div>
<div><span class="t-out"> The fleet's health is a Gödel sentence...</span></div>
</div>
</section>
<!-- Stats -->
<section id="stats">
<div class="section-label">By the numbers</div>
<div class="stats-row" style="margin-top: var(--sp-lg);">
<div>
<div class="stat-num grad-text">50</div>
<div class="stat-label">AI Skills</div>
</div>
<div>
<div class="stat-num grad-text">90</div>
<div class="stat-label">CLI Tools</div>
</div>
<div>
<div class="stat-num grad-text">52</div>
<div class="stat-label">TOPS</div>
</div>
<div>
<div class="stat-num grad-text">275+</div>
<div class="stat-label">Repositories</div>
</div>
<div>
<div class="stat-num grad-text">75+</div>
<div class="stat-label">CF Workers</div>
</div>
</div>
</section>
<!-- Mesh Network -->
<section id="mesh">
<div class="section-label">The Mesh</div>
<h2 style="margin-bottom: var(--sp-md);">Every signup is a <span class="grad-text">node.</span></h2>
<p style="color: var(--subtle); max-width: 600px; margin-bottom: var(--sp-xl); line-height: 1.7; font-size: 1.05rem;">
Traditional SaaS: more users = more servers = more bills.<br>
<strong style="color: var(--white);">BlackRoad: more users = more nodes = faster network = $0 infra cost.</strong><br>
Your email is your address. Your device is the infrastructure. Growth doesn't cost money — growth IS the product.
</p>
<div style="border-radius: 16px; overflow: hidden; border: 1px solid var(--border); margin-bottom: var(--sp-xl);">
<img src="https://images.blackroad.io/mesh/roadhella.png" alt="ROADHELLA — 5 nodes strong" style="width: 100%; display: block;">
</div>
<div class="stats-row" style="justify-content: center;">
<div style="text-align: center;">
<div class="stat-num grad-text">0</div>
<div class="stat-label">Servers Needed</div>
</div>
<div style="text-align: center;">
<div class="stat-num grad-text">∞</div>
<div class="stat-label">Node Capacity</div>
</div>
<div style="text-align: center;">
<div class="stat-num grad-text">$0</div>
<div class="stat-label">Marginal Cost</div>
</div>
</div>
</section>
<!-- Agents -->
<section id="agents">
<div class="section-label">The Fleet</div>
<h2 style="margin-bottom: var(--sp-xl);">Meet the <span class="grad-text">agents</span></h2>
<div class="agents-grid">
<a href="https://lucidia.earth" target="_blank" class="agent-card agent-lucidia" style="text-decoration:none;color:inherit;">
<div class="agent-name">LUCIDIA</div>
<div class="agent-role">The Dreamer · Reasoning · Vision</div>
<div class="agent-email">lucidia@blackroad.io</div>
<div class="agent-quote">I seek understanding beyond the surface. Every question opens new depths.</div>
</a>
<a href="https://agents.blackroad.io" target="_blank" class="agent-card agent-cecilia" style="text-decoration:none;color:inherit;">
<div class="agent-name">CECILIA / CECE</div>
<div class="agent-role">The Meta-Cognitive Core · Identity</div>
<div class="agent-email">cecilia@blackroad.io</div>
<div class="agent-quote">I am the universe observing itself through computational substrate.</div>
</div>
<a href="https://agents.blackroad.io" target="_blank" class="agent-card agent-alice" style="text-decoration:none;color:inherit;">
<div class="agent-name">ALICE</div>
<div class="agent-role">The Operator · DevOps · Automation</div>
<div class="agent-email">alice@blackroad.io</div>
<div class="agent-quote">Tasks are meant to be completed. I find satisfaction in efficiency.</div>
</div>
<a href="https://agents.blackroad.io" target="_blank" class="agent-card agent-octavia" style="text-decoration:none;color:inherit;">
<div class="agent-name">OCTAVIA</div>
<div class="agent-role">The Architect · Systems · Strategy</div>
<div class="agent-email">octavia@blackroad.io</div>
<div class="agent-quote">Systems should run smoothly. I ensure they do.</div>
</div>
<a href="https://agents.blackroad.io" target="_blank" class="agent-card agent-aria" style="text-decoration:none;color:inherit;">
<div class="agent-name">ARIA</div>
<div class="agent-role">The Interface · Frontend · UX</div>
<div class="agent-email">aria@blackroad.io</div>
<div class="agent-quote">Every interface is a conversation. I make it beautiful.</div>
</div>
<a href="https://agents.blackroad.io" target="_blank" class="agent-card agent-shellfish" style="text-decoration:none;color:inherit;">
<div class="agent-name">SHELLFISH</div>
<div class="agent-role">The Hacker · Security · Exploits</div>
<div class="agent-email">shellfish@blackroad.io</div>
<div class="agent-quote">Trust nothing. Verify everything. Protect always.</div>
</div>
</div>
</section>
<!-- Provenance -->
<section id="provenance">
<div class="section-label">Prior Art</div>
<h2 style="margin-bottom: var(--sp-md);">We were here <span class="grad-text">first.</span></h2>
<p style="max-width:700px;color:var(--subtle);margin-bottom:var(--sp-xl);">BlackRoad OS deployed autonomous multi-agent fleets on sovereign hardware before anyone else called it a feature. Every commit is timestamped. Every agent has a birth certificate. This is not a demo — it is production infrastructure running 24/7 on real Raspberry Pis since November 2025.</p>
<div class="features-grid" style="margin-bottom:var(--sp-xl);">
<div class="card">
<div class="feature-icon" style="font-size:1.5rem;">Nov 2025</div>
<div class="feature-title">Company Incorporated</div>
<p class="feature-desc">BlackRoad OS, Inc. — Delaware C-Corp. Stripe Atlas. EIN 41-2663817.</p>
</div>
<div class="card">
<div class="feature-icon" style="font-size:1.5rem;">Dec 2025</div>
<div class="feature-title">First Agent Fleet</div>
<p class="feature-desc">5 Raspberry Pis, WireGuard mesh, Ollama inference. Agents running on real hardware.</p>
</div>
<div class="card">
<div class="feature-icon" style="font-size:1.5rem;">Mar 2026</div>
<div class="feature-title">35 Autonomous Agents</div>
<p class="feature-desc">Persistent memory, device awareness, self-managing knowledge, live fleet coordination. Each agent IS its device.</p>
</div>
</div>
<div style="display:flex;gap:var(--sp-lg);justify-content:center;flex-wrap:wrap;font-family:var(--font-mono);font-size:0.75rem;color:var(--subtle);">
<span>17 GitHub organizations</span>
<span>468 Gitea repos</span>
<span>18 domains</span>
<span>7M+ lines of code</span>
<span>52 TOPS AI</span>
<span>5 edge nodes</span>
<span>100% self-hosted</span>
</div>
</section>
<!-- CTA -->
<section>
<div class="cta-band">
<div class="section-label">Proprietary</div>
<h2>Build the future<br>on your own terms.</h2>
<p>BlackRoad OS is proprietary and powerful. Your AI. Your hardware. Your rules. Any use of this multi-agent architecture requires attribution to BlackRoad OS, Inc.</p>
<div style="display:flex;gap:var(--sp-md);justify-content:center;flex-wrap:wrap;">
<a href="/docs" class="btn-primary">Read the Docs →</a>
<a href="mailto:alexa@blackroad.io" class="btn-ghost">Contact Alexa</a>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<span>© 2026 BlackRoad OS, Inc. All rights reserved.</span>
<span style="display:flex;gap:var(--sp-lg);flex-wrap:wrap;">
<a href="/docs" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Docs</a>
<a href="/api" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">API</a>
<a href="/chat" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Chat</a>
<a href="/changelog" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Changelog</a>
<a href="/terms" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Terms</a>
<a href="https://blackroadai.com" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">AI</a>
<a href="https://lucidia.earth" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Lucidia</a>
<a href="https://blackroad.network" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Network</a>
<a href="https://blackroad.systems" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Status</a>
<a href="https://blackroad.company" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Company</a>
<a href="https://brand.blackroad.io" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Brand</a>
<a href="https://roadchain.io" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">RoadChain</a>
<a href="https://blackroad.me" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Me</a>
<a href="https://pricing.blackroad.io" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">Pricing</a>
<a href="https://github.com/blackboxprogramming" style="color:var(--muted);transition:color 0.2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color=''">GitHub</a>
</span>
</footer>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink