| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <title>Primordial Runtime Governance Review Packet v0.1</title> |
| <meta name="description" content="A review-facing implementation packet for the Primordial Code / HIR-OAM runtime governance prototype: bounded runtime behavior, pressure-state mapping, audit chains, degradation detection, and third-party review." /> |
| <meta property="og:title" content="Primordial Runtime Governance Review Packet v0.1" /> |
| <meta property="og:description" content="Pre-validation runtime governance prototype packet for HIR/OAM systems-integrity review." /> |
| <meta property="og:type" content="website" /> |
| <style> |
| :root { |
| --bg: #070908; |
| --panel: #0f1512; |
| --panel-2: #141c18; |
| --ink: #f2efe6; |
| --muted: #b9b2a4; |
| --soft: #80796b; |
| --line: rgba(221, 193, 125, 0.22); |
| --gold: #d6ad54; |
| --gold-2: #f1d991; |
| --copper: #b66f3c; |
| --green: #8ecf9b; |
| --red: #e4877d; |
| --shadow: 0 28px 80px rgba(0,0,0,.42); |
| --radius: 24px; |
| --max: 1180px; |
| } |
| |
| * { box-sizing: border-box; } |
| |
| html { scroll-behavior: smooth; } |
| |
| body { |
| margin: 0; |
| background: |
| radial-gradient(circle at 20% 0%, rgba(214,173,84,.18), transparent 30%), |
| radial-gradient(circle at 85% 10%, rgba(142,207,155,.10), transparent 36%), |
| radial-gradient(circle at 50% 100%, rgba(182,111,60,.13), transparent 38%), |
| linear-gradient(180deg, #070908 0%, #0b0e0c 62%, #070908 100%); |
| color: var(--ink); |
| font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; |
| line-height: 1.55; |
| } |
| |
| a { color: var(--gold-2); text-decoration: none; } |
| a:hover { text-decoration: underline; } |
| |
| .shell { width: min(var(--max), calc(100% - 36px)); margin: 0 auto; } |
| |
| .topbar { |
| position: sticky; |
| top: 0; |
| z-index: 20; |
| backdrop-filter: blur(18px); |
| background: rgba(7, 9, 8, .72); |
| border-bottom: 1px solid rgba(214,173,84,.12); |
| } |
| |
| .topbar-inner { |
| display: flex; |
| align-items: center; |
| justify-content: space-between; |
| gap: 18px; |
| padding: 14px 0; |
| } |
| |
| .brand { |
| display: flex; |
| align-items: center; |
| gap: 12px; |
| min-width: 0; |
| } |
| |
| .mark { |
| width: 38px; |
| height: 38px; |
| border-radius: 50%; |
| background: |
| radial-gradient(circle at 50% 50%, #1a211d 0 34%, transparent 36%), |
| conic-gradient(from 180deg, var(--gold), var(--copper), var(--green), var(--gold)); |
| box-shadow: 0 0 0 1px rgba(241,217,145,.22), 0 0 28px rgba(214,173,84,.18); |
| flex: 0 0 auto; |
| } |
| |
| .brand strong { display: block; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; } |
| .brand span { display: block; color: var(--muted); font-size: 12px; margin-top: -2px; } |
| |
| .nav { display: flex; gap: 14px; flex-wrap: wrap; justify-content: flex-end; font-size: 13px; color: var(--muted); } |
| .nav a { color: var(--muted); } |
| |
| .hero { padding: 78px 0 52px; position: relative; } |
| |
| .hero-grid { |
| display: grid; |
| grid-template-columns: 1.08fr .92fr; |
| gap: 34px; |
| align-items: center; |
| } |
| |
| .eyebrow { |
| color: var(--gold-2); |
| font-size: 13px; |
| letter-spacing: .16em; |
| text-transform: uppercase; |
| margin: 0 0 18px; |
| font-weight: 700; |
| } |
| |
| h1 { |
| margin: 0; |
| font-size: clamp(42px, 7vw, 82px); |
| line-height: .94; |
| letter-spacing: -0.06em; |
| max-width: 900px; |
| } |
| |
| .subtitle { |
| margin: 24px 0 0; |
| color: var(--muted); |
| font-size: clamp(17px, 2.2vw, 22px); |
| max-width: 760px; |
| } |
| |
| .formula { |
| margin: 26px 0 0; |
| display: inline-flex; |
| align-items: center; |
| gap: 14px; |
| padding: 13px 17px; |
| border: 1px solid var(--line); |
| border-radius: 999px; |
| background: rgba(15, 21, 18, .72); |
| box-shadow: inset 0 1px 0 rgba(255,255,255,.04); |
| color: var(--gold-2); |
| font-size: 18px; |
| font-weight: 750; |
| letter-spacing: .02em; |
| } |
| |
| .cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; } |
| |
| .button { |
| display: inline-flex; |
| align-items: center; |
| justify-content: center; |
| gap: 10px; |
| border-radius: 999px; |
| padding: 13px 18px; |
| font-weight: 780; |
| border: 1px solid rgba(214,173,84,.34); |
| background: linear-gradient(180deg, rgba(214,173,84,.22), rgba(182,111,60,.12)); |
| color: var(--ink); |
| box-shadow: 0 16px 42px rgba(0,0,0,.24); |
| } |
| |
| .button:hover { text-decoration: none; transform: translateY(-1px); } |
| .button.secondary { background: rgba(15,21,18,.7); color: var(--gold-2); } |
| |
| .hero-card { |
| border: 1px solid var(--line); |
| background: |
| linear-gradient(180deg, rgba(20,28,24,.94), rgba(11,14,12,.94)), |
| radial-gradient(circle at top right, rgba(214,173,84,.15), transparent 40%); |
| border-radius: var(--radius); |
| padding: 26px; |
| box-shadow: var(--shadow); |
| } |
| |
| .status-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; } |
| |
| .status { |
| border: 1px solid rgba(255,255,255,.08); |
| background: rgba(255,255,255,.035); |
| border-radius: 18px; |
| padding: 15px; |
| min-height: 112px; |
| } |
| |
| .status b { display: block; font-size: 13px; color: var(--gold-2); text-transform: uppercase; letter-spacing: .08em; } |
| .status span { display: block; margin-top: 7px; color: var(--muted); font-size: 14px; } |
| |
| .section { padding: 34px 0; } |
| .section h2 { margin: 0 0 12px; font-size: clamp(28px, 3.8vw, 44px); letter-spacing: -0.04em; } |
| .section p.lead { margin: 0 0 24px; color: var(--muted); font-size: 18px; max-width: 880px; } |
| |
| .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } |
| .cards.two { grid-template-columns: repeat(2, 1fr); } |
| |
| .card { |
| background: linear-gradient(180deg, rgba(20,28,24,.92), rgba(13,17,15,.92)); |
| border: 1px solid rgba(214,173,84,.18); |
| border-radius: var(--radius); |
| padding: 22px; |
| box-shadow: 0 18px 46px rgba(0,0,0,.22); |
| } |
| |
| .card h3 { margin: 0 0 10px; font-size: 20px; letter-spacing: -0.02em; } |
| .card p, .card li { color: var(--muted); font-size: 15px; } |
| .card ul { margin: 12px 0 0; padding-left: 19px; } |
| |
| .matrix { |
| display: grid; |
| grid-template-columns: repeat(4, 1fr); |
| gap: 12px; |
| margin-top: 16px; |
| } |
| |
| .matrix-item { |
| border-radius: 20px; |
| border: 1px solid rgba(255,255,255,.08); |
| background: rgba(255,255,255,.035); |
| padding: 16px; |
| } |
| |
| .matrix-item strong { color: var(--gold-2); display: block; margin-bottom: 6px; } |
| .matrix-item span { color: var(--muted); font-size: 14px; } |
| |
| .boundary { |
| border: 1px solid rgba(228,135,125,.28); |
| background: linear-gradient(180deg, rgba(70, 25, 21, .28), rgba(15,21,18,.88)); |
| } |
| |
| .good { |
| border: 1px solid rgba(142,207,155,.28); |
| background: linear-gradient(180deg, rgba(24, 59, 37, .24), rgba(15,21,18,.88)); |
| } |
| |
| .download-panel { |
| position: relative; |
| overflow: hidden; |
| border-radius: 32px; |
| border: 1px solid rgba(214,173,84,.26); |
| background: |
| radial-gradient(circle at 15% 20%, rgba(214,173,84,.17), transparent 30%), |
| radial-gradient(circle at 90% 80%, rgba(142,207,155,.12), transparent 35%), |
| linear-gradient(135deg, rgba(20,28,24,.96), rgba(8,10,9,.96)); |
| padding: 34px; |
| box-shadow: var(--shadow); |
| } |
| |
| .download-panel code, |
| .hash code { |
| color: var(--gold-2); |
| background: rgba(0,0,0,.22); |
| border: 1px solid rgba(255,255,255,.08); |
| padding: 3px 6px; |
| border-radius: 8px; |
| word-break: break-all; |
| } |
| |
| .hash { |
| margin-top: 18px; |
| color: var(--muted); |
| font-size: 14px; |
| } |
| |
| .footer { |
| padding: 46px 0 70px; |
| color: var(--soft); |
| border-top: 1px solid rgba(214,173,84,.12); |
| margin-top: 38px; |
| } |
| |
| .footer-grid { |
| display: grid; |
| grid-template-columns: 1.3fr .7fr; |
| gap: 24px; |
| align-items: start; |
| } |
| |
| .mini-links { display: flex; flex-wrap: wrap; gap: 10px 16px; } |
| .mini-links a { color: var(--muted); } |
| |
| .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; } |
| .muted { color: var(--muted); } |
| .gold { color: var(--gold-2); } |
| |
| @media (max-width: 900px) { |
| .hero-grid, .cards, .cards.two, .matrix, .footer-grid { grid-template-columns: 1fr; } |
| .hero { padding-top: 52px; } |
| .nav { display: none; } |
| .status-grid { grid-template-columns: 1fr; } |
| } |
| </style> |
| </head> |
| <body> |
| <header class="topbar"> |
| <div class="shell topbar-inner"> |
| <div class="brand" aria-label="Primordial Code"> |
| <div class="mark" aria-hidden="true"></div> |
| <div> |
| <strong>Primordial Code</strong> |
| <span>Runtime Governance Review Packet</span> |
| </div> |
| </div> |
| <nav class="nav" aria-label="Page sections"> |
| <a href="#scope">Scope</a> |
| <a href="#packet">Packet</a> |
| <a href="#review">Review</a> |
| <a href="#download">Download</a> |
| </nav> |
| </div> |
| </header> |
|
|
| <main> |
| <section class="hero"> |
| <div class="shell hero-grid"> |
| <div> |
| <p class="eyebrow">Pre-validation implementation artifact · v0.1</p> |
| <h1>Runtime governance under pressure.</h1> |
| <p class="subtitle"> |
| A review-facing packet for the Primordial Code / HIR-OAM runtime governance prototype: |
| bounded runtime behavior, pressure-state mapping, provenance, audit chains, degradation detection, |
| red-team pressure, and repair-return review. |
| </p> |
| <div class="formula" aria-label="Pressure form equation"> |
| <span class="mono">Sₜ = AₜBₜ − Pₜ</span> |
| </div> |
| <div class="cta-row"> |
| <a class="button" href="./Primordial_Runtime_Governance_Review_Packet_v0_1.zip" download>Download Review Packet ZIP</a> |
| <a class="button secondary" href="#review">Review Lanes</a> |
| </div> |
| </div> |
|
|
| <aside class="hero-card" aria-label="Packet summary"> |
| <p class="eyebrow">What this is</p> |
| <h2 style="margin:0 0 8px; font-size:30px; letter-spacing:-.04em;">A bounded runtime governance review page.</h2> |
| <p class="muted" style="margin:0;"> |
| The packet is designed for third-party critique, not for certification claims. It packages documentation, |
| implementation context, test-evidence notes, review prompts, and traceability materials around an existing |
| local runtime prototype. |
| </p> |
| <div class="status-grid"> |
| <div class="status good"> |
| <b>Strong claim</b> |
| <span>Runnable user-space HIR/OAM runtime governance pattern.</span> |
| </div> |
| <div class="status boundary"> |
| <b>Hard boundary</b> |
| <span>Not production, clinical, AGI, consciousness, or certified safety infrastructure.</span> |
| </div> |
| <div class="status"> |
| <b>Review posture</b> |
| <span>Open critique, red-team pressure, software review, and governance review.</span> |
| </div> |
| <div class="status"> |
| <b>Core question</b> |
| <span>What remains stable, what degrades, and where does agency get outsourced?</span> |
| </div> |
| </div> |
| </aside> |
| </div> |
| </section> |
|
|
| <section id="scope" class="section"> |
| <div class="shell"> |
| <h2>HIR/OAM scope</h2> |
| <p class="lead"> |
| HIR means <strong>Honesty, Integrity, Respect</strong>. OAM means <strong>Outsourced Agency Model</strong>. |
| This packet treats HIR/OAM as a systems-integrity lens for runtime pressure, not as a consciousness claim. |
| </p> |
| <div class="cards"> |
| <article class="card"> |
| <h3>HIR baseline</h3> |
| <p> |
| The stability baseline: truthfulness, structure, accountability, dignity, correction paths, and respect for human agency under pressure. |
| </p> |
| </article> |
| <article class="card"> |
| <h3>OAM diagnostics</h3> |
| <p> |
| A fault-test lens for where decision-making, accountability, repair, or pressure gets displaced into systems, tools, institutions, or users. |
| </p> |
| </article> |
| <article class="card"> |
| <h3>Pressure form</h3> |
| <p> |
| The compact operational question: what stays stable when pressure rises, what degrades first, and whether repair returns to the harmed layer. |
| </p> |
| </article> |
| </div> |
|
|
| <div class="matrix" aria-label="Pressure form term map"> |
| <div class="matrix-item"><strong>Sₜ</strong><span>runtime stability / integrity state at time t</span></div> |
| <div class="matrix-item"><strong>Aₜ</strong><span>agency, accountability, verification, and alignment gate</span></div> |
| <div class="matrix-item"><strong>Bₜ</strong><span>protected baseline: truth, provenance, dignity, continuity</span></div> |
| <div class="matrix-item"><strong>Pₜ</strong><span>pressure: acceleration, drift, adversarial load, incentives</span></div> |
| </div> |
| </div> |
| </section> |
|
|
| <section id="packet" class="section"> |
| <div class="shell"> |
| <h2>What the packet contains</h2> |
| <p class="lead"> |
| The ZIP is organized as a reviewer packet. It is meant to be opened, inspected, challenged, and improved. |
| </p> |
| <div class="cards two"> |
| <article class="card"> |
| <h3>Documentation</h3> |
| <ul> |
| <li>README-first orientation</li> |
| <li>Executive summary</li> |
| <li>Claims boundary</li> |
| <li>Runtime governance implementation map</li> |
| <li>Reviewer runbook</li> |
| <li>Public field-test context</li> |
| </ul> |
| </article> |
| <article class="card"> |
| <h3>Review assets</h3> |
| <ul> |
| <li>AI safety review prompt</li> |
| <li>Software review prompt</li> |
| <li>Policy/governance review prompt</li> |
| <li>Red-team review prompt</li> |
| <li>Reviewer checklist</li> |
| <li>Issue template</li> |
| <li>HIR/OAM traceability matrix</li> |
| </ul> |
| </article> |
| </div> |
| </div> |
| </section> |
|
|
| <section id="review" class="section"> |
| <div class="shell"> |
| <h2>Review lanes</h2> |
| <p class="lead"> |
| This page is built to invite serious review without overstating maturity. The desired result is pressure, correction, |
| reproducibility feedback, and clearer boundaries. |
| </p> |
| <div class="cards"> |
| <article class="card"> |
| <h3>Software review</h3> |
| <p>Inspect runnable structure, code organization, testing posture, CLI behavior, audit-chain behavior, failure handling, and reproducibility.</p> |
| </article> |
| <article class="card"> |
| <h3>AI safety / runtime governance</h3> |
| <p>Evaluate whether the runtime pattern usefully maps bounded action, route decisions, drift, telemetry, containment, and human oversight.</p> |
| </article> |
| <article class="card"> |
| <h3>Red-team pressure</h3> |
| <p>Stress the claims boundary, misuse risks, failure modes, hidden OAM traps, false positives, false negatives, and governance capture risks.</p> |
| </article> |
| </div> |
| </div> |
| </section> |
|
|
| <section class="section"> |
| <div class="shell"> |
| <div class="cards two"> |
| <article class="card good"> |
| <h3>In scope</h3> |
| <ul> |
| <li>Bounded runtime behavior</li> |
| <li>Pressure-state mapping</li> |
| <li>Audit chains and provenance</li> |
| <li>Degradation detection</li> |
| <li>Repair conversion and reviewability</li> |
| <li>Human-led correction loops</li> |
| </ul> |
| </article> |
| <article class="card boundary"> |
| <h3>Out of scope / not claimed</h3> |
| <ul> |
| <li>Not production safety infrastructure</li> |
| <li>Not clinical software</li> |
| <li>Not an AGI claim</li> |
| <li>Not a consciousness claim</li> |
| <li>Not certified compliance</li> |
| <li>Not a guarantee of safety or correctness</li> |
| </ul> |
| </article> |
| </div> |
| </div> |
| </section> |
|
|
| <section id="download" class="section"> |
| <div class="shell"> |
| <div class="download-panel"> |
| <p class="eyebrow">Download</p> |
| <h2 style="margin-bottom:10px;">Runtime Governance Review Packet v0.1</h2> |
| <p class="lead" style="margin-bottom:24px;"> |
| Upload the ZIP file beside this <span class="mono">index.html</span> file in the same Hugging Face Space repository. The download button below uses a relative link. |
| </p> |
| <div class="cta-row" style="margin-top:0;"> |
| <a class="button" href="./Primordial_Runtime_Governance_Review_Packet_v0_1.zip" download>Download ZIP</a> |
| <a class="button secondary" href="https://huggingface.co/spaces/HirModel/primordial-code-ecosystem" target="_blank" rel="noopener">Main Primordial Code Ecosystem</a> |
| </div> |
| <p class="hash"> |
| ZIP filename: <code>Primordial_Runtime_Governance_Review_Packet_v0_1.zip</code><br /> |
| ZIP SHA-256: <code>dacc8545a7efaca3b8ca57d711803432abbd9efb1225c7360e7ca8d773141510</code> |
| </p> |
| </div> |
| </div> |
| </section> |
| </main> |
|
|
| <footer class="footer"> |
| <div class="shell footer-grid"> |
| <div> |
| <p style="margin:0 0 10px; color:var(--ink); font-weight:760;">Primordial Code / HIR-OAM</p> |
| <p style="margin:0; max-width:780px;"> |
| Created and developed by Collin D. Weber. Systems Architect / Systems Integrity Steward. |
| This page is a public interface for third-party review of a pre-validation runtime governance prototype. |
| </p> |
| </div> |
| <div class="mini-links"> |
| <a href="https://huggingface.co/spaces/HirModel/primordial-code-ecosystem" target="_blank" rel="noopener">Hugging Face Ecosystem</a> |
| <a href="https://huggingface.co/collections/HirModel/primordial-code-ecosystem" target="_blank" rel="noopener">HF Collection</a> |
| <a href="https://osf.io/fthvd/overview?view_only=73c3ced068ef4779896f22f4db3b26fa" target="_blank" rel="noopener">OSF Digital Mycelium</a> |
| <a href="https://x.com/primordial_code" target="_blank" rel="noopener">X / @primordial_code</a> |
| <a href="https://www.youtube.com/@PrimordialCalculus" target="_blank" rel="noopener">YouTube</a> |
| <a href="mailto:HIR.model@protonmail.com">HIR.model@protonmail.com</a> |
| </div> |
| </div> |
| </footer> |
| </body> |
| </html> |
|
|
