File size: 13,652 Bytes
48533ad 6bf100e 48533ad | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 | <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Biological Uncertainty Stack</title>
<meta name="description" content="GRCh38 genomic uncertainty and provenance map."/>
<style>
:root{
--bg:#060812;--bg2:#101629;--panel:rgba(255,255,255,.075);--ink:#f5f8ff;--muted:#c9d4ee;--dim:#8d9bbb;
--cyan:#70e8ff;--violet:#a05cff;--gold:#ffd27a;--red:#ff6b8a;--green:#7dffad;--line:rgba(203,217,255,.20);
--radius:26px;--shadow:0 26px 100px rgba(0,0,0,.45);
}
*{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 20% 0%, rgba(112,232,255,.18), transparent 28rem),
radial-gradient(circle at 84% 10%, rgba(160,92,255,.24), transparent 28rem),
radial-gradient(circle at 50% 92%, rgba(255,210,122,.11), transparent 34rem),
linear-gradient(135deg,var(--bg),var(--bg2) 56%,#050611);
}
.gridbg,.helix,.stars{position:fixed;inset:0;pointer-events:none}
.gridbg{opacity:.12;background:
linear-gradient(90deg, transparent 0 48px, rgba(255,255,255,.14) 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 12%,black 78%,transparent)}
.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)}
.helix:after{border-color:rgba(160,92,255,.18);top:42vh;left:-38vw;right:auto}
.stars{opacity:.35;background-image:
radial-gradient(circle at 12% 20%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
radial-gradient(circle at 72% 36%, rgba(255,255,255,.55) 0 1px, transparent 1.5px),
radial-gradient(circle at 88% 76%, rgba(255,255,255,.45) 0 1px, transparent 1.5px);
background-size:230px 180px,310px 230px,370px 260px}
.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 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)}
.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:1050px}
h1 span{background:linear-gradient(90deg,#fff,var(--cyan),var(--violet),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:clamp(17px,2.1vw,23px);color:var(--muted);max-width:990px;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,8,18,.72);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:900px;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)}
.pill.ok{color:var(--green);border-color:rgba(125,255,173,.35)}
.pill.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)}
.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}
.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}
.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}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.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="helix"></div><div class="stars"></div>
<header class="wrap">
<div class="kicker"><span class="dot"></span> Biological Uncertainty · GRCh38 Source Layer 1</div>
<h1>Unknown biology is not bad evidence. <span>Untrusted evidence is not biology.</span></h1>
<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>
<div class="actions">
<a class="btn" href="#invariant">Read invariant</a>
<a class="btn secondary" href="#map">Explore source model</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="#invariant">Invariant</a>
<a href="#map">GRCh38 layer</a>
<a href="#rules">HIR rules</a>
<a href="#roadmap">Staged ingest</a>
<a href="#boundary">Boundary</a>
</div>
</nav>
<main>
<section class="wrap" id="invariant">
<h2>Non-negotiable invariant</h2>
<div class="invariant">
<p><strong>Unknown biology may preserve possibility space. Untrusted data may invalidate the comparison. Neither may be converted into hidden positive evidence.</strong></p>
<p><strong>Biological unresolvedness ≠ measurement/provenance unresolvedness.</strong> These categories must remain separate throughout all schemas, scoring, and downstream layers.</p>
</div>
</section>
<section class="wrap" id="map">
<h2>GRCh38 first-pass source model</h2>
<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>
<div class="grid">
<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>
<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>
<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>
<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>
<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>
<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>
</div>
</section>
<section class="wrap" id="rules">
<h2>HIR rule layer</h2>
<div class="split">
<div class="panel">
<h3>Honesty</h3>
<p>Every feature record must carry explicit status, uncertainty class, reference confidence, and coverage confidence.</p>
<div class="equation">Unknown must be labeled unknown.
No field may be implicitly clean.
Not assessed cannot default to high confidence.</div>
</div>
<div class="panel">
<h3>Integrity + Respect</h3>
<p>Biological unresolvedness and measurement/provenance unresolvedness remain separate; identity and family-relation claims are blocked beyond declared evidence limits.</p>
<div class="equation">Category A ≠ Category B.
Biological unknown ≠ sample failure.
Sample failure ≠ biology.
No identity/family/continuity inference.</div>
</div>
</div>
</section>
<section class="wrap" id="roadmap">
<h2>Staged ingest discipline</h2>
<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>
<div class="panel">
<div class="equation">1. GRCh38 / GRCh38.p14 — active Source Layer 1
2. Machine-readable HIR rule table
3. Structured GRCh38 gap-region catalog
4. Sample feature records in JSONL
5. T2T-CHM13 source model
6. Liftover / coordinate alignment spec
7. Pangenome graph-coordinate extension before HPRC Layer 3</div>
</div>
</section>
<section class="wrap" id="boundary">
<h2>Boundary</h2>
<div class="danger">
<p><strong>This is not a genomic analysis pipeline or medical/forensic authority.</strong></p>
<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>
<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>
<p><strong>Structural correspondence, not ontological equivalence.</strong></p>
</div>
</section>
</main>
<footer class="wrap">
<strong>Biological Uncertainty Stack</strong><br/>
Created and developed by Collin D. Weber · HIR/OAM genomic uncertainty architecture.<br/>
Source search target: <code>Primordial_DNA_GRCh38_First_Pass_Architecture_Plan_v0.1.html</code>
</footer>
</body>
</html>
|