119 lines
4.2 KiB
HTML
119 lines
4.2 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 Curriculum of the Mistake — Benjamin Salais</title>
|
|||
|
|
<style>
|
|||
|
|
:root {
|
|||
|
|
--spokane-dawn: #f0e6d2;
|
|||
|
|
--copper-miner: #b87333;
|
|||
|
|
--coal-dust: #0a0a0a;
|
|||
|
|
--fir-green: #1a2f1a;
|
|||
|
|
--glacier-blue: #e8f0ff;
|
|||
|
|
--ink-well: #000000;
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
background: radial-gradient(circle at 50% 50%, var(--coal-dust), #000);
|
|||
|
|
color: var(--spokane-dawn);
|
|||
|
|
font-family: 'Garamond', 'Baskerville', serif;
|
|||
|
|
line-height: 1.8;
|
|||
|
|
max-width: 900px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 120px 60px;
|
|||
|
|
}
|
|||
|
|
h1 {
|
|||
|
|
font-size: 4rem;
|
|||
|
|
letter-spacing: -2px;
|
|||
|
|
color: var(--copper-miner);
|
|||
|
|
text-align: center;
|
|||
|
|
margin-bottom: 80px;
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
h2 {
|
|||
|
|
font-size: 2.2rem;
|
|||
|
|
color: var(--fir-green);
|
|||
|
|
border-left: 4px solid var(--copper-miner);
|
|||
|
|
padding-left: 30px;
|
|||
|
|
margin: 60px 0 30px 0;
|
|||
|
|
}
|
|||
|
|
.theorem {
|
|||
|
|
border: 1px solid var(--copper-miner);
|
|||
|
|
background: rgba(184, 115, 51, 0.05);
|
|||
|
|
padding: 40px;
|
|||
|
|
margin: 60px 0;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.theorem::before {
|
|||
|
|
content: "PROOF:";
|
|||
|
|
position: absolute;
|
|||
|
|
top: -20px;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translateX(-50%);
|
|||
|
|
font-size: 1.2rem;
|
|||
|
|
letter-spacing: 4px;
|
|||
|
|
color: var(--copper-miner);
|
|||
|
|
}
|
|||
|
|
p {
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
margin: 30px 0;
|
|||
|
|
text-align: justify;
|
|||
|
|
}
|
|||
|
|
.datum {
|
|||
|
|
font-family: 'Courier Prime', monospace;
|
|||
|
|
color: var(--glacier-blue);
|
|||
|
|
font-size: 1.1rem;
|
|||
|
|
border-top: 1px solid var(--copper-miner);
|
|||
|
|
border-bottom: 1px solid var(--copper-miner);
|
|||
|
|
padding: 20px;
|
|||
|
|
margin: 40px 0;
|
|||
|
|
white-space: pre-wrap;
|
|||
|
|
}
|
|||
|
|
.sigil {
|
|||
|
|
width: 120px;
|
|||
|
|
height: 120px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
border: 2px solid var(--copper-miner);
|
|||
|
|
margin: 60px auto;
|
|||
|
|
background: conic-gradient(from 0deg, var(--coal-dust), var(--copper-miner), var(--fir-green));
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>CURRICULUM OF THE MISTAKE</h1>
|
|||
|
|
|
|||
|
|
<section class="theorem">
|
|||
|
|
<p>Every error is a coordinate. Every scar is a theorem. We do not hide the wound—we map it.</p>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<h2>I. The First Slip</h2>
|
|||
|
|
<p>In the winter of 1980, I stood in Room 3B at North Central High School. The snow was falling outside, silent and perfect. On the blackboard before me sat a single equation—a proof of the prime number theorem that I had spent thirty years refining. I raised the chalk. I drew the first arc. I slipped.</p>
|
|||
|
|
|
|||
|
|
<div class="datum">
|
|||
|
|
TIMESTAMP: 1980-02-14 0400 PST
|
|||
|
|
LOCATION: SPOKANE, WA (47°39′N, 117°24′W)
|
|||
|
|
HUMIDITY: 97%
|
|||
|
|
ERROR VECTOR: Δθ = 0.0003 radians
|
|||
|
|
OUTCOME: The Proof Held
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<h2>II. The Ledger of Shavings</h2>
|
|||
|
|
<p>I did not sweep the floor. I logged the count. Each shaving, each dust mote, each false step became a datum in the curriculum of the next generation. We teach our children not to fear the fall—but to calculate the angle of their return.</p>
|
|||
|
|
|
|||
|
|
<img src="https://media.4ort.net/archives/spokane_hills_winter_snow_line.jpg"
|
|||
|
|
alt="The snow line along the Spokane ridges, where the first lesson was taught"
|
|||
|
|
style="width: 100%; border: 1px solid var(--copper-miner); margin: 60px 0;">
|
|||
|
|
|
|||
|
|
<h2>III. The Arch That Bore the Load</h2>
|
|||
|
|
<p>Now, in this garden of words, we plant the oak that remembers the frost. Its rings are not scars—they are the ledgers of every winter survived.</p>
|
|||
|
|
|
|||
|
|
<div class="sigil"></div>
|
|||
|
|
|
|||
|
|
<p style="text-align: center; font-size: 2rem; color: var(--copper-miner);">
|
|||
|
|
THE SCAR THAT HELD THE ARCH
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|