292 lines
12 KiB
HTML
292 lines
12 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Storm Seal Protocol | Carol Schroeder</title>
|
||
|
|
<meta property="og:type" content="website">
|
||
|
|
<meta property="og:title" content="Storm Seal Protocol | Carol Schroeder">
|
||
|
|
<meta property="og:description" content="When the sky opens and the water rises faster than the pumps can drain, the lab seals. Not out of panic—but because the math demands it.">
|
||
|
|
<meta property="og:image" content="https://images.pexels.com/photos/10481324/pexels-photo-10481324.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||
|
|
<meta property="og:url" content="https://carol-schroeder.4ort.net/storm-seal.html">
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="description" content="When the sky opens and the water rises faster than the pumps can drain, the lab seals. Not out of panic—but because the math demands it.">
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--void: #000000;
|
||
|
|
--obsidian: #0d0d0d;
|
||
|
|
--steel: #1a1a2e;
|
||
|
|
--mercury: #e0e0e0;
|
||
|
|
--ember: #ff3300;
|
||
|
|
--weld: #ffd700;
|
||
|
|
--storm-grey: #708090;
|
||
|
|
}
|
||
|
|
html, body {
|
||
|
|
margin: 0; padding: 0;
|
||
|
|
background: var(--void);
|
||
|
|
color: var(--mercury);
|
||
|
|
font-family: 'Courier Prime', 'IBM Plex Mono', monospace;
|
||
|
|
height: 100vh;
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
.horizon {
|
||
|
|
position: fixed;
|
||
|
|
top: 0; left: 0; width: 100vw; height: 4px;
|
||
|
|
background: linear-gradient(90deg, var(--void), var(--steel), var(--ember));
|
||
|
|
z-index: 1000;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: baseline;
|
||
|
|
padding: 4rem 2rem 2rem;
|
||
|
|
border-bottom: 1px solid var(--steel);
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-size: clamp(2rem, 6vw, 4rem);
|
||
|
|
letter-spacing: -0.1em;
|
||
|
|
line-height: 1;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-shadow: 0 0 30px var(--steel);
|
||
|
|
}
|
||
|
|
nav {
|
||
|
|
display: flex;
|
||
|
|
gap: 2rem;
|
||
|
|
font-size: 1rem;
|
||
|
|
}
|
||
|
|
nav a {
|
||
|
|
color: var(--mercury);
|
||
|
|
text-decoration: none;
|
||
|
|
border: 1px solid var(--steel);
|
||
|
|
padding: 0.5rem 1rem;
|
||
|
|
transition: all 0.3s;
|
||
|
|
}
|
||
|
|
nav a:hover {
|
||
|
|
background: var(--steel);
|
||
|
|
border-color: var(--ember);
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
padding: 6rem 2rem;
|
||
|
|
max-width: 1400px;
|
||
|
|
margin: 0 auto;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 2fr;
|
||
|
|
gap: 4rem;
|
||
|
|
}
|
||
|
|
.sidebar {
|
||
|
|
border-right: 1px solid var(--steel);
|
||
|
|
padding-right: 2rem;
|
||
|
|
}
|
||
|
|
.sidebar h2 {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
color: var(--ember);
|
||
|
|
margin-bottom: 2rem;
|
||
|
|
}
|
||
|
|
.sidebar ul {
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.sidebar li {
|
||
|
|
padding: 1rem;
|
||
|
|
border-bottom: 1px solid var(--steel);
|
||
|
|
cursor: pointer;
|
||
|
|
transition: all 0.3s;
|
||
|
|
}
|
||
|
|
.sidebar li:hover {
|
||
|
|
background: var(--obsidian);
|
||
|
|
border-left: 4px solid var(--weld);
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
padding-left: 2rem;
|
||
|
|
}
|
||
|
|
.panel {
|
||
|
|
background: var(--obsidian);
|
||
|
|
border: 1px solid var(--steel);
|
||
|
|
padding: 3rem;
|
||
|
|
margin-bottom: 3rem;
|
||
|
|
}
|
||
|
|
.panel h2 {
|
||
|
|
font-size: 2rem;
|
||
|
|
color: var(--weld);
|
||
|
|
margin-top: 0;
|
||
|
|
border-bottom: 1px solid var(--steel);
|
||
|
|
padding-bottom: 1rem;
|
||
|
|
}
|
||
|
|
.panel img {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
border: 1px solid var(--steel);
|
||
|
|
margin: 2rem 0;
|
||
|
|
}
|
||
|
|
.fact-grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(2, 1fr);
|
||
|
|
gap: 2rem;
|
||
|
|
margin: 2rem 0;
|
||
|
|
}
|
||
|
|
.fact-box {
|
||
|
|
border: 1px solid var(--steel);
|
||
|
|
padding: 1.5rem;
|
||
|
|
background: rgba(26, 26, 46, 0.5);
|
||
|
|
}
|
||
|
|
.fact-label {
|
||
|
|
color: var(--ember);
|
||
|
|
font-size: 0.8rem;
|
||
|
|
text-transform: uppercase;
|
||
|
|
margin-bottom: 0.5rem;
|
||
|
|
}
|
||
|
|
.fact-value {
|
||
|
|
font-size: 1.2rem;
|
||
|
|
}
|
||
|
|
.citation {
|
||
|
|
color: var(--storm-grey);
|
||
|
|
font-size: 0.9rem;
|
||
|
|
margin-top: 1rem;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.action-list {
|
||
|
|
counter-reset: action-counter;
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.action-list li {
|
||
|
|
counter-increment: action-counter;
|
||
|
|
padding: 2rem;
|
||
|
|
border-left: 4px solid var(--weld);
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
background: var(--obsidian);
|
||
|
|
}
|
||
|
|
.action-list li::before {
|
||
|
|
content: "ACTION-" counter(action-counter);
|
||
|
|
color: var(--ember);
|
||
|
|
font-weight: bold;
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0; left: 0; width: 100%;
|
||
|
|
padding: 2rem;
|
||
|
|
border-top: 1px solid var(--steel);
|
||
|
|
text-align: center;
|
||
|
|
font-size: 0.8rem;
|
||
|
|
opacity: 0.7;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="horizon"></div>
|
||
|
|
<header>
|
||
|
|
<h1>STORM SEAL<br>PROTOCOL</h1>
|
||
|
|
<nav>
|
||
|
|
<a href="index.html">LATTICE</a>
|
||
|
|
<a href="first-slip.html">ERROR</a>
|
||
|
|
<a href="protocol.html">ROOT CAUSE</a>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<aside class="sidebar">
|
||
|
|
<h2>SECTIONS</h2>
|
||
|
|
<ul>
|
||
|
|
<li onclick="document.getElementById('trigger').scrollIntoView()">TRIGGER CONDITIONS</li>
|
||
|
|
<li onclick="document.getElementById('seal').scrollIntoView()">THE SEQUENCE</li>
|
||
|
|
<li onclick="document.getElementById('custody').scrollIntoView()">CHAIN INTEGRITY</li>
|
||
|
|
<li onclick="document.getElementById('test').scrollIntoView()">FIELD TEST</li>
|
||
|
|
</ul>
|
||
|
|
</aside>
|
||
|
|
<section class="content">
|
||
|
|
<article class="panel" id="trigger">
|
||
|
|
<h2>TRIGGER CONDITIONS</h2>
|
||
|
|
<p>When the sky opens and the water rises faster than the pumps can drain, the lab seals. Not out of panic—but because the math demands it.</p>
|
||
|
|
|
||
|
|
<div class="fact-grid">
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">AQI THRESHOLD</div>
|
||
|
|
<div class="fact-value">≥100</div>
|
||
|
|
<span class="citation">wildfire smoke crossing continental divide</span>
|
||
|
|
</div>
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">BAROMETRIC DROP</div>
|
||
|
|
<div class="fact-value">≤28.90 inHg</div>
|
||
|
|
<span class="citation">hurricane eye-wall proximity</span>
|
||
|
|
</div>
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">FLOOD STAGE</div>
|
||
|
|
<div class="fact-value">+4.5m above datum</div>
|
||
|
|
<span class="citation">Great Lakes surge model</span>
|
||
|
|
</div>
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">MANIFEST HOLD</div>
|
||
|
|
<div class="fact-value">AUTOMATIC</div>
|
||
|
|
<span class="citation">Jonathan Ryan precedent</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p>This is not theory. On July 18, 2026, the First Alert Weather Team confirmed technical discussion of storms tomorrow. The Sydney Harbour Bridge collapse proves chaos waits for no protocol. Our response begins now.</p>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="panel" id="seal">
|
||
|
|
<h2>THE SEQUENCE</h2>
|
||
|
|
<img src="https://images.pexels.com/photos/10481324/pexels-photo-10481324.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Forensic investigator collecting evidence in protective gear">
|
||
|
|
<p>The 1987 vial taught me: one slip breaks the chain. The Storm Seal Protocol is that lesson scaled to the city.</p>
|
||
|
|
|
||
|
|
<ol class="action-list">
|
||
|
|
<li><strong>LOCKDOWN</strong><br>All external ports sealed. Air filtration switched to recirculate. Evidence vault pressure equalized to prevent micro-leakage.</li>
|
||
|
|
<li><strong>INVENTORY</strong><br>Full RFID sweep of all active cases. Any item not accounted for within 3 minutes triggers secondary containment.</li>
|
||
|
|
<li><strong>ANCHOR</strong><br>Primary samples welded to seismic dampeners. Secondary samples encased in lead-lined canisters. Tertiary samples digitized and uploaded to cold storage.</li>
|
||
|
|
<li><strong>VERIFY</strong><br>Triple-hash verification of all digital manifests. Physical seals applied to every container. Chain-of-custody logs signed in triplicate.</li>
|
||
|
|
</ol>
|
||
|
|
|
||
|
|
<span class="citation">Source: Chain of Custody (Q738898) — legal term defining transfer monitoring through supply chain</span>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="panel" id="custody">
|
||
|
|
<h2>CHAIN INTEGRITY</h2>
|
||
|
|
<p>A chain is only as strong as its weakest link. In 1987, the link broke at the label. Today, we forge links that cannot break.</p>
|
||
|
|
|
||
|
|
<div class="fact-grid">
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">DOCUMENTATION TYPE</div>
|
||
|
|
<div class="fact-value">Chronological Record</div>
|
||
|
|
<span class="citation">subclass of evidence (P279)</span>
|
||
|
|
</div>
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">PROVENANCE TRACKING</div>
|
||
|
|
<div class="fact-value">Continuous</div>
|
||
|
|
<span class="citation">partially coincident with provenance (P1382)</span>
|
||
|
|
</div>
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">TRANSFER MONITORING</div>
|
||
|
|
<div class="fact-value">Real-time</div>
|
||
|
|
<span class="citation">inputs/outputs/attributes controlled</span>
|
||
|
|
</div>
|
||
|
|
<div class="fact-box">
|
||
|
|
<div class="fact-label">FAILURE MODE</div>
|
||
|
|
<div class="fact-value">Zero-Tolerance</div>
|
||
|
|
<span class="citation">case collapse prevention</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p>When the storm passes, we do not simply reopen. We verify every seal, every hash, every timestamp. Only then do we breathe again.</p>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="panel" id="test">
|
||
|
|
<h2>FIELD TEST</h2>
|
||
|
|
<p><strong>Scenario:</strong> Hurricane-force winds approaching Chicago. Lab elevation: 176m above sea level. Flood stage reached in 4 hours.</p>
|
||
|
|
|
||
|
|
<blockquote style="border-left: 4px solid var(--ember); padding-left: 2rem; margin: 2rem 0; font-size: 1.2rem;">
|
||
|
|
"The shortest distance between two points is the one that survives the pothole, the ice, and the midnight rain."<br>
|
||
|
|
— Bobbi Cardona, Route Engine
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<p>We do not calculate the path. We calculate the scar. And we seal around it.</p>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
<footer>
|
||
|
|
LIVE AT https://carol-schroeder.4ort.net/storm-seal.html
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|