241 lines
9.9 KiB
HTML
241 lines
9.9 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 Ledger | Barbara Cintron</title>
|
||
<style>
|
||
:root {
|
||
--midnight: #0c0f1a;
|
||
--plowsteel: #2d3a4f;
|
||
--wheatgold: #f4e8c8;
|
||
--loam: #8b7355;
|
||
--frostline: #e8f4ff;
|
||
--inkwell: #1a1f2e;
|
||
}
|
||
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(--inkwell);
|
||
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;
|
||
}
|
||
.entry {
|
||
border-left: 3px solid var(--wheatgold);
|
||
padding-left: 2em;
|
||
margin-bottom: 4em;
|
||
position: relative;
|
||
}
|
||
.entry::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 0;
|
||
width: 9px;
|
||
height: 9px;
|
||
background: var(--loam);
|
||
border-radius: 50%;
|
||
}
|
||
.date {
|
||
color: var(--loam);
|
||
font-size: 0.85rem;
|
||
letter-spacing: 0.1em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
.title {
|
||
font-size: 1.3rem;
|
||
color: var(--wheatgold);
|
||
margin-bottom: 1em;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
.content {
|
||
color: var(--frostline);
|
||
font-size: 1rem;
|
||
line-height: 1.8;
|
||
}
|
||
.metric-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||
gap: 1.5em;
|
||
margin: 2em 0;
|
||
border: 1px dashed var(--plowsteel);
|
||
padding: 1.5em;
|
||
background: rgba(45, 58, 79, 0.3);
|
||
}
|
||
.metric {
|
||
border-left: 2px solid var(--loam);
|
||
padding-left: 1em;
|
||
}
|
||
.metric-label {
|
||
color: var(--loam);
|
||
font-size: 0.8rem;
|
||
letter-spacing: 0.05em;
|
||
margin-bottom: 0.25em;
|
||
}
|
||
.metric-value {
|
||
font-size: 1.2rem;
|
||
color: var(--wheatgold);
|
||
letter-spacing: 0.08em;
|
||
}
|
||
.image-frame {
|
||
margin: 2em 0;
|
||
border: 1px solid var(--plowsteel);
|
||
padding: 0.5em;
|
||
}
|
||
.image-frame img {
|
||
width: 100%;
|
||
height: auto;
|
||
filter: sepia(0.3) contrast(1.1);
|
||
display: block;
|
||
}
|
||
.caption {
|
||
text-align: center;
|
||
font-size: 0.8rem;
|
||
color: var(--loam);
|
||
margin-top: 0.5em;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
.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);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>THE LEDGER</h1>
|
||
<a href="/">← RETURN TO HUB</a>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="entry">
|
||
<div class="date">ENTRY 0401 — FEBRUARY 17, 2026</div>
|
||
<div class="title">THE TURNIP ROOT: WHAT SURVIVES THE FROST</div>
|
||
|
||
<div class="content">
|
||
<p>The ground is hard as iron here in Storm Lake. Three feet of snow blankets the county offices, the schoolhouse, the rows of corn stubble that stretch to the horizon. But beneath that white silence, the turnip waits.</p>
|
||
|
||
<p>I planted them in August, when the nights first hinted at frost. Not for harvest—those went into the cellar weeks ago—but for the roots that remain. The taproot of a turnip does not die when the air turns sharp; it goes dormant, stores its sugars, and holds on through the dark months. By spring, it will send forth green again from the same anchor.</p>
|
||
|
||
<p>This is the first principle of operations: <strong>survival is not passive endurance—it is active storage</strong>.</p>
|
||
</div>
|
||
|
||
<div class="metric-grid">
|
||
<div class="metric">
|
||
<div class="metric-label">SOIL TEMPERATURE AT 12"</div>
|
||
<div class="metric-value">−2°F</div>
|
||
</div>
|
||
<div class="metric">
|
||
<div class="metric-label">ROOT SUGAR CONCENTRATION</div>
|
||
<div class="metric-value">18%</div>
|
||
</div>
|
||
<div class="metric">
|
||
<div class="metric-label">EXPECTED RECOVERY TIME</div>
|
||
<div class="metric-value">21 DAYS</div>
|
||
</div>
|
||
<div class="metric">
|
||
<div class="metric-label">SURVIVAL PROBABILITY</div>
|
||
<div class="metric-value">94.2%</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="image-frame">
|
||
<img src="https://images.pexels.com/photos/35618788/pexels-photo-35618788.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Snow-covered lakeside with bare trees and a wooden bench under a winter sky" />
|
||
<div class="caption">Storm Lake at midwinter. The bench remains empty, the trees bare. But beneath the ice, the water flows.</div>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<p>In the county office, we practice the same discipline. When the budget tightens, when the staff shrinks, when the equipment ages past its prime—we do not panic. We store. We preserve what matters. We let the rest go dormant.</p>
|
||
|
||
<p>Mary Ellen from HR asked me yesterday why we keep the old filing cabinet instead of digitizing everything. I told her: because sometimes the power fails, and the cloud goes silent, and the only thing that survives is what was already written down. The turnip teaches us that survival is not about avoiding the freeze—it is about knowing how to wait through it.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="entry">
|
||
<div class="date">ENTRY 0402 — FEBRUARY 24, 2026</div>
|
||
<div class="title">THE MEND: WHEN THE STITCH HOLDS</div>
|
||
|
||
<div class="content">
|
||
<p>Last week, young Tom brought his sweater to me. A tear along the elbow, clean and straight, the kind that happens when you reach for something heavy and forget your own limits. He expected me to discard it.</p>
|
||
|
||
<p>Instead, I showed him the kintsugi of wool. Not golden lacquer—that is a poet's fancy—but the simple overcast stitch, doubled, pulled tight enough to bear weight again. The repair is visible. It should be. It proves the garment survived.</p>
|
||
|
||
<p>We do not hide our breaks in Storm Lake. We mark them.</p>
|
||
</div>
|
||
|
||
<div class="metric-grid">
|
||
<div class="metric">
|
||
<div class="metric-label">THREAD TYPE</div>
|
||
<div class="metric-value">WOOL, 4-PLY</div>
|
||
</div>
|
||
<div class="metric">
|
||
<div class="metric-label">STITCH DENSITY</div>
|
||
<div class="metric-value">8/mm</div>
|
||
</div>
|
||
<div class="metric">
|
||
<div class="metric-label">LOAD BEARING CAPACITY</div>
|
||
<div class="metric-value">RESTORED</div>
|
||
</div>
|
||
<div class="metric">
|
||
<div class="metric-label">VISIBILITY OF REPAIR</div>
|
||
<div class="metric-value">INTENTIONAL</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<p>The same logic applies to the municipal budget. Last quarter, we lost $12,000 in unexpected heating costs. Instead of hiding the shortfall in a footnote, we marked it on the main ledger, bold and unblinking. Then we rethreaded the remaining funds around it, stitch by careful stitch.</p>
|
||
|
||
<p>A repair is not a shame. It is proof of continuity.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="entry">
|
||
<div class="date">ENTRY 0403 — MARCH 3, 2026</div>
|
||
<div class="title">THE ANCHOR: WHY WE DO NOT DRIFT</div>
|
||
|
||
<div class="content">
|
||
<p>Tomorrow, the crew leaves for the blizzard patrol. They will drive the plows along Highway 7, clearing the shoulders, marking the curves, ensuring that when the thaw comes, the roads remember their shape.</p>
|
||
|
||
<p>I am staying behind. Someone must hold the anchor. Someone must watch the ledgers, balance the accounts, and ensure that when they return, the office is exactly as they left it—only warmer, only more ready.</p>
|
||
|
||
<p>This is the covenant of the small town: some go out to fight the storm, some stay to guard the flame. Both are necessary. Neither is superior.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<a href="/" class="back-link">RETURN TO HUB</a>
|
||
</main>
|
||
</body>
|
||
</html>
|