CoolFace
Apppublic

HirModel/biological-uncertainty-stack

sourceHugging Facecc-by-nc-4.0updated 5mo agoView on Hugging Face
0likes
index.html179 linesDownload Raw Back to root
1<!doctype html>2<html lang="en">3<head>4  <meta charset="utf-8"/>5  <meta name="viewport" content="width=device-width, initial-scale=1"/>6  <title>Biological Uncertainty Stack</title>7  <meta name="description" content="GRCh38 genomic uncertainty and provenance map."/>8  <style>9    :root{10      --bg:#060812;--bg2:#101629;--panel:rgba(255,255,255,.075);--ink:#f5f8ff;--muted:#c9d4ee;--dim:#8d9bbb;11      --cyan:#70e8ff;--violet:#a05cff;--gold:#ffd27a;--red:#ff6b8a;--green:#7dffad;--line:rgba(203,217,255,.20);12      --radius:26px;--shadow:0 26px 100px rgba(0,0,0,.45);13    }14    *{box-sizing:border-box}15    html{scroll-behavior:smooth}16    body{17      margin:0;color:var(--ink);18      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;19      line-height:1.55;min-height:100vh;overflow-x:hidden;20      background:21        radial-gradient(circle at 20% 0%, rgba(112,232,255,.18), transparent 28rem),22        radial-gradient(circle at 84% 10%, rgba(160,92,255,.24), transparent 28rem),23        radial-gradient(circle at 50% 92%, rgba(255,210,122,.11), transparent 34rem),24        linear-gradient(135deg,var(--bg),var(--bg2) 56%,#050611);25    }26    .gridbg,.helix,.stars{position:fixed;inset:0;pointer-events:none}27    .gridbg{opacity:.12;background:28      linear-gradient(90deg, transparent 0 48px, rgba(255,255,255,.14) 49px, transparent 50px),29      linear-gradient(0deg, transparent 0 48px, rgba(255,255,255,.10) 49px, transparent 50px);30      background-size:50px 50px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 78%,transparent)}31    .helix:before,.helix:after{content:"";position:absolute;width:85vw;height:85vw;border:1px solid rgba(112,232,255,.16);border-radius:50%;top:-28vw;right:-20vw;box-shadow:0 0 90px rgba(112,232,255,.08)}32    .helix:after{border-color:rgba(160,92,255,.18);top:42vh;left:-38vw;right:auto}33    .stars{opacity:.35;background-image:34      radial-gradient(circle at 12% 20%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),35      radial-gradient(circle at 72% 36%, rgba(255,255,255,.55) 0 1px, transparent 1.5px),36      radial-gradient(circle at 88% 76%, rgba(255,255,255,.45) 0 1px, transparent 1.5px);37      background-size:230px 180px,310px 230px,370px 260px}38    .wrap{width:min(1160px,calc(100% - 34px));margin:0 auto;position:relative}39    header{padding:76px 0 38px}40    .kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(112,232,255,.32);background:rgba(255,255,255,.075);border-radius:999px;padding:9px 13px;color:#dbf8ff;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:850;backdrop-filter:blur(14px)}41    .dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 25px var(--cyan)}42    h1{font-size:clamp(40px,7.2vw,88px);line-height:.94;letter-spacing:-.07em;margin:24px 0 18px;max-width:1050px}43    h1 span{background:linear-gradient(90deg,#fff,var(--cyan),var(--violet),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}44    .sub{font-size:clamp(17px,2.1vw,23px);color:var(--muted);max-width:990px;margin:0}45    .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}46    .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)}47    .btn.secondary{background:rgba(255,255,255,.055);color:var(--muted)}48    nav{position:sticky;top:0;z-index:20;background:rgba(6,8,18,.72);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}49    nav .wrap{display:flex;gap:8px;overflow:auto;padding:11px 0}50    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}51    section{padding:52px 0}52    h2{font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.045em;margin:0 0 10px}53    .lead{color:var(--muted);max-width:900px;font-size:17px;margin:0 0 22px}54    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}55    @media(max-width:920px){.grid{grid-template-columns:repeat(2,1fr)}}56    @media(max-width:650px){.grid{grid-template-columns:1fr}}57    .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}58    .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}59    .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)}60    .top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}61    .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)}62    .pill.ok{color:var(--green);border-color:rgba(125,255,173,.35)}63    .pill.stop{color:var(--red);border-color:rgba(255,107,138,.35)}64    h3{font-size:21px;line-height:1.14;margin:0 0 8px;letter-spacing:-.02em}65    p{color:var(--muted)}66    .card p{font-size:14.5px;margin:0}67    .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}68    .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)}69    .invariant{border:1px solid rgba(255,210,122,.30);border-left:5px solid var(--gold);background:rgba(255,210,122,.09);border-radius:0 24px 24px 0;padding:22px}70    .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}71    .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}72    .split{display:grid;grid-template-columns:1fr 1fr;gap:16px}73    @media(max-width:820px){.split{grid-template-columns:1fr}}74    .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}75    .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)}76    footer{padding:34px 0 70px;color:var(--dim);border-top:1px solid rgba(255,255,255,.14);margin-top:30px}77    footer a{color:var(--cyan)}78  </style>79</head>80<body>81<div class="gridbg"></div><div class="helix"></div><div class="stars"></div>82 83<header class="wrap">84  <div class="kicker"><span class="dot"></span> Biological Uncertainty · GRCh38 Source Layer 1</div>85  <h1>Unknown biology is not bad evidence. <span>Untrusted evidence is not biology.</span></h1>86  <p class="sub">A public HIR/OAM map for genomic uncertainty, GRCh38 reference limits, provenance gates, measurement failure, and hard blocks against hidden positive evidence.</p>87  <div class="actions">88    <a class="btn" href="#invariant">Read invariant</a>89    <a class="btn secondary" href="#map">Explore source model</a>90    <a class="btn secondary" href="https://huggingface.co/spaces/HirModel/primordial-code-ecosystem" target="_blank" rel="noopener">Parent hub</a>91  </div>92</header>93 94<nav>95  <div class="wrap">96    <a href="#invariant">Invariant</a>97    <a href="#map">GRCh38 layer</a>98    <a href="#rules">HIR rules</a>99    <a href="#roadmap">Staged ingest</a>100    <a href="#boundary">Boundary</a>101  </div>102</nav>103 104<main>105  <section class="wrap" id="invariant">106    <h2>Non-negotiable invariant</h2>107    <div class="invariant">108      <p><strong>Unknown biology may preserve possibility space. Untrusted data may invalidate the comparison. Neither may be converted into hidden positive evidence.</strong></p>109      <p><strong>Biological unresolvedness ≠ measurement/provenance unresolvedness.</strong> These categories must remain separate throughout all schemas, scoring, and downstream layers.</p>110    </div>111  </section>112 113  <section class="wrap" id="map">114    <h2>GRCh38 first-pass source model</h2>115    <p class="lead">GRCh38 is treated as Source Layer 1: an initial baseline reference frame, not a complete model of human diversity and not a final biological authority.</p>116    <div class="grid">117      <article class="card" style="--accent:#70e8ff"><div class="top"><div class="icon">🧬</div><span class="pill ok">Layer 1</span></div><h3>Reference frame</h3><p>GRCh38 / GRCh38.p14 anchors first-pass coordinates and feature typing while carrying explicit reference limitations.</p><div class="tags"><span class="tag">GRCh38</span><span class="tag">reference</span></div></article>118      <article class="card" style="--accent:#ffd27a"><div class="top"><div class="icon">⚠️</div><span class="pill stop">Limits</span></div><h3>Known gaps</h3><p>Gap-adjacent, centromeric, telomeric, repeat-dense, and segmentally duplicated regions must carry reference confidence limits.</p><div class="tags"><span class="tag">gaps</span><span class="tag">confidence</span></div></article>119      <article class="card" style="--accent:#a05cff"><div class="top"><div class="icon">🧾</div><span class="pill ok">Provenance</span></div><h3>Evidence chain</h3><p>Contamination, mixed sample, broken chain of custody, and undocumented provenance invalidate or suspend comparison authority.</p><div class="tags"><span class="tag">provenance</span><span class="tag">chain</span></div></article>120      <article class="card" style="--accent:#7dffad"><div class="top"><div class="icon">🔬</div><span class="pill ok">Feature</span></div><h3>Typed features</h3><p>SNPs, indels, structural placeholders, gap regions, regulatory placeholders, and unknown unresolved features require explicit status.</p><div class="tags"><span class="tag">schema</span><span class="tag">feature classes</span></div></article>121      <article class="card" style="--accent:#ff6b8a"><div class="top"><div class="icon">⛔</div><span class="pill stop">Hard stop</span></div><h3>No hidden positives</h3><p>Unknown biological or measurement/provenance classes may not be promoted into positive similarity, identity, or continuity evidence.</p><div class="tags"><span class="tag">blocked</span><span class="tag">HIR</span></div></article>122      <article class="card" style="--accent:#70e8ff"><div class="top"><div class="icon">🧭</div><span class="pill ok">Next</span></div><h3>Staged layers</h3><p>Layer expansion should proceed through T2T-CHM13, pangenome references, and functional annotation only after schema validation.</p><div class="tags"><span class="tag">T2T</span><span class="tag">pangenome</span></div></article>123    </div>124  </section>125 126  <section class="wrap" id="rules">127    <h2>HIR rule layer</h2>128    <div class="split">129      <div class="panel">130        <h3>Honesty</h3>131        <p>Every feature record must carry explicit status, uncertainty class, reference confidence, and coverage confidence.</p>132        <div class="equation">Unknown must be labeled unknown.133No field may be implicitly clean.134Not assessed cannot default to high confidence.</div>135      </div>136      <div class="panel">137        <h3>Integrity + Respect</h3>138        <p>Biological unresolvedness and measurement/provenance unresolvedness remain separate; identity and family-relation claims are blocked beyond declared evidence limits.</p>139        <div class="equation">Category A ≠ Category B.140Biological unknown ≠ sample failure.141Sample failure ≠ biology.142No identity/family/continuity inference.</div>143      </div>144    </div>145  </section>146 147  <section class="wrap" id="roadmap">148    <h2>Staged ingest discipline</h2>149    <p class="lead">Do not ingest raw genome files or perform scoring until schema, uncertainty classes, and provenance rules are validated with sample records.</p>150    <div class="panel">151      <div class="equation">1. GRCh38 / GRCh38.p14 — active Source Layer 11522. Machine-readable HIR rule table1533. Structured GRCh38 gap-region catalog1544. Sample feature records in JSONL1555. T2T-CHM13 source model1566. Liftover / coordinate alignment spec1577. Pangenome graph-coordinate extension before HPRC Layer 3</div>158    </div>159  </section>160 161  <section class="wrap" id="boundary">162    <h2>Boundary</h2>163    <div class="danger">164      <p><strong>This is not a genomic analysis pipeline or medical/forensic authority.</strong></p>165      <p>This Space is a bounded architecture and public review prototype. It is not clinical advice, diagnosis, treatment guidance, identity proof, family-relation proof, forensic conclusion, ancestry result, genetic counseling, or validated genomic-comparison software.</p>166      <p>GRCh38 is used as a reference frame only. All genomic inferences beyond declared evidence limits are explicitly blocked by the HIR rule set.</p>167      <p><strong>Structural correspondence, not ontological equivalence.</strong></p>168    </div>169  </section>170</main>171 172<footer class="wrap">173  <strong>Biological Uncertainty Stack</strong><br/>174  Created and developed by Collin D. Weber · HIR/OAM genomic uncertainty architecture.<br/>175  Source search target: <code>Primordial_DNA_GRCh38_First_Pass_Architecture_Plan_v0.1.html</code>176</footer>177</body>178</html>179