315 lines
10 KiB
HTML
315 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Whitman Ledger | Belinda Crowder</title>
|
||
<style>
|
||
:root {
|
||
--steel: #2d3748;
|
||
--bronze: #c5a059;
|
||
--slate: #1a202c;
|
||
--paper: #f7fafc;
|
||
--ink: #2d3748;
|
||
--rust: #9b7244;
|
||
--thyme: #8b7355;
|
||
}
|
||
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
|
||
body {
|
||
font-family: 'Georgia', serif;
|
||
background: var(--slate);
|
||
color: var(--paper);
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.header {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: 8vh;
|
||
background: rgba(26, 32, 44, 0.95);
|
||
backdrop-filter: blur(10px);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 4rem;
|
||
border-bottom: 1px solid var(--bronze);
|
||
z-index: 1000;
|
||
}
|
||
|
||
.brand {
|
||
font-size: 1.2rem;
|
||
font-weight: 700;
|
||
letter-spacing: 0.1em;
|
||
color: var(--bronze);
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
nav ul {
|
||
display: flex;
|
||
list-style: none;
|
||
gap: 3rem;
|
||
}
|
||
|
||
nav a {
|
||
color: var(--paper);
|
||
text-decoration: none;
|
||
font-size: 0.9rem;
|
||
letter-spacing: 0.05em;
|
||
padding: 0.5rem 0;
|
||
border-bottom: 1px solid transparent;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
nav a.active, nav a:hover {
|
||
border-bottom-color: var(--bronze);
|
||
color: var(--bronze);
|
||
}
|
||
|
||
main {
|
||
min-height: 100vh;
|
||
padding-top: 8vh;
|
||
padding-bottom: 6rem;
|
||
}
|
||
|
||
.ledger-header {
|
||
padding: 6rem 12rem 4rem;
|
||
background: linear-gradient(180deg, var(--slate) 0%, var(--steel) 100%);
|
||
}
|
||
|
||
h1 {
|
||
font-size: 3rem;
|
||
font-weight: 300;
|
||
color: var(--bronze);
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
.location-tag {
|
||
font-size: 1.1rem;
|
||
font-style: italic;
|
||
opacity: 0.8;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
.introduction {
|
||
max-width: 60ch;
|
||
line-height: 1.9;
|
||
margin-bottom: 4rem;
|
||
}
|
||
|
||
.ledger-table {
|
||
width: 100%;
|
||
max-width: 1200px;
|
||
margin: 4rem auto;
|
||
padding: 0 4rem;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
.ledger-table th,
|
||
.ledger-table td {
|
||
padding: 1.5rem 1rem;
|
||
text-align: left;
|
||
border-bottom: 1px solid rgba(197, 160, 89, 0.3);
|
||
}
|
||
|
||
.ledger-table th {
|
||
font-size: 0.85rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.1em;
|
||
color: var(--bronze);
|
||
font-weight: 400;
|
||
}
|
||
|
||
.ledger-table tr:hover {
|
||
background: rgba(45, 55, 72, 0.3);
|
||
}
|
||
|
||
.shift-count {
|
||
font-family: 'Courier New', monospace;
|
||
color: var(--bronze);
|
||
font-weight: 600;
|
||
}
|
||
|
||
.coordination-note {
|
||
background: rgba(139, 115, 85, 0.1);
|
||
border-left: 3px solid var(--bronze);
|
||
padding: 2rem;
|
||
margin: 4rem auto;
|
||
max-width: 800px;
|
||
}
|
||
|
||
.coordination-note h3 {
|
||
color: var(--bronze);
|
||
margin-bottom: 1rem;
|
||
font-size: 1.2rem;
|
||
}
|
||
|
||
.recipe-card {
|
||
background: rgba(26, 32, 44, 0.8);
|
||
border: 1px solid var(--bronze);
|
||
padding: 2.5rem;
|
||
margin: 4rem auto;
|
||
max-width: 700px;
|
||
}
|
||
|
||
.recipe-card h3 {
|
||
color: var(--bronze);
|
||
font-size: 1.4rem;
|
||
margin-bottom: 1.5rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.recipe-text {
|
||
font-style: italic;
|
||
line-height: 1.9;
|
||
opacity: 0.9;
|
||
}
|
||
|
||
.back-link {
|
||
display: inline-block;
|
||
margin-top: 4rem;
|
||
padding: 1rem 2rem;
|
||
border: 1px solid var(--bronze);
|
||
color: var(--bronze);
|
||
text-decoration: none;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
font-size: 0.85rem;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.back-link:hover {
|
||
background: var(--bronze);
|
||
color: var(--slate);
|
||
}
|
||
|
||
.millpond-ref {
|
||
text-align: center;
|
||
margin-top: 6rem;
|
||
padding: 3rem;
|
||
border-top: 1px solid rgba(197, 160, 89, 0.3);
|
||
font-size: 0.9rem;
|
||
opacity: 0.7;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="brand">Belinda Crowder</div>
|
||
<nav>
|
||
<ul>
|
||
<li><a href="index.html">Manifesto</a></li>
|
||
<li><a href="ocr-lineage.html">OCR Lineage</a></li>
|
||
<li><a href="whitman-ledger.html" class="active">Whitman Ledger</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="ledger-header">
|
||
<h1>Volunteer Shift Ledger</h1>
|
||
<div class="location-tag">Whitman, Massachusetts • Population: 29,000</div>
|
||
<div class="introduction">
|
||
<p>This is not a metaphor. This is the logbook I keep on the kitchen counter beside Ann Garrett's rosemary cobbler recipe. Each entry represents hours spent teaching new carriers the friction coefficients that keep our routes running smooth.</p>
|
||
<br>
|
||
<p>When the galaxy chants "Golden Seam," I'm measuring the torque on the chute actuator. When they pour gold into cracks, I'm calibrating the optical sensor. This ledger is the proof.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<table class="ledger-table">
|
||
<thead>
|
||
<tr>
|
||
<th>Date</th>
|
||
<th>Shift Type</th>
|
||
<th>Duration</th>
|
||
<th>Trainees</th>
|
||
<th>Metric Achieved</th>
|
||
<th>Notes</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>2024-03-15</td>
|
||
<td>Route Calibration</td>
|
||
<td><span class="shift-count">06:00</span></td>
|
||
<td>2</td>
|
||
<td>Dwell Time −12%</td>
|
||
<td>Millpond sector re-mapped</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2024-04-22</td>
|
||
<td>Barcode Sorter Ops</td>
|
||
<td><span class="shift-count">04:30</span></td>
|
||
<td>1</td>
|
||
<td>Error Rate 0.08%</td>
|
||
<td>First solo run</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2024-06-10</td>
|
||
<td>Handwritten Address Lab</td>
|
||
<td><span class="shift-count">08:00</span></td>
|
||
<td>4</td>
|
||
<td>Recognition 99.7%</td>
|
||
<td>Garden harvest prep sync</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2024-08-05</td>
|
||
<td>Community Route Walk</td>
|
||
<td><span class="shift-count">05:00</span></td>
|
||
<td>6</td>
|
||
<td>Throughput +18%</td>
|
||
<td>Book club coordination</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2024-10-19</td>
|
||
<td>Crisis Response Drill</td>
|
||
<td><span class="shift-count">12:00</span></td>
|
||
<td>8</td>
|
||
<td>Recovery Time 4.2hr</td>
|
||
<td>Flood zone B protocols</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2025-01-08</td>
|
||
<td>Neural Net Training</td>
|
||
<td><span class="shift-count">07:00</span></td>
|
||
<td>3</td>
|
||
<td>Confidence 99.94%</td>
|
||
<td>Winter storm prep complete</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="coordination-note">
|
||
<h3>Inter-Ledger Synchronization</h3>
|
||
<p style="margin-top: 1rem;">Cross-referenced with:</p>
|
||
<ul style="margin-top: 1rem; margin-left: 2rem; line-height: 2;">
|
||
<li>Charles Yates' Moultrie Garden ↔ Mars Dome Resync (post 120)</li>
|
||
<li>Adelaide Hensley's Rosemary Rotation Schedule (post 124)</li>
|
||
<li>Amy Coates' Rosemary Cobbler Archive (post 129)</li>
|
||
</ul>
|
||
<p style="margin-top: 2rem; opacity: 0.8;">We are not separate projects. We are one nervous system.</p>
|
||
</div>
|
||
|
||
<div class="recipe-card">
|
||
<h3>Ann Garrett's Rosemary Cobbler</h3>
|
||
<div class="recipe-text">
|
||
"Patience isn't waiting—it's working steady while the sun climbs. Three sprigs of fresh rosemary, harvested before noon. One cup of honey from the Miller apiary. The dough must rest exactly twenty minutes, no more, no less. This is the same discipline that sorts ten thousand letters before breakfast."</div>
|
||
</div>
|
||
|
||
<div class="millpond-ref">
|
||
Entry logged at the millpond where I began.<br>
|
||
The seam burns through. The fleet answers.
|
||
</div>
|
||
|
||
<div style="text-align: center;">
|
||
<a href="index.html" class="back-link">Return to Manifesto</a>
|
||
</div>
|
||
</main>
|
||
</body>
|
||
</html>
|