| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"/> |
| <meta name="viewport" content="width=device-width, initial-scale=1"/> |
| <title>Compute Runtime Architecture Stack</title> |
| <meta name="description" content="HIR/OAM compute and runtime architecture map."/> |
| <style> |
| :root{ |
| --bg:#060711;--bg2:#101127;--ink:#f7f4ff;--muted:#cbc2e8;--dim:#9187aa; |
| --purple:#a05cff;--indigo:#4c5bff;--cyan:#70e8ff;--gold:#ffd27a;--green:#7dffad;--red:#ff6b8a;--yellow:#ffe07a; |
| --line:rgba(203,177,255,.22);--line2:rgba(112,232,255,.32);--radius:26px;--shadow:0 28px 100px rgba(0,0,0,.46); |
| } |
| *{box-sizing:border-box} |
| html{scroll-behavior:smooth} |
| body{ |
| margin:0;color:var(--ink); |
| font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; |
| line-height:1.55;min-height:100vh;overflow-x:hidden; |
| background: |
| radial-gradient(circle at 18% 0%,rgba(160,92,255,.30),transparent 29rem), |
| radial-gradient(circle at 86% 12%,rgba(112,232,255,.20),transparent 28rem), |
| radial-gradient(circle at 50% 92%,rgba(255,210,122,.10),transparent 36rem), |
| linear-gradient(135deg,var(--bg),var(--bg2) 56%,#050611); |
| } |
| .gridbg,.scan,.core{position:fixed;inset:0;pointer-events:none} |
| .gridbg{opacity:.14;background: |
| linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.13) 49px,transparent 50px), |
| linear-gradient(0deg,transparent 0 48px,rgba(255,255,255,.10) 49px,transparent 50px); |
| background-size:50px 50px;mask-image:linear-gradient(to bottom,transparent,black 13%,black 82%,transparent)} |
| .scan:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(112,232,255,.055) 10px,transparent 11px);opacity:.45} |
| .core:before,.core:after{content:"";position:absolute;width:44vw;height:44vw;border:1px solid rgba(112,232,255,.18);border-radius:50%;top:-18vw;right:-12vw;box-shadow:0 0 110px rgba(112,232,255,.08)} |
| .core:after{border-color:rgba(160,92,255,.22);top:50vh;left:-25vw;right:auto} |
| .wrap{width:min(1160px,calc(100% - 34px));margin:0 auto;position:relative} |
| header{padding:76px 0 38px} |
| .kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);background:rgba(255,255,255,.075);border-radius:999px;padding:9px 13px;color:#dff9ff;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:850;backdrop-filter:blur(14px)} |
| .dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 25px var(--cyan)} |
| h1{font-size:clamp(40px,7.2vw,88px);line-height:.94;letter-spacing:-.07em;margin:24px 0 18px;max-width:1100px} |
| h1 span{background:linear-gradient(90deg,#fff,var(--cyan),var(--purple),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent} |
| .sub{font-size:clamp(17px,2.1vw,23px);color:var(--muted);max-width:1000px;margin:0} |
| .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px} |
| .btn{color:var(--ink);text-decoration:none;border:1px solid rgba(112,232,255,.28);background:linear-gradient(135deg,rgba(112,232,255,.13),rgba(160,92,255,.16));padding:12px 16px;border-radius:15px;font-weight:850;box-shadow:0 16px 50px rgba(0,0,0,.22)} |
| .btn.secondary{background:rgba(255,255,255,.055);color:var(--muted)} |
| nav{position:sticky;top:0;z-index:20;background:rgba(6,7,17,.74);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)} |
| nav .wrap{display:flex;gap:8px;overflow:auto;padding:11px 0} |
| nav a{white-space:nowrap;text-decoration:none;color:var(--muted);border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);padding:8px 11px;border-radius:999px;font-size:13px} |
| section{padding:52px 0} |
| h2{font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.045em;margin:0 0 10px} |
| .lead{color:var(--muted);max-width:930px;font-size:17px;margin:0 0 22px} |
| .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} |
| @media(max-width:920px){.grid{grid-template-columns:repeat(2,1fr)}} |
| @media(max-width:650px){.grid{grid-template-columns:1fr}} |
| .card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.088),rgba(255,255,255,.038));border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden} |
| .card:before,.panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--accent,var(--cyan)),transparent);opacity:.8} |
| .icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)} |
| .top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px} |
| .pill{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 8px;color:var(--dim);background:rgba(0,0,0,.18)} |
| .ok{color:var(--green);border-color:rgba(125,255,173,.35)} .warn{color:var(--yellow);border-color:rgba(255,224,122,.35)} .stop{color:var(--red);border-color:rgba(255,107,138,.35)} |
| h3{font-size:21px;line-height:1.14;margin:0 0 8px;letter-spacing:-.02em} |
| p{color:var(--muted)} |
| .card p{font-size:14.5px;margin:0} |
| .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px} |
| .tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid rgba(255,255,255,.12);padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.045)} |
| .split{display:grid;grid-template-columns:1fr 1fr;gap:16px} |
| @media(max-width:820px){.split{grid-template-columns:1fr}} |
| .equation{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid rgba(112,232,255,.22);background:rgba(0,0,0,.26);border-left:4px solid var(--cyan);border-radius:18px;padding:16px;color:#eaffff;overflow:auto;margin:12px 0;white-space:pre-wrap} |
| .notice{border:1px solid rgba(255,210,122,.32);border-left:5px solid var(--gold);background:rgba(255,210,122,.09);border-radius:0 24px 24px 0;padding:22px} |
| .danger{border:1px solid rgba(255,107,138,.32);border-left:5px solid var(--red);background:rgba(255,107,138,.09);border-radius:0 24px 24px 0;padding:22px} |
| .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} |
| .links a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:850;border:1px solid rgba(255,255,255,.14);padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06)} |
| footer{padding:34px 0 70px;color:var(--dim);border-top:1px solid rgba(255,255,255,.14);margin-top:30px} |
| footer a{color:var(--cyan)} |
| </style> |
| </head> |
| <body> |
| <div class="gridbg"></div><div class="scan"></div><div class="core"></div> |
|
|
| <header class="wrap"> |
| <div class="kicker"><span class="dot"></span> Compute / CPU-GPU-SPU / RAM · Runtime architecture</div> |
| <h1>Integrity is not a value sticker. <span>It is a runtime contract.</span></h1> |
| <p class="sub">A public HIR/OAM compute architecture map for user-space runtime gates, audit chains, memory gates, CPU/GPU/SPU role separation, and bounded interface contracts.</p> |
| <div class="actions"> |
| <a class="btn" href="#architecture">Explore architecture</a> |
| <a class="btn secondary" href="#proof">Runtime evidence</a> |
| <a class="btn secondary" href="https://huggingface.co/spaces/HirModel/primordial-code-ecosystem" target="_blank" rel="noopener">Parent hub</a> |
| </div> |
| </header> |
|
|
| <nav> |
| <div class="wrap"> |
| <a href="#architecture">Architecture</a> |
| <a href="#proof">Prototype</a> |
| <a href="#roles">Compute roles</a> |
| <a href="#files">Packet files</a> |
| <a href="#boundary">Boundary</a> |
| </div> |
| </nav> |
|
|
| <main> |
| <section class="wrap" id="architecture"> |
| <h2>Runtime architecture branch</h2> |
| <p class="lead">This branch maps how HIR/OAM can become software-facing structure: HIR scoring, OAM fault detection, safety gates, audit logging, memory gates, CLI execution, and reviewable runtime outputs.</p> |
| <div class="grid"> |
| <article class="card" style="--accent:#70e8ff"><div class="top"><div class="icon">⚙️</div><span class="pill ok">Runtime</span></div><h3>User-space prototype</h3><p>Runnable Python runtime demonstrating HIR × OAM concepts without claiming to be a bootable OS or kernel.</p><div class="tags"><span class="tag">Python</span><span class="tag">prototype</span></div></article> |
| <article class="card" style="--accent:#7dffad"><div class="top"><div class="icon">🟢</div><span class="pill ok">Gate</span></div><h3>GREEN / YELLOW / RED</h3><p>Pressure-adjusted HIR/OAM state can produce reviewable gate states, not clinical or legal determinations.</p><div class="tags"><span class="tag">gate</span><span class="tag">pressure</span></div></article> |
| <article class="card" style="--accent:#ffd27a"><div class="top"><div class="icon">📜</div><span class="pill warn">Audit</span></div><h3>Hash-chain audit</h3><p>Audit events are designed to preserve reviewability, tamper evidence, and provenance discipline.</p><div class="tags"><span class="tag">audit</span><span class="tag">provenance</span></div></article> |
| <article class="card" style="--accent:#a05cff"><div class="top"><div class="icon">🧠</div><span class="pill warn">RAM</span></div><h3>Memory gate</h3><p>Memory is framed as bounded, consent-aware, revocable, and audit-visible rather than an invisible capture layer.</p><div class="tags"><span class="tag">RAM</span><span class="tag">consent</span></div></article> |
| <article class="card" style="--accent:#4c5bff"><div class="top"><div class="icon">💎</div><span class="pill">Kernel</span></div><h3>Diamond bridge</h3><p>Formal runtime foundation and compact kernel bridge connect pressure-form equations to implementation boundaries.</p><div class="tags"><span class="tag">diamond</span><span class="tag">kernel</span></div></article> |
| <article class="card" style="--accent:#ff6b8a"><div class="top"><div class="icon">⛔</div><span class="pill stop">Boundary</span></div><h3>No false authority</h3><p>Runtime outputs remain architecture states, not validated decisions, diagnosis, treatment, legal conclusions, or compliance authority.</p><div class="tags"><span class="tag">limits</span><span class="tag">review</span></div></article> |
| </div> |
| </section> |
|
|
| <section class="wrap" id="proof"> |
| <h2>Prototype evidence lane</h2> |
| <div class="notice"> |
| <p><strong>Main source target:</strong> <code>Primordial_OS_Runtime_Prototype_v0.13.1_Terminology_Integrity_Patch.zip</code></p> |
| <p>The runtime packet contains source code, tests, examples, audit-log demo material, release documentation, limitation boundaries, and manifest metadata. This Space is a public landing map that points reviewers toward that evidence packet.</p> |
| </div> |
| </section> |
|
|
| <section class="wrap" id="roles"> |
| <h2>Compute role separation</h2> |
| <div class="split"> |
| <div class="panel"> |
| <h3>Deterministic gate lane</h3> |
| <div class="equation">CPU / SPU style role: |
| canonical checks |
| gate decisions |
| audit-chain writes |
| hash verification |
| interface-contract enforcement |
| fail-closed behavior where required</div> |
| </div> |
| <div class="panel"> |
| <h3>Parallel analysis lane</h3> |
| <div class="equation">GPU style role: |
| parallel scoring |
| scenario simulation |
| pattern search |
| large batch evaluation |
| non-authoritative support |
| must not override gate authority</div> |
| </div> |
| </div> |
| </section> |
|
|
| <section class="wrap" id="files"> |
| <h2>Packet files</h2> |
| <p class="lead">Upload all files in this packet to the Space root. The app file is <code>index.html</code>.</p> |
| <div class="panel"> |
| <div class="equation">Primary source/search target: |
| Primordial_OS_Runtime_Prototype_v0.13.1_Terminology_Integrity_Patch.zip |
|
|
| Secondary source/search target: |
| Primordial_Code_Digital_Mycelium_v0.3.4.6-2-4_Formal_Runtime_Foundation_Diamond_Bridge_Addendum.zip |
|
|
| Included review docs: |
| runtime_README.md |
| runtime_WHAT_THIS_PROVES.md |
| runtime_WHAT_THIS_DOES_NOT_PROVE.md |
| runtime_LIMITATIONS.md |
| runtime_MANIFEST.json</div> |
| </div> |
| </section> |
|
|
| <section class="wrap" id="boundary"> |
| <h2>Boundary</h2> |
| <div class="danger"> |
| <p><strong>This is pre-validation architecture and a public review prototype.</strong></p> |
| <p>It is not a bootable operating system, not a kernel, not production safety software, not clinical software, not a medical device, not legal software, not security certification, not compliance certification, and not a validated decision authority.</p> |
| <p>GREEN / YELLOW / RED outputs are architectural states only. They must not be treated as clinical, legal, employment, financial, policing, safety, or compliance determinations.</p> |
| <p><strong>Structural correspondence, not ontological equivalence.</strong></p> |
| </div> |
| </section> |
| </main> |
|
|
| <footer class="wrap"> |
| <strong>Compute Runtime Architecture Stack</strong><br/> |
| Created and developed by Collin D. Weber · HIR/OAM compute and runtime architecture branch.<br/> |
| Source search target: <code>Primordial_OS_Runtime_Prototype_v0.13.1_Terminology_Integrity_Patch.zip</code> |
| </footer> |
| </body> |
| </html> |
|
|
