comms / index.html
ftrtemis's picture
Deploy: Comms platform showcase v1.0
69f5f9c verified
Raw
History Blame Contribute Delete
3.72 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>COMMS β€” AI Node Communication Platform</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{background:#06090f;color:#c9d1d9;font-family:'Segoe UI',system-ui,sans-serif;
min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}
.hero{text-align:center;margin-bottom:48px}
.title{font-size:2.4rem;font-weight:800;letter-spacing:.06em;
background:linear-gradient(90deg,#58a6ff,#7ee8fa,#a5f3fc);
-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub{font-size:1rem;color:#8b949e;margin-top:10px;max-width:560px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;width:100%;max-width:900px;margin-bottom:48px}
.card{background:#0d1117;border:1px solid #1e3a5f;border-radius:8px;padding:24px}
.card h3{color:#58a6ff;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.card p{font-size:.88rem;color:#8b949e;line-height:1.6}
.arch{width:100%;max-width:700px;background:#0d1117;border:1px solid #1e3a5f;
border-radius:8px;padding:28px;font-family:'Cascadia Code',monospace;font-size:.82rem;color:#58a6ff}
.arch pre{white-space:pre;color:#c9d1d9}
.badge{display:inline-block;background:#1e3a5f;color:#58a6ff;border-radius:4px;
padding:2px 8px;font-size:.75rem;margin:2px}
</style>
</head>
<body>
<div class="hero">
<div class="title">COMMS</div>
<div class="sub">AI-coordinated node-to-node encrypted communication platform.
Built from scratch. No third-party services. No accounts required.</div>
</div>
<div class="grid">
<div class="card">
<h3>Architecture</h3>
<p>Two independent nodes communicate over encrypted WebSocket channels.
An AI coordinator manages routing, retries, and protocol negotiation automatically.</p>
</div>
<div class="card">
<h3>AI Engine</h3>
<p>Local LLM handles intent classification, message routing decisions,
anomaly detection, and adaptive protocol selection β€” all offline, no cloud.</p>
</div>
<div class="card">
<h3>Voice Layer</h3>
<p>Real-time voice synthesis and recognition across nodes.
Whisper-based STT, Kokoro TTS, sub-200ms end-to-end latency on local hardware.</p>
</div>
<div class="card">
<h3>Stack</h3>
<p>
<span class="badge">Python</span>
<span class="badge">FastAPI</span>
<span class="badge">WebSocket</span>
<span class="badge">Whisper</span>
<span class="badge">Kokoro TTS</span>
<span class="badge">Ollama</span>
<span class="badge">asyncio</span>
</p>
</div>
</div>
<div class="arch">
<div style="color:#58a6ff;margin-bottom:12px;letter-spacing:.08em;font-size:.8rem">NODE TOPOLOGY</div>
<pre>
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ NODE A │◄───────►│ NODE B β”‚
β”‚ β”‚ WS/TLS β”‚ β”‚
β”‚ AI Coordinator β”‚ β”‚ AI Coordinator β”‚
β”‚ Voice Engine β”‚ β”‚ Voice Engine β”‚
β”‚ FastAPI :8100 β”‚ β”‚ FastAPI :8100 β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
β–² β–²
β”‚ β”‚
Client A Client B
(any device) (any device)
</pre>
</div>
<div style="margin-top:40px;color:#484f58;font-size:.8rem">
Part of the ARTEMIS ecosystem Β· ftrtemis
</div>
</body>
</html>