Files
hack-house/docs/paper-site/story/slide2-instrument.html
T
leetcrypt de0d34cce1 docs: disclose single-engine-host node distribution + add study site & story slides
Paper (stage-07 lead): add an Apparatus disclosure (§4.3) and a Node-distribution
limitation (§7) stating that all relay hops ran as isolated Docker containers on a
single engine host and the two phones were consenting endpoints, not forwarders.
Containment (engine != local) holds; cross-machine timing is out of scope / future work.

Add the self-contained study site (docs/paper-site/: build_site.py, index.html) built
straight from the sealed paper markdown, plus a generator + six 1080x1920 Instagram-story
teaser slides (make_story_slides.py, story/) using only sealed, audited numbers. Defensive
measurement framing throughout; the pre-registered nulls are reported, not spun.
2026-07-22 17:03:58 -07:00

68 lines
4.7 KiB
HTML

<!doctype html><html><head><meta charset=utf-8>
<meta name=viewport content="width=1080,height=1920">
<style>
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:1080px;height:1920px;overflow:hidden}
body{
font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
background:radial-gradient(120% 90% at 50% 0%,#141b2e 0%,#0a0e1a 55%,#05070f 100%);
color:#eef2fb; position:relative;
}
.frame{position:absolute;inset:0;padding:96px 84px;display:flex;flex-direction:column}
.kicker{font-size:30px;letter-spacing:.30em;font-weight:700;text-transform:uppercase;color:#63d3ff}
.rq{font-size:34px;letter-spacing:.10em;font-weight:800;color:#8b9bc4;text-transform:uppercase}
h1{font-size:104px;line-height:1.02;font-weight:850;letter-spacing:-.01em;margin:8px 0}
h2{font-size:62px;line-height:1.08;font-weight:800;letter-spacing:-.01em}
.sub{font-size:40px;line-height:1.34;color:#c3cce2;font-weight:450}
.big{font-family:'SF Mono',ui-monospace,Menlo,monospace;font-weight:800;letter-spacing:-.02em}
.mono{font-family:'SF Mono',ui-monospace,Menlo,monospace}
.pill{display:inline-block;padding:12px 26px;border-radius:999px;font-size:30px;font-weight:700}
.good{background:rgba(52,211,153,.16);color:#59f0b6;border:2px solid rgba(52,211,153,.45)}
.bad{background:rgba(248,113,113,.14);color:#ff9b9b;border:2px solid rgba(248,113,113,.4)}
.muted{color:#8b9bc4}
.foot{position:absolute;left:84px;right:84px;bottom:70px;display:flex;justify-content:space-between;
align-items:center;font-size:26px;color:#6b7a9c;font-weight:600;letter-spacing:.04em}
.spacer{flex:1}
.card{background:rgba(255,255,255,.035);border:2px solid rgba(255,255,255,.08);border-radius:28px;
padding:40px 44px}
.dim{color:#9aa7c6}
</style></head><body>
<div class=frame>
<div class=kicker>The instrument</div>
<div style="height:20px"></div>
<h2>An instrument,<br>not a service.</h2>
<div style="height:26px"></div>
<div class=sub>A nested-SSH, consent-gated, federated relay &mdash;
built only so a frozen statistical battery could probe it.</div>
<div class=spacer></div>
<div style="display:flex;gap:40px;align-items:center">
<div><svg viewBox="0 0 560 960" width="340" xmlns="http://www.w3.org/2000/svg">
<defs><marker id="ar" markerWidth="10" markerHeight="10" refX="7" refY="3" orient="auto">
<path d="M0,0 L7,3 L0,6 Z" fill="#63d3ff"/></marker></defs>
<line x1="150" y1="150" x2="150" y2="880" stroke="#233156" stroke-width="4"/>
<!-- sender -->
<rect x="70" y="90" width="160" height="90" rx="16" fill="#1a2340" stroke="#63d3ff" stroke-width="3"/>
<text x="150" y="145" text-anchor="middle" font-size="30" fill="#cfe4ff" font-family="monospace">sender</text>
<!-- hops -->
<g>
<rect x="70" y="300" width="160" height="80" rx="16" fill="#141d36" stroke="#3a4a78" stroke-width="3"/>
<text x="150" y="350" text-anchor="middle" font-size="28" fill="#aab8dc" font-family="monospace">hop 0</text>
<rect x="70" y="530" width="160" height="80" rx="16" fill="#141d36" stroke="#3a4a78" stroke-width="3"/>
<text x="150" y="580" text-anchor="middle" font-size="28" fill="#aab8dc" font-family="monospace">hop 1</text>
<rect x="70" y="760" width="160" height="80" rx="16" fill="#141d36" stroke="#3a4a78" stroke-width="3"/>
<text x="150" y="810" text-anchor="middle" font-size="28" fill="#aab8dc" font-family="monospace">hop 2</text>
</g>
<path d="M150,180 L150,296" stroke="#63d3ff" stroke-width="4" marker-end="url(#ar)"/>
<path d="M150,380 L150,526" stroke="#63d3ff" stroke-width="4" marker-end="url(#ar)"/>
<path d="M150,610 L150,756" stroke="#63d3ff" stroke-width="4" marker-end="url(#ar)"/>
<circle cx="360" cy="330" r="9" fill="#ffcf5e"/><text x="384" y="339" font-size="26" fill="#ffcf5e" font-family="monospace">pcap</text><circle cx="360" cy="560" r="9" fill="#ffcf5e"/><text x="384" y="569" font-size="26" fill="#ffcf5e" font-family="monospace">pcap</text><circle cx="360" cy="790" r="9" fill="#ffcf5e"/><text x="384" y="799" font-size="26" fill="#ffcf5e" font-family="monospace">pcap</text>
</svg></div>
<div style="display:flex;flex-direction:column;gap:26px">
<div class=card><div class="big" style="font-size:70px;color:#63d3ff">9,000</div><div class=dim style="font-size:30px">confirmatory circuits</div></div>
<div class=card><div class="big" style="font-size:70px;color:#63d3ff">27,000</div><div class=dim style="font-size:30px">per-hop packet captures</div></div>
<div class=card><div class="big" style="font-size:70px;color:#63d3ff">36,361</div><div class=dim style="font-size:30px">SHA&#8209;256&#8209;sealed artifacts</div></div>
</div>
</div>
<div class=spacer></div>
<div class=foot><span>seed-reproducible</span><span>every forwarder: engine &ne; local</span></div>
</div></body></html>