<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AIOA spArkHAT — Human-Gated Agentic Resilience</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: system-ui, -apple-system, sans-serif;
background: #0b0b0f;
color: #e0e0e0;
line-height: 1.7;
}
.container { max-width: 880px; margin: 0 auto; padding: 2rem 1.5rem; }
header { text-align: center; padding: 3rem 0 1.5rem; }
h1 { font-size: 1.8rem; color: #ffffff; margin-bottom: 0.5rem; }
.subtitle { color: #888; font-size: 0.95rem; margin-bottom: 1.5rem; }
.hero-img { width: 100%; max-width: 560px; display: block; margin: 0 auto 2rem; border-radius: 8px; }
section { margin-bottom: 2.5rem; }
h2 { font-size: 1.2rem; color: #a0c4ff; margin-bottom: 0.75rem; border-bottom: 1px solid #222; padding-bottom: 0.3rem; }
ul { list-style: none; padding-left: 0.25rem; }
ul li { position: relative; padding-left: 1.2rem; margin-bottom: 0.35rem; }
ul li::before { content: "▸"; position: absolute; left: 0; color: #5b8dff; }
.panel {
background: #13131a;
border: 1px solid #1e1e2a;
border-radius: 8px;
padding: 1.25rem;
margin-bottom: 1rem;
}
.links-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.5rem;
}
@media (min-width: 600px) {
.links-grid { grid-template-columns: 1fr 1fr; }
}
a.btn {
display: inline-flex;
align-items: center;
gap: 0.4rem;
background: #1a1a2e;
color: #a0c4ff;
text-decoration: none;
padding: 0.6rem 1rem;
border-radius: 6px;
border: 1px solid #2a2a3e;
transition: background 0.2s;
font-size: 0.9rem;
}
a.btn:hover { background: #252540; }
.evidence-note { color: #888; font-size: 0.85rem; margin-top: 0.75rem; }
footer { text-align: center; color: #555; font-size: 0.8rem; padding: 2rem 0 3rem; }
</style>
</head>
<body>
<div class="container">
<header>
<h1>AIOA spArkHAT — Human-Gated Agentic Resilience</h1>
<p class="subtitle">Research and engineering project exploring verifiable, human-gated AI workflows.</p>
<img class="hero-img" src="https://sparkhat.eu/assets/images/projects/aioa-go24-test-pass.webp" alt="AIOA GO24 24-hour resilience test" />
</header>
<section>
<h2>What This Space Is</h2>
<ul>
<li>Public discovery/showcase page for AIOA</li>
<li>Not a hosted foundation model</li>
<li>Not a universal safety claim</li>
</ul>
</section>
<section>
<h2>Architecture Highlights</h2>
<div class="panel">
<ul>
<li>Advisory-only model output</li>
<li>Critical Prompt Loop / independent critique</li>
<li>Knowledge HAT structured context</li>
<li>Durable memory/state</li>
<li>ZERO_WRITE before authority</li>
<li>Explicit human approval</li>
<li>Controlled execution</li>
<li>Independent verification</li>
<li>Replay-safe receipt trail and crash recovery</li>
</ul>
</div>
</section>
<section>
<h2>Public Evidence</h2>
<div class="panel">
<ul>
<li><strong>GO24:</strong> 24-hour resilience test PASS in the tested configuration</li>
<li>Four public hackathon milestones: critique → durable memory → bounded action → long-running resilience</li>
</ul>
<p class="evidence-note">Public evidence applies to the tested implementation/configuration only.</p>
</div>
</section>
<section>
<h2>Public Links</h2>
<div class="links-grid">
<a class="btn" href="https://sparkhat.eu/aioa/" target="_blank" rel="noopener">Portfolio</a>
<a class="btn" href="https://sparkhat.eu/" target="_blank" rel="noopener">spArkHAT</a>
<a class="btn" href="https://github.com/luciferprosun/AOIA-Core" target="_blank" rel="noopener">GitHub Core</a>
<a class="btn" href="https://github.com/luciferprosun/Memory-Patch-for-AIOA-Hackathon-CockroachDB" target="_blank" rel="noopener">Memory Patch Repo</a>
<a class="btn" href="https://devpost.com/tonystarrkarc" target="_blank" rel="noopener">Devpost</a>
<a class="btn" href="https://youtu.be/ABJijoNKmYM" target="_blank" rel="noopener">GO24 Demo (YouTube)</a>
</div>
</section>
<footer>
<p>AIOA spArkHAT — Human-Gated Agentic Resilience</p>
</footer>
</div>
</body>
</html>