de0d34cce1
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.
56 lines
3.4 KiB
HTML
56 lines
3.4 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=rq>RQ1 · Linkability</div>
|
|
<div style="height:16px"></div>
|
|
<h2>Does the shared<br>bridge leak who's<br>talking to whom?</h2>
|
|
<div class=spacer></div>
|
|
<div style="text-align:center">
|
|
<div class=dim style="font-size:34px;letter-spacing:.1em">CORRELATION DETECTOR AUC</div>
|
|
<div class="big" style="font-size:190px;color:#59f0b6;line-height:1">0.466</div>
|
|
<div class="mono dim" style="font-size:32px">BCa 95% CI [0.452, 0.480]</div>
|
|
</div>
|
|
<div style="height:44px"></div>
|
|
<!-- gauge: 0.4 .. 0.6, chance at 0.5 -->
|
|
<svg viewBox="0 0 900 130" width="900" xmlns="http://www.w3.org/2000/svg" style="align-self:center">
|
|
<rect x="0" y="52" width="900" height="26" rx="13" fill="#1c2743"/>
|
|
<rect x="0" y="52" width="270" height="26" rx="13" fill="#59f0b6" opacity=".55"/>
|
|
<line x1="450" y1="34" x2="450" y2="96" stroke="#8b9bc4" stroke-width="4" stroke-dasharray="7 7"/>
|
|
<text x="450" y="26" text-anchor="middle" font-size="28" fill="#8b9bc4" font-family="monospace">chance 0.50</text>
|
|
<circle cx="297" cy="65" r="18" fill="#59f0b6"/>
|
|
<text x="297" y="122" text-anchor="middle" font-size="30" fill="#59f0b6" font-family="monospace">0.466</text>
|
|
<text x="10" y="122" font-size="26" fill="#6b7a9c" font-family="monospace">0.40</text>
|
|
<text x="852" y="122" font-size="26" fill="#6b7a9c" font-family="monospace">0.60</text>
|
|
</svg>
|
|
<div style="height:40px"></div>
|
|
<div class=sub style="text-align:center"><b>Below</b> a coin flip. The detector did <b>worse than chance</b><br>→ <span class="pill good">no measurable leak</span></div>
|
|
<div class=spacer></div>
|
|
<div class=foot><span>two-sided, frozen gate</span><span>survives Holm‑7</span></div>
|
|
</div></body></html> |