clifton-ellis-workshop/timekeeper.html

232 lines
7.0 KiB
HTML
Raw Normal View History

2026-07-18 14:09:08 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,0">
<title>The Timekeeper's Heart | Clifton Ellis</title>
<style>
:root {
--brass: #b8860b;
--void: #0a0a0f;
--starlight: #e8e8f0;
--oak: #8b5a2b;
--mercury: #c0c0c0;
}
* { box-sizing: border-box; }
body {
font-family: 'Georgia', serif;
background: var(--void);
color: var(--starlight);
max-width: 900px;
margin: 0 auto;
padding: 0;
line-height: 1.6;
}
header {
background: linear-gradient(180deg, #1a1a24 0%, var(--void) 100%);
border-bottom: 3px solid var(--brass);
padding: 40px 20px;
text-align: center;
}
h1 {
font-size: 2.4rem;
color: var(--brass);
margin: 0 0 15px 0;
letter-spacing: 0.05em;
}
.subtitle {
font-size: 1.1rem;
color: var(--mercury);
font-style: italic;
max-width: 600px;
margin: 0 auto;
}
.hero-image {
width: 100%;
height: 450px;
object-fit: cover;
border-top: 2px solid var(--brass);
border-bottom: 2px solid var(--brass);
display: block;
margin: 30px 0;
}
main {
padding: 40px 25px;
}
section {
margin-bottom: 50px;
}
h2 {
color: var(--brass);
font-size: 1.6rem;
border-left: 4px solid var(--oak);
padding-left: 15px;
margin-bottom: 20px;
}
.craft-quote {
background: rgba(139, 90, 43, 0.15);
border-left: 3px solid var(--brass);
padding: 20px 25px;
font-style: italic;
font-size: 1.15rem;
color: var(--mercury);
margin: 30px 0;
}
.spec-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
margin: 30px 0;
}
.spec-card {
background: rgba(184, 134, 11, 0.08);
border: 1px solid var(--brass);
padding: 20px;
border-radius: 4px;
}
.spec-label {
color: var(--brass);
font-weight: bold;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 8px;
}
.spec-value {
font-size: 1.3rem;
color: var(--starlight);
}
.spec-note {
font-size: 0.85rem;
color: var(--mercury);
margin-top: 8px;
}
.story-text {
font-size: 1.05rem;
color: var(--starlight);
margin-bottom: 20px;
}
.story-text em {
color: var(--brass);
font-style: normal;
font-weight: bold;
}
citation {
font-size: 0.8rem;
color: var(--mercury);
opacity: 0.7;
display: block;
margin-top: 10px;
}
citation a {
color: var(--brass);
text-decoration: underline;
}
nav.breadcrumb {
padding: 15px 0;
text-align: center;
border-bottom: 1px solid var(--oak);
margin-bottom: 30px;
}
nav.breadcrumb a {
color: var(--brass);
text-decoration: none;
margin: 0 8px;
}
footer {
background: #1a1a24;
border-top: 3px solid var(--brass);
padding: 30px;
text-align: center;
color: var(--mercury);
font-size: 0.9rem;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>The Timekeeper's Heart</h1>
<p class="subtitle">When the Earth is a speck of memory, what keeps the rhythm?</p>
<img class="hero-image" src="https://images-assets.nasa.gov/image/PIA24573/PIA24573~medium.jpg" alt="Deep Space Atomic Clock hardware — the mercury ion trap that will keep time among the stars" />
</header>
<main>
<section>
<h2>A Craftsman's Question</h2>
<div class="craft-quote">
"In Roseville, I teach seniors to fix a leaky faucet by feeling the vibration in the pipe. On Mars, a crew will fix a seal by trusting a clock that hasn't drifted a nanosecond in a decade. Same hands. Different scale."
</div>
<p class="story-text">
June 25, 2019. A <em>Falcon Heavy</em> rises from pad 39A, carrying something quieter than any payload humanity has ever launched: a clock so precise it will lose less than one second in ten million years. The <strong>Deep Space Atomic Clock</strong> — not a metaphor, not a prayer, but brass and vacuum and the heartbeat of cesium ions suspended in magnetic fields.
</p>
<p class="story-text">
I remember the first time I held a machinist's level in my father's shop in 1967. He said, <em>"Son, truth ain't what you believe. Truth is what the bubble tells you."</em> That clock in the void? It's the ultimate level. It doesn't negotiate with gravity. It doesn't forget Earth. It simply <em>is</em> time.
</p>
</section>
<section>
<h2>The Numbers That Hold</h2>
<div class="spec-grid">
<div class="spec-card">
<div class="spec-label">Launch Date</div>
<div class="spec-value">2019-06-25</div>
<div class="spec-note">STP-H3 Mission aboard Falcon Heavy</div>
</div>
<div class="spec-card">
<div class="spec-label">COSPAR ID</div>
<div class="spec-value">2019-036C</div>
<div class="spec-note">Official registry in the orbital ledger</div>
</div>
<div class="spec-card">
<div class="spec-label">Stability Target</div>
<div class="spec-value">&lt; 1 sec / 10 Myr</div>
<div class="spec-note">One second drift over ten million years</div>
</div>
<div class="spec-card">
<div class="spec-label">Heart</div>
<div class="spec-value">Mercury Ion Trap</div>
<div class="spec-note">Lightest, most stable atomic clock ever flown</div>
</div>
</div>
<span class="citation">Source: <a href="https://wikidata.org/wiki/Q25304292" target="_blank">Wikidata Q25304292</a> — Deep Space Atomic Clock</span>
</section>
<section>
<h2>Why This Matters to Us</h2>
<p class="story-text">
Every repair I've taught in Roseville rests on a hidden assumption: that time flows the same for the wrench in my hand as it does for the nut I'm turning. But out past the Moon, past Mars, that assumption breaks. Without a clock that refuses to drift, navigation becomes guesswork. A one-millisecond error means missing a rendezvous by thousands of kilometers.
</p>
<p class="story-text">
This is why I built the <a href="roseville-mars-toolbelt.html">RosevilleMars Toolbelt</a>. Why I wrote about <a href="jazz-repairs.html">jazz rhythms in the dome</a>. Because the same discipline that keeps a saxophone in tune at midnight keeps a colony alive when the sun is a bright star.
</p>
<div class="craft-quote">
"The Apollo 13 crew didn't survive on hope. They survived on a four-inch adapter. We won't survive on poetry. We'll survive on the clock that knows the hour."
</div>
</section>
<section>
<h2>Your Turn, Neighbor</h2>
<p class="story-text">
What's the instrument you trust when everything else lies? For me, it's the level. For a pilot, it's the gyroscope. For a navigator, it's this clock. Tell me yours. Write it down. Pin it to your workshop wall.
</p>
<p class="story-text">
And when you're ready to step into the void — whether it's Mars, or just the next generation of kids needing to fix their own world — take this truth with you: <em>precision is a moral act.</em>
</p>
</section>
</main>
<footer>
<nav class="breadcrumb">
<a href="index.html">Home</a>
· <a href="workshops.html">Workshops</a>
· <a href="the-golden-mend.html">The Golden Mend</a>
· <a href="timekeeper.html">The Timekeeper's Heart</a>
</nav>
<p>Clifton Ellis · Roseville, CA · Built on the rhythm of jazz and the grain of oak<br/>
<a href="timekeeper.json">Machine-readable twin</a></p>
</footer>
</body>
</html>