blackroad-os/blackroad-io-site
9
0
Fork 0
mirror of https://github.com/blackboxprogramming/blackroad.io.git synced 2026-03-17 23:34:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch origin/codex/add-more-tasks-to-the-backlog into main

Browse Source
This commit is contained in:
blackboxprogramming
2025-12-11 07:05:45 -06:00
parent 8eb03f8eb6 1b88b8df9d
commit 7628ce4f76
5 changed files with 140 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -9,6 +9,7 @@ This directory contains the static site served at **blackroad.io** via GitHub Pa
- `login.html` – Development login form accepting any non-empty credentials. - `login.html` – Development login form accepting any non-empty credentials.
- `chat.html` – Placeholder for the Lucidia public-facing AI chat and terminal. - `chat.html` – Placeholder for the Lucidia public-facing AI chat and terminal.
- `composer.html` – Placeholder for the Composer Playground. - `composer.html` – Placeholder for the Composer Playground.
- `dashboard.html` – Manual overview of site components and links.
- `status.html` – Manual system status page. - `status.html` – Manual system status page.
- `style.css` – Shared styling for all pages. - `style.css` – Shared styling for all pages.
- `script.js` – Client-side login handler. - `script.js` – Client-side login handler.

80
dashboard.html Normal file
View File

@@ -0,0 +1,80 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dashboard · BlackRoad</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<h1>Operations Dashboard</h1>
<nav>
<a href="index.html">Home</a>
<a href="status.html">Status</a>
<a href="login.html">Login</a>
</nav>
</header>
<main>
<section class="intro">
<p>
Quick view of BlackRoad properties and whether they are reachable. Update this
page manually until automated checks are wired in.
</p>
</section>
<section class="grid">
<article class="status-card">
<header>
<h2>Lucidia</h2>
<span class="badge badge-ok">Online</span>
</header>
<p>Public AI chat and terminal experience.</p>
<a href="https://blackroad.io/lucidia/">Open Lucidia</a>
</article>
<article class="status-card">
<header>
<h2>Guardian</h2>
<span class="badge badge-ok">Online</span>
</header>
<p>Security gateway and shielding layer.</p>
<a href="https://blackroad.io/guardian/">Open Guardian</a>
</article>
<article class="status-card">
<header>
<h2>Codex</h2>
<span class="badge badge-ok">Online</span>
</header>
<p>Documentation, memory, and reference stack.</p>
<a href="https://blackroad.io/codex/">Open Codex</a>
</article>
<article class="status-card">
<header>
<h2>Login</h2>
<span class="badge badge-ok">Online</span>
</header>
<p>Development login surface for authenticated flows.</p>
<a href="https://blackroad.io/login/">Open Login</a>
</article>
<article class="status-card">
<header>
<h2>Main Site</h2>
<span class="badge badge-ok">Online</span>
</header>
<p>BlackRoad.io landing and navigation.</p>
<a href="https://blackroad.io/">Open Main Site</a>
</article>
<article class="status-card">
<header>
<h2>Dashboard</h2>
<span class="badge badge-down">Manual</span>
</header>
<p>Currently updated by hand. Automation coming soon.</p>
<a href="https://blackroad.io/dashboard.html">Refresh Dashboard</a>
</article>
</section>
</main>
<footer>
<p>&copy; 2024 BlackRoad Inc.</p>
</footer>
</body>
</html>

6
index.html
View File

@@ -12,6 +12,7 @@
<nav> <nav>
<a href="login.html">Login</a> <a href="login.html">Login</a>
<a href="status.html">Status</a> <a href="status.html">Status</a>
<a href="dashboard.html">Dashboard</a>
</nav> </nav>
</header> </header>
<main> <main>
@@ -28,6 +29,11 @@
<p>Create and experiment with musical ideas in the browser.</p> <p>Create and experiment with musical ideas in the browser.</p>
<a href="composer.html">Launch Composer</a> <a href="composer.html">Launch Composer</a>
</section> </section>
<section class="card">
<h2>Operations Dashboard</h2>
<p>Check the status of BlackRoad properties at a glance.</p>
<a href="dashboard.html">View Dashboard</a>
</section>
</div> </div>
</main> </main>
<footer> <footer>

5
status.html
View File

@@ -9,6 +9,11 @@
<body> <body>
<header> <header>
<h1>System Status</h1> <h1>System Status</h1>
<nav>
<a href="index.html">Home</a>
<a href="dashboard.html">Dashboard</a>
<a href="login.html">Login</a>
</nav>
</header> </header>
<main> <main>
<ul class="status-list"> <ul class="status-list">

48
style.css
View File

@@ -125,6 +125,54 @@ form button:hover {
color: var(--down-color); color: var(--down-color);
} }
.intro {
margin: 1rem 0;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
margin: 1rem 0;
}
.status-card {
background: #ffffff;
padding: 1rem;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.status-card header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.5rem;
}
.badge {
padding: 0.35rem 0.65rem;
border-radius: 999px;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
}
.badge-ok {
background: rgba(46, 204, 113, 0.1);
color: var(--ok-color);
border: 1px solid var(--ok-color);
}
.badge-down {
background: rgba(231, 76, 60, 0.1);
color: var(--down-color);
border: 1px solid var(--down-color);
}
footer { footer {
text-align: center; text-align: center;
} }