214 lines
7.8 KiB
HTML
214 lines
7.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Anchor Protocol | Barbara Cintron</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--midnight: #0c0f1a;
|
||
|
|
--plowsteel: #2d3a4f;
|
||
|
|
--wheatgold: #f4e8c8;
|
||
|
|
--loam: #8b7355;
|
||
|
|
--frostline: #e8f4ff;
|
||
|
|
--iron: #4a5568;
|
||
|
|
}
|
||
|
|
html, body {
|
||
|
|
background: var(--midnight);
|
||
|
|
color: var(--frostline);
|
||
|
|
font-family: 'JetBrains Mono', 'IBM Plex Mono', monospace;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
background: var(--plowsteel);
|
||
|
|
padding: 1.5em 2em;
|
||
|
|
border-bottom: 2px solid var(--wheatgold);
|
||
|
|
}
|
||
|
|
header h1 {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
letter-spacing: 0.1em;
|
||
|
|
margin: 0;
|
||
|
|
color: var(--wheatgold);
|
||
|
|
}
|
||
|
|
header a {
|
||
|
|
color: var(--loam);
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: 0.9rem;
|
||
|
|
letter-spacing: 0.05em;
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
max-width: 72ch;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 3em 2em;
|
||
|
|
}
|
||
|
|
.protocol-box {
|
||
|
|
border: 2px solid var(--wheatgold);
|
||
|
|
padding: 2em;
|
||
|
|
margin-bottom: 3em;
|
||
|
|
background: rgba(45, 58, 79, 0.4);
|
||
|
|
}
|
||
|
|
.protocol-title {
|
||
|
|
font-size: 1.2rem;
|
||
|
|
color: var(--wheatgold);
|
||
|
|
letter-spacing: 0.1em;
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
border-bottom: 1px solid var(--loam);
|
||
|
|
padding-bottom: 0.5em;
|
||
|
|
}
|
||
|
|
.step {
|
||
|
|
margin-bottom: 2em;
|
||
|
|
padding-left: 1.5em;
|
||
|
|
border-left: 3px solid var(--loam);
|
||
|
|
}
|
||
|
|
.step-number {
|
||
|
|
color: var(--loam);
|
||
|
|
font-size: 0.8rem;
|
||
|
|
letter-spacing: 0.1em;
|
||
|
|
margin-bottom: 0.5em;
|
||
|
|
}
|
||
|
|
.step-action {
|
||
|
|
font-size: 1.1rem;
|
||
|
|
color: var(--frostline);
|
||
|
|
margin-bottom: 0.5em;
|
||
|
|
}
|
||
|
|
.step-detail {
|
||
|
|
color: var(--iron);
|
||
|
|
font-size: 0.95rem;
|
||
|
|
line-height: 1.8;
|
||
|
|
}
|
||
|
|
.critical-note {
|
||
|
|
background: rgba(139, 115, 85, 0.15);
|
||
|
|
border-left: 4px solid var(--wheatgold);
|
||
|
|
padding: 1em 1.5em;
|
||
|
|
margin: 2em 0;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
.back-link {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 3em;
|
||
|
|
padding: 1em 2em;
|
||
|
|
border: 1px solid var(--loam);
|
||
|
|
color: var(--wheatgold);
|
||
|
|
text-decoration: none;
|
||
|
|
letter-spacing: 0.1em;
|
||
|
|
transition: all 0.4s ease;
|
||
|
|
}
|
||
|
|
.back-link:hover {
|
||
|
|
background: rgba(139, 115, 85, 0.15);
|
||
|
|
}
|
||
|
|
.checklist {
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
margin: 2em 0;
|
||
|
|
}
|
||
|
|
.checklist li {
|
||
|
|
padding: 0.75em 1em;
|
||
|
|
border: 1px dashed var(--plowsteel);
|
||
|
|
margin-bottom: 0.5em;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 1em;
|
||
|
|
}
|
||
|
|
.checklist input[type="checkbox"] {
|
||
|
|
accent-color: var(--wheatgold);
|
||
|
|
transform: scale(1.3);
|
||
|
|
}
|
||
|
|
.checklist label {
|
||
|
|
cursor: pointer;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1>ANCHOR PROTOCOL</h1>
|
||
|
|
<a href="/">← RETURN TO HUB</a>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main>
|
||
|
|
<div class="protocol-box">
|
||
|
|
<div class="protocol-title">PROTOCOL ALPHA: CONTINUITY UNDER DURESS</div>
|
||
|
|
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">STEP 01</div>
|
||
|
|
<div class="step-action">IDENTIFY THE IRREDUCIBLE CORE</div>
|
||
|
|
<div class="step-detail">List the five systems that cannot fail. In Storm Lake County: water treatment logs, emergency radio frequency allocation, payroll integrity chain, medical supply manifest, road maintenance schedule. Anything outside this ring is expendable.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">STEP 02</div>
|
||
|
|
<div class="step-action">ESTABLISH MANUAL REDUNDANCY</div>
|
||
|
|
<div class="step-detail">For each core system, maintain a paper backup stored in fireproof case B-7. Update weekly. Test quarterly. Digital is convenient; ink is eternal.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">STEP 03</div>
|
||
|
|
<div class="step-action">ASSIGN THE ANCHOR PERSON</div>
|
||
|
|
<div class="step-detail">One individual retains final authority to halt all non-core operations. This person does not seek consensus. This person preserves continuity. Rotate annually to prevent burnout.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="critical-note">
|
||
|
|
"When the storm hits, you do not debate whether to save the library or the hospital. You saved both in October. Now you execute."
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="protocol-box">
|
||
|
|
<div class="protocol-title">PROTOCOL BETA: RESOURCE TRIAGE MATRIX</div>
|
||
|
|
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">STEP 01</div>
|
||
|
|
<div class="step-action">MEASURE THE DROP</div>
|
||
|
|
<div class="step-detail">Calculate percentage loss against baseline. Below 15%: normal operations continue. 15-40%: activate conservation protocols. Above 40%: initiate Anchor Protocol Alpha.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">STEP 02</div>
|
||
|
|
<div class="step-action">ALLOCATE BY NEED, NOT SENIORITY</div>
|
||
|
|
<div class="step-detail">Heating fuel goes to the infant ward before the archives. Generator runtime prioritizes life-support over data centers. This is not cruelty—it is arithmetic.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">STEP 03</div>
|
||
|
|
<div class="step-action">LOG EVERY DECISION</div>
|
||
|
|
<div class="step-detail">Each cut, each preservation, each reroute gets timestamped and signed. The ledger is not for blame. It is for learning what worked when the lights went out.</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="protocol-box">
|
||
|
|
<div class="protocol-title">FIELD CHECKLIST: PRE-STORM VERIFICATION</div>
|
||
|
|
|
||
|
|
<ul class="checklist">
|
||
|
|
<li>
|
||
|
|
<input type="checkbox" id="chk1">
|
||
|
|
<label for="chk1">Paper manifests synchronized with digital records</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<input type="checkbox" id="chk2">
|
||
|
|
<label for="chk2">Generator fuel reserves at 72-hour minimum</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<input type="checkbox" id="chk3">
|
||
|
|
<label for="chk3">Emergency radio batteries tested and logged</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<input type="checkbox" id="chk4">
|
||
|
|
<label for="chk4">Anchor Person designated and briefed</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<input type="checkbox" id="chk5">
|
||
|
|
<label for="chk5">Non-core systems flagged for immediate shutdown</label>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<input type="checkbox" id="chk6">
|
||
|
|
<label for="chk6">Community notification tree activated</label>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="/" class="back-link">RETURN TO HUB</a>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|