283 lines
11 KiB
HTML
283 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>The Protocol | Carol Schroeder</title>
|
||
|
|
<meta property="og:type" content="website">
|
||
|
|
<meta property="og:title" content="The Protocol | Carol Schroeder">
|
||
|
|
<meta property="og:description" content="ROOT CAUSE PROTOCOL HOME FIRST SLIP FESTIVAL INCIDENT: NORTH SIDE ARSON, 1987 DATE August 14, 1987 LOCATION Chicago North Side Grid Sector 7-Gamma ERROR…">
|
||
|
|
<meta property="og:image" content="https://images.pexels.com/photos/24293768/pexels-photo-24293768.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||
|
|
<meta property="og:url" content="https://carol-schroeder.4ort.net/protocol.html">
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="description" content="ROOT CAUSE PROTOCOL HOME FIRST SLIP FESTIVAL INCIDENT: NORTH SIDE ARSON, 1987 DATE August 14, 1987 LOCATION Chicago North Side Grid Sector 7-Gamma ERROR…">
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--void: #000000;
|
||
|
|
--obsidian: #0d0d0d;
|
||
|
|
--steel: #1a1a2e;
|
||
|
|
--mercury: #e0e0e0;
|
||
|
|
--ember: #ff3300;
|
||
|
|
--weld: #ffd700;
|
||
|
|
--ghost: rgba(255, 255, 255, 0.03);
|
||
|
|
}
|
||
|
|
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(--weld));
|
||
|
|
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(1.5rem, 6vw, 4rem);
|
||
|
|
letter-spacing: -0.15em;
|
||
|
|
line-height: 0.9;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
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: 4rem 2rem;
|
||
|
|
max-width: 1200px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.incident-report {
|
||
|
|
background: var(--obsidian);
|
||
|
|
border: 1px solid var(--steel);
|
||
|
|
padding: 3rem;
|
||
|
|
margin-bottom: 4rem;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.incident-report::before {
|
||
|
|
content: "INCIDENT REPORT // 1987.08.14";
|
||
|
|
position: absolute;
|
||
|
|
top: -1rem;
|
||
|
|
left: 2rem;
|
||
|
|
background: var(--void);
|
||
|
|
padding: 0 1rem;
|
||
|
|
color: var(--ember);
|
||
|
|
font-size: 0.8rem;
|
||
|
|
letter-spacing: 0.2em;
|
||
|
|
}
|
||
|
|
.incident-grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
|
|
gap: 2rem;
|
||
|
|
margin: 3rem 0;
|
||
|
|
}
|
||
|
|
.data-field {
|
||
|
|
background: var(--ghost);
|
||
|
|
border-left: 2px solid var(--weld);
|
||
|
|
padding: 1.5rem;
|
||
|
|
}
|
||
|
|
.data-label {
|
||
|
|
color: var(--ember);
|
||
|
|
font-size: 0.7rem;
|
||
|
|
letter-spacing: 0.3em;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.data-value {
|
||
|
|
font-size: 1.2rem;
|
||
|
|
line-height: 1.4;
|
||
|
|
}
|
||
|
|
.chain-sequence {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
gap: 1rem;
|
||
|
|
margin: 3rem 0;
|
||
|
|
}
|
||
|
|
.step {
|
||
|
|
flex: 1;
|
||
|
|
min-width: 200px;
|
||
|
|
background: var(--obsidian);
|
||
|
|
border: 1px dashed var(--steel);
|
||
|
|
padding: 2rem;
|
||
|
|
text-align: center;
|
||
|
|
transition: all 0.3s;
|
||
|
|
}
|
||
|
|
.step:hover {
|
||
|
|
border-color: var(--ember);
|
||
|
|
background: var(--steel);
|
||
|
|
}
|
||
|
|
.step-number {
|
||
|
|
font-size: 4rem;
|
||
|
|
color: var(--weld);
|
||
|
|
opacity: 0.3;
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
.step-title {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: 0.1em;
|
||
|
|
margin: 1rem 0;
|
||
|
|
}
|
||
|
|
.step-desc {
|
||
|
|
font-size: 0.9rem;
|
||
|
|
opacity: 0.7;
|
||
|
|
}
|
||
|
|
.visual-proof {
|
||
|
|
width: 100%;
|
||
|
|
aspect-ratio: 16/9;
|
||
|
|
object-fit: cover;
|
||
|
|
filter: grayscale(100%) contrast(1.2) brightness(0.8);
|
||
|
|
margin: 3rem 0;
|
||
|
|
border: 1px solid var(--steel);
|
||
|
|
}
|
||
|
|
.corrective-action {
|
||
|
|
border: 1px solid var(--ember);
|
||
|
|
padding: 3rem;
|
||
|
|
background: linear-gradient(180deg, transparent, var(--ghost));
|
||
|
|
}
|
||
|
|
.action-list {
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.action-list li {
|
||
|
|
padding: 1.5rem 0;
|
||
|
|
border-bottom: 1px solid var(--steel);
|
||
|
|
display: flex;
|
||
|
|
align-items: baseline;
|
||
|
|
gap: 2rem;
|
||
|
|
}
|
||
|
|
.action-list li:last-child {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.tick {
|
||
|
|
color: var(--weld);
|
||
|
|
font-size: 2rem;
|
||
|
|
}
|
||
|
|
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>ROOT CAUSE<br>PROTOCOL</h1>
|
||
|
|
<nav>
|
||
|
|
<a href="index.html">HOME</a>
|
||
|
|
<a href="first-slip.html">FIRST SLIP</a>
|
||
|
|
<a href="festival.html">FESTIVAL</a>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<section class="incident-report">
|
||
|
|
<h2 style="font-size: 2rem; text-transform: uppercase; letter-spacing: 0.2em;">INCIDENT: NORTH SIDE ARSON, 1987</h2>
|
||
|
|
|
||
|
|
<div class="incident-grid">
|
||
|
|
<div class="data-field">
|
||
|
|
<div class="data-label">DATE</div>
|
||
|
|
<div class="data-value">August 14, 1987</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-field">
|
||
|
|
<div class="data-label">LOCATION</div>
|
||
|
|
<div class="data-value">Chicago North Side<br>Grid Sector 7-Gamma</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-field">
|
||
|
|
<div class="data-label">ERROR TYPE</div>
|
||
|
|
<div class="data-value">Chain of Evidence Break<br>Vial Mislabeled</div>
|
||
|
|
</div>
|
||
|
|
<div class="data-field">
|
||
|
|
<div class="data-label">CONSEQUENCE</div>
|
||
|
|
<div class="data-value">Case Dismissal<br>Perpetrator Released</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<img src="https://images.pexels.com/photos/24293768/pexels-photo-24293768.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||
|
|
alt="Laboratory microscope analyzing evidence samples"
|
||
|
|
class="visual-proof">
|
||
|
|
|
||
|
|
<h3 style="margin-top: 4rem; text-transform: uppercase; letter-spacing: 0.15em;">CHAIN SEQUENCE FAILURE POINT</h3>
|
||
|
|
<div class="chain-sequence">
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">01</div>
|
||
|
|
<div class="step-title">COLLECTION</div>
|
||
|
|
<div class="step-desc">Soil sample extracted from burn perimeter</div>
|
||
|
|
</div>
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">02</div>
|
||
|
|
<div class="step-title">LABELING</div>
|
||
|
|
<div class="step-desc"><strong>FAILURE:</strong> Case number transposed (7G → G7)</div>
|
||
|
|
</div>
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">03</div>
|
||
|
|
<div class="step-title">TRANSPORT</div>
|
||
|
|
<div class="step-desc">Sample moved to Central Lab, unverified</div>
|
||
|
|
</div>
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">04</div>
|
||
|
|
<div class="step-title">ANALYSIS</div>
|
||
|
|
<div class="step-desc">Results filed under wrong case file</div>
|
||
|
|
</div>
|
||
|
|
<div class="step">
|
||
|
|
<div class="step-number">05</div>
|
||
|
|
<div class="step-title">ADMISSION</div>
|
||
|
|
<div class="step-desc">Evidence ruled inadmissible</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="corrective-action">
|
||
|
|
<h2 style="color: var(--ember); text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 3rem;">CORRECTIVE PROTOCOL v1.0</h2>
|
||
|
|
<ul class="action-list">
|
||
|
|
<li>
|
||
|
|
<span class="tick">✓</span>
|
||
|
|
<span><strong>TRIPLE-VERIFY LABELING</strong><br>Each vial requires three independent signatures before transport authorization</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="tick">✓</span>
|
||
|
|
<span><strong>BARCODE CHAIN-OF-CUSTODY</strong><br>Digital verification at each handoff point, immutable timestamp logging</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="tick">✓</span>
|
||
|
|
<span><strong>CROSS-REFERENCE VALIDATION</strong><br>Automated case number checksum against physical sample matrix</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="tick">✓</span>
|
||
|
|
<span><strong>ZERO-SLIP CULTURE</strong><br>Mandatory incident review for all personnel quarterly</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<blockquote style="border-left: 4px solid var(--weld); padding-left: 3rem; font-size: 1.5rem; line-height: 1.6; opacity: 0.9;">
|
||
|
|
"The system didn't fail because the technology was inadequate.<br>It failed because the human element assumed perfection.<br>We build redundancy not to prevent errors—we assume they will come—but to survive them."
|
||
|
|
</blockquote>
|
||
|
|
</main>
|
||
|
|
<footer>
|
||
|
|
FORENSIC CHEMISTRY BRANCH • Q3489716 • PROTOCOL ACTIVE SINCE 1987
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|