openskynet-space / index.html
Darochin's picture
Update index.html
c30fc23 verified
Raw
History Blame Contribute Delete
13.8 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>OpenSkynet</title>
<style>
:root {
--bg: #08111d;
--bg2: #0e1726;
--panel: rgba(14, 23, 38, 0.82);
--text: #e7eef8;
--muted: #99abc4;
--line: #22334c;
--blue: #60a5fa;
--green: #4ade80;
--amber: #f59e0b;
--shadow: 0 22px 80px rgba(0, 0, 0, 0.35);
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: var(--text);
background:
radial-gradient(circle at 15% 10%, rgba(96,165,250,.18), transparent 26%),
radial-gradient(circle at 85% 0%, rgba(74,222,128,.12), transparent 28%),
linear-gradient(180deg, var(--bg2) 0%, var(--bg) 65%);
line-height: 1.55;
}
.wrap { max-width: 1180px; margin: 0 auto; padding: 28px 20px 90px; }
.nav {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
margin-bottom: 22px;
color: var(--muted);
font-size: 14px;
}
.brand { font-weight: 800; color: var(--text); letter-spacing: .02em; }
.navlinks { display: flex; flex-wrap: wrap; gap: 10px; }
.navlinks a {
text-decoration: none;
color: var(--text);
border: 1px solid var(--line);
background: rgba(255,255,255,.03);
padding: 10px 14px;
border-radius: 12px;
}
.hero {
padding: 36px;
border-radius: 28px;
border: 1px solid var(--line);
background: linear-gradient(180deg, rgba(12,19,31,.92), rgba(8,14,24,.96));
box-shadow: var(--shadow);
}
.eyebrow {
display: inline-block;
padding: 7px 11px;
border: 1px solid rgba(96,165,250,.26);
border-radius: 999px;
color: #c9defd;
background: rgba(96,165,250,.10);
font-size: 13px;
margin-bottom: 12px;
}
.hero-layout {
display: grid;
grid-template-columns: 1.02fr .98fr;
gap: 24px;
align-items: center;
}
.project {
font-size: clamp(40px, 8vw, 76px);
line-height: 0.95;
margin: 0 0 10px;
letter-spacing: -0.05em;
}
.headline {
font-size: clamp(24px, 3.6vw, 36px);
line-height: 1.08;
margin: 0 0 14px;
letter-spacing: -0.03em;
max-width: 880px;
}
.lead {
max-width: 780px;
color: var(--muted);
font-size: 18px;
margin: 0 0 22px;
}
.cta { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
.btn {
text-decoration: none;
color: white;
padding: 14px 18px;
border-radius: 14px;
font-weight: 800;
border: 1px solid transparent;
box-shadow: 0 12px 30px rgba(0,0,0,.18);
transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.btn:hover { transform: translateY(-1px); opacity: .96; }
.btn.primary { background: linear-gradient(90deg, #2563eb, #1d4ed8); }
.btn.secondary { background: linear-gradient(90deg, #0f766e, #0f9f77); }
.btn.ghost {
color: var(--text);
background: rgba(255,255,255,.04);
border-color: #34507a;
box-shadow: none;
}
.value {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
margin-top: 18px;
}
.pill {
padding: 14px;
border: 1px solid var(--line);
background: rgba(255,255,255,.03);
border-radius: 16px;
}
.pill strong { display: block; margin-bottom: 4px; }
.hero-visual {
padding: 14px;
border: 1px solid var(--line);
border-radius: 22px;
background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
min-height: 360px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.hero-visual img {
width: 100%;
max-width: 560px;
height: auto;
display: block;
border-radius: 18px;
border: 1px solid rgba(255,255,255,.06);
box-shadow: 0 18px 40px rgba(0,0,0,.28);
}
.section {
margin-top: 28px;
padding: 28px;
border-radius: 24px;
border: 1px solid var(--line);
background: var(--panel);
}
.section h2 {
margin: 0 0 10px;
font-size: 24px;
letter-spacing: -0.03em;
}
.section p { margin: 0; color: var(--muted); max-width: 860px; }
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 16px;
margin-top: 18px;
}
.card {
padding: 18px;
border-radius: 18px;
border: 1px solid var(--line);
background: rgba(255,255,255,.025);
}
.card h3 { margin: 0 0 8px; font-size: 19px; }
.card p { margin: 0; color: var(--muted); }
.stack {
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 16px;
margin-top: 18px;
}
.panel {
padding: 20px;
border-radius: 18px;
border: 1px solid var(--line);
background: rgba(8,14,24,.5);
}
.flow { display: grid; gap: 12px; margin-top: 12px; }
.node {
padding: 14px 16px;
border-radius: 16px;
border: 1px solid var(--line);
background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.node span { display: block; color: var(--muted); font-size: 14px; margin-top: 4px; }
.arrow { text-align: center; color: var(--blue); font-size: 20px; }
.links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
margin-top: 16px;
}
.linkbox {
padding: 16px;
border-radius: 16px;
border: 1px solid var(--line);
background: rgba(255,255,255,.02);
}
.linkbox a { color: #bfdbfe; text-decoration: none; font-weight: 700; }
.linkbox p { margin: 6px 0 0; color: var(--muted); font-size: 14px; }
.warning {
margin-top: 18px;
padding: 14px 16px;
border-left: 3px solid var(--amber);
background: rgba(245,158,11,.08);
border-radius: 12px;
color: #fde68a;
}
.footer { margin-top: 24px; color: var(--muted); font-size: 14px; }
code { color: #bbf7d0; }
@media (max-width: 980px) {
.hero-layout, .stack { grid-template-columns: 1fr; }
.hero { padding: 26px; }
.hero-visual { min-height: 240px; }
.hero-visual img { max-width: 100%; }
}
</style>
</head>
<body>
<div class="wrap">
<div class="nav">
<div class="brand">OpenSkynet</div>
<div class="navlinks">
<a href="https://github.com/skynet-omega/openskynet" target="_blank" rel="noreferrer">GitHub</a>
<a href="https://huggingface.co/Darochin/openskynet" target="_blank" rel="noreferrer">HF Mirror</a>
<a href="https://github.com/skynet-omega/openskynet/tree/main/src/skynet" target="_blank" rel="noreferrer">Brain Lab</a>
</div>
</div>
<section class="hero">
<div class="hero-layout">
<div>
<div class="eyebrow">Installable experimental agent runtime</div>
<h1 class="project">OpenSkynet</h1>
<h2 class="headline">An installable experimental agent runtime derived from OpenClaw, but evolving into its own more structured and more “alive” line.</h2>
<p class="lead">OpenSkynet can be installed on a normal machine and used as an experimental agent runtime. It started from the OpenClaw line, but it now diverges through its own Omega layer, living internal state, executive recovery, policy structure, and a separate Skynet Brain Lab for more radical cognitive substrates.</p>
<div class="cta">
<a class="btn primary" href="https://github.com/skynet-omega/openskynet" target="_blank" rel="noreferrer">Install from GitHub</a>
<a class="btn secondary" href="https://github.com/skynet-omega/openskynet/tree/main/src/omega" target="_blank" rel="noreferrer">Explore Omega</a>
<a class="btn ghost" href="https://github.com/skynet-omega/openskynet/tree/main/src/skynet/experiments" target="_blank" rel="noreferrer">Open Brain Lab</a>
</div>
<div class="value">
<div class="pill"><strong>What it is</strong>An installable experimental agent runtime.</div>
<div class="pill"><strong>Where it came from</strong>A divergent line built from OpenClaw, not just a renamed copy.</div>
<div class="pill"><strong>What makes it distinct</strong>Omega, living runtime state, executive continuity, and a Brain Lab beyond standard LLM architecture.</div>
</div>
</div>
<div class="hero-visual">
<img src="./banner.png" alt="OpenSkynet banner" />
</div>
</div>
</section>
<section class="section">
<h2>Why this is different</h2>
<div class="grid">
<article class="card">
<h3>Installable on a normal machine</h3>
<p>This is not just a paper concept or a hosted demo. OpenSkynet is an agent/runtime project you can clone, install, and run on your own machine.</p>
</article>
<article class="card">
<h3>More than a fork label</h3>
<p>OpenSkynet began from the OpenClaw line, but it diverges through its own structure: Omega as internal experimental line, runtime authority, living memory, wake policy, drives, and metabolism.</p>
</article>
<article class="card">
<h3>Brain Lab for stranger ideas</h3>
<p><code>src/skynet</code> is where new substrates, organs, biphasic dynamics, geometric quantization, and future cognitive architectures are explored without forcing them into the runtime too early.</p>
</article>
</div>
</section>
<section class="section">
<h2>Architecture snapshot</h2>
<div class="stack">
<div class="panel">
<p>Current structure, kept explicit:</p>
<div class="flow">
<div class="node"><strong>OpenSkynet</strong><span>Installable runtime, tools, primary agent substrate, continuity, and operational memory.</span></div>
<div class="arrow"></div>
<div class="node"><strong>Omega</strong><span>Runtime authority, living memory, world model, wake policy, drives, metabolism, and executive recovery.</span></div>
<div class="arrow"></div>
<div class="node"><strong>Skynet Brain Lab</strong><span>Separate line for new cognitive substrates. Discoveries move upward only after empirical validation.</span></div>
</div>
</div>
<div class="panel">
<p>What this lets you inspect:</p>
<div class="flow">
<div class="node"><strong>Operational autonomy</strong><span>How the agent/runtime behaves as a system.</span></div>
<div class="node"><strong>Internal structure</strong><span>How Omega organizes memory, policy, and recovery.</span></div>
<div class="node"><strong>Future brains</strong><span>How the Brain Lab searches for architectures beyond standard LLMs.</span></div>
</div>
</div>
</div>
<div class="warning">This project is experimental. It optimizes for frontier functionality and architectural exploration, not production-grade safety or enterprise hardening.</div>
</section>
<section class="section">
<h2>What you can inspect now</h2>
<div class="links">
<div class="linkbox">
<a href="https://github.com/skynet-omega/openskynet/blob/main/README.md" target="_blank" rel="noreferrer">README</a>
<p>Overview, installation, mirrors, contact, and project direction.</p>
</div>
<div class="linkbox">
<a href="https://github.com/skynet-omega/openskynet/tree/main/src/omega" target="_blank" rel="noreferrer">src/omega</a>
<p>The operational experimental kernel line inside the platform.</p>
</div>
<div class="linkbox">
<a href="https://github.com/skynet-omega/openskynet/tree/main/src/skynet" target="_blank" rel="noreferrer">src/skynet</a>
<p>The separate Brain Lab line for new substrates, architectures, and experiments.</p>
</div>
<div class="linkbox">
<a href="https://github.com/skynet-omega/openskynet/tree/main/src/skynet/experiments" target="_blank" rel="noreferrer">src/skynet/experiments</a>
<p>The historical and active experiment tree: EX, EXPERIMENTOS, experimentos, and current probes.</p>
</div>
</div>
</section>
<section class="section">
<h2>Start here</h2>
<div class="grid">
<article class="card">
<h3>If you want to install it</h3>
<p>Start with <code>README.md</code>. The repo is public and meant to be cloned and run on your own machine as an experimental agent/runtime.</p>
</article>
<article class="card">
<h3>If you want the runtime spine</h3>
<p>Go to <code>src/omega</code>. That is where the internal structure of the agent/runtime is most visible.</p>
</article>
<article class="card">
<h3>If you want the radical path</h3>
<p>Go to <code>src/skynet</code> and the Brain Lab experiments if you care about searching for architectures beyond standard LLMs.</p>
</article>
</div>
<div class="footer">Contact: <a href="mailto:gonzalo_daroch@hotmail.com" style="color:#bfdbfe;text-decoration:none;">gonzalo_daroch@hotmail.com</a></div>
</section>
</div>
</body>
</html>