144 lines
4.3 KiB
HTML
144 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="description" content="BlackRoad OS: A modern, open-source operating system. Explore features, documentation, and community resources." />
|
||
<meta name="description" content="BlackRoad OS - A browser-native operating system for AI agents, operators, and financial infrastructure" />
|
||
<title>BlackRoad OS</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<style>
|
||
:root {
|
||
--radius-pill: 999px;
|
||
--color-status-green: rgba(34, 197, 94, 0.4);
|
||
--color-status-green-light: rgba(34, 197, 94, 0.1);
|
||
--color-status-green-solid: #22c55e;
|
||
}
|
||
body {
|
||
margin: 0;
|
||
min-height: 100vh;
|
||
font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
|
||
background: radial-gradient(circle at top, #111827, #020617);
|
||
color: #e5e7eb;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.card {
|
||
padding: 2.5rem 3rem;
|
||
border-radius: 1.25rem;
|
||
background: rgba(15, 23, 42, 0.9);
|
||
backdrop-filter: blur(12px);
|
||
border: 1px solid rgba(148, 163, 184, 0.35);
|
||
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7);
|
||
max-width: 520px;
|
||
text-align: center;
|
||
}
|
||
.badge {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 0.4rem;
|
||
font-size: 0.75rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.12em;
|
||
padding: 0.25rem 0.75rem;
|
||
border-radius: var(--radius-pill);
|
||
background: rgba(34, 197, 94, 0.1);
|
||
border: 1px solid rgba(34, 197, 94, 0.4);
|
||
border-radius: 999px;
|
||
background: var(--color-status-green-light);
|
||
border: 1px solid var(--color-status-green);
|
||
color: #bbf7d0;
|
||
margin-bottom: 1.25rem;
|
||
}
|
||
.dot {
|
||
display: inline-block;
|
||
width: 0.4rem;
|
||
height: 0.4rem;
|
||
border-radius: 999px;
|
||
background: #22c55e;
|
||
box-shadow: 0 0 12px #22c55e;
|
||
}
|
||
h1 {
|
||
font-size: 2rem;
|
||
margin: 0 0 0.75rem;
|
||
}
|
||
p {
|
||
margin: 0 0 1.5rem;
|
||
color: #9ca3af;
|
||
line-height: 1.6;
|
||
}
|
||
.pill-row {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 0.5rem;
|
||
justify-content: center;
|
||
margin-bottom: 1.75rem;
|
||
}
|
||
.pill {
|
||
font-size: 0.75rem;
|
||
padding: 0.35rem 0.8rem;
|
||
border-radius: var(--radius-pill);
|
||
border: 1px solid rgba(148, 163, 184, 0.5);
|
||
background: rgba(15, 23, 42, 0.9);
|
||
}
|
||
.cta {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 0.5rem;
|
||
padding: 0.6rem 1.4rem;
|
||
border-radius: var(--radius-pill);
|
||
border: 1px solid rgba(59, 130, 246, 0.8);
|
||
background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.45), rgba(37, 99, 235, 0.2));
|
||
color: #dbeafe;
|
||
font-size: 0.9rem;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
}
|
||
.cta span.dot {
|
||
display: inline-block;
|
||
width: 0.4rem;
|
||
height: 0.4rem;
|
||
border-radius: var(--radius-pill);
|
||
background: #22c55e;
|
||
box-shadow: 0 0 12px #22c55e;
|
||
border-radius: 999px;
|
||
background: var(--color-status-green-solid);
|
||
box-shadow: 0 0 12px var(--color-status-green-solid);
|
||
}
|
||
.footnote {
|
||
margin-top: 1rem;
|
||
font-size: 0.7rem;
|
||
color: #6b7280;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<main class="card">
|
||
<div class="badge">
|
||
<div class="badge" role="status" aria-label="System status: Live">
|
||
<span class="dot"></span>
|
||
<span>BlackRoad OS • Live</span>
|
||
</div>
|
||
<h1>BlackRoad Operating System</h1>
|
||
<p>
|
||
A browser-native operating system for AI agents, operators, and financial infrastructure.
|
||
This is the live kernel shell while services come online behind it.
|
||
</p>
|
||
<div class="pill-row">
|
||
<div class="pill">Agents</div>
|
||
<div class="pill">Prism Console</div>
|
||
<div class="pill">RoadChain</div>
|
||
<div class="pill">Lucidia</div>
|
||
</div>
|
||
<div class="cta">
|
||
<span class="dot"></span>
|
||
<span>Boot sequence: OK – Frontend online</span>
|
||
</div>
|
||
<div class="footnote">
|
||
Backend services deploy separately. This page confirms the OS is reachable.
|
||
Deeper services (API, operator, console) deploy separately. This page confirms the OS is reachable.
|
||
</div>
|
||
</main>
|
||
</body>
|
||
</html>
|