232 lines
7.0 KiB
HTML
232 lines
7.0 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 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">< 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">Roseville–Mars 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>
|