JL Kruger
5422131782
Homepage (site/index.html): integration-v14 promoted, Writings section integrated with 33 pieces clustered by type (stories/essays/miscellany), Writings welcome lightbox, content frame at 98% opacity. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1402 lines
85 KiB
HTML
1402 lines
85 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 Watch Maker — Annotated</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--bg-deep: #06080e;
|
||
--bg-surface: #0c1120;
|
||
--bg-card: #111827;
|
||
--bg-hover: #172035;
|
||
--brass: #c8a84b;
|
||
--brass-dim: #7a6428;
|
||
--brass-bright: #e8c96a;
|
||
--electric: #5bcffa;
|
||
--electric-dim: #2a85ad;
|
||
--green: #4caf7d;
|
||
--amber: #e07b4a;
|
||
--text-primary: #e8dcc8;
|
||
--text-secondary:#9a8f7a;
|
||
--text-muted: #52493f;
|
||
--border: rgba(200,168,75,0.18);
|
||
--border-bright: rgba(200,168,75,0.45);
|
||
--ff-prose: 'Cormorant Garamond', Georgia, serif;
|
||
--ff-mono: 'Space Mono', 'Courier New', monospace;
|
||
--ff-display: 'Cinzel', Georgia, serif;
|
||
}
|
||
|
||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||
html { scroll-behavior: smooth; }
|
||
|
||
body {
|
||
background: var(--bg-deep);
|
||
color: var(--text-primary);
|
||
font-family: var(--ff-prose);
|
||
line-height: 1.8;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
body::before {
|
||
content: '';
|
||
position: fixed;
|
||
inset: 0;
|
||
background:
|
||
radial-gradient(ellipse at 15% 40%, rgba(200,168,75,0.04) 0%, transparent 55%),
|
||
radial-gradient(ellipse at 85% 15%, rgba(91,207,250,0.04) 0%, transparent 55%),
|
||
radial-gradient(ellipse at 50% 95%, rgba(91,207,250,0.02) 0%, transparent 45%);
|
||
pointer-events: none;
|
||
z-index: 0;
|
||
}
|
||
|
||
/* ── NAV ── */
|
||
.nav {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 200;
|
||
background: rgba(6,8,14,0.96);
|
||
backdrop-filter: blur(14px);
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
|
||
.nav-inner {
|
||
max-width: 880px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
align-items: stretch;
|
||
padding: 0 1.5rem;
|
||
}
|
||
|
||
.nav-title {
|
||
font-family: var(--ff-display);
|
||
font-size: 0.72rem;
|
||
color: var(--brass);
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
padding: 0 1.25rem 0 0;
|
||
margin-right: 0.25rem;
|
||
border-right: 1px solid var(--border);
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 0.5rem;
|
||
white-space: nowrap;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.nav-title .gear { font-size: 1rem; opacity: 0.7; }
|
||
|
||
.tab-btn {
|
||
background: none;
|
||
border: none;
|
||
color: var(--text-secondary);
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.65rem;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
padding: 1rem 1rem;
|
||
cursor: pointer;
|
||
position: relative;
|
||
transition: color 0.2s;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.tab-btn::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0; left: 1rem; right: 1rem;
|
||
height: 2px;
|
||
background: var(--brass);
|
||
transform: scaleX(0);
|
||
transition: transform 0.25s cubic-bezier(.4,0,.2,1);
|
||
transform-origin: left;
|
||
}
|
||
|
||
.tab-btn:hover { color: var(--text-primary); }
|
||
.tab-btn.active { color: var(--brass-bright); }
|
||
.tab-btn.active::after { transform: scaleX(1); }
|
||
|
||
/* ── TABS ── */
|
||
.tab-content { display: none; }
|
||
.tab-content.active { display: block; }
|
||
|
||
.page {
|
||
max-width: 880px;
|
||
margin: 0 auto;
|
||
padding: 3rem 2rem 7rem;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
/* ── STORY HEADER ── */
|
||
.story-header {
|
||
text-align: center;
|
||
padding: 3.5rem 0 2.5rem;
|
||
margin-bottom: 2.5rem;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
|
||
.story-ornament {
|
||
font-size: 1.4rem;
|
||
color: var(--brass-dim);
|
||
letter-spacing: 0.6rem;
|
||
margin-bottom: 1rem;
|
||
display: block;
|
||
}
|
||
|
||
.story-title {
|
||
font-family: var(--ff-display);
|
||
font-size: 2.8rem;
|
||
color: var(--brass-bright);
|
||
letter-spacing: 0.04em;
|
||
line-height: 1.1;
|
||
margin-bottom: 0.4rem;
|
||
}
|
||
|
||
.story-meta {
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.68rem;
|
||
color: var(--text-muted);
|
||
letter-spacing: 0.12em;
|
||
text-transform: uppercase;
|
||
margin-top: 0.6rem;
|
||
}
|
||
|
||
.story-legend {
|
||
display: flex;
|
||
gap: 2rem;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
margin-top: 1.5rem;
|
||
padding-top: 1.5rem;
|
||
border-top: 1px solid var(--border);
|
||
}
|
||
|
||
.legend-item {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 0.6rem;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.63rem;
|
||
color: var(--text-secondary);
|
||
letter-spacing: 0.06em;
|
||
}
|
||
|
||
.legend-pip {
|
||
width: 8px; height: 8px;
|
||
border-radius: 50%;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.legend-pip.brass {
|
||
background: var(--brass);
|
||
box-shadow: 0 0 6px rgba(200,168,75,0.5);
|
||
}
|
||
|
||
.legend-pip.electric {
|
||
background: var(--electric);
|
||
box-shadow: 0 0 6px rgba(91,207,250,0.5);
|
||
}
|
||
|
||
/* ── PROSE ── */
|
||
.prose p {
|
||
font-size: 1.18rem;
|
||
line-height: 1.9;
|
||
color: var(--text-primary);
|
||
margin-bottom: 1.5em;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.prose p:last-child { margin-bottom: 0; }
|
||
|
||
.gear-divider {
|
||
text-align: center;
|
||
color: var(--brass-dim);
|
||
font-size: 1rem;
|
||
margin: 2.5rem 0;
|
||
letter-spacing: 0.8rem;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
/* External YouTube block */
|
||
.yt-block {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 0.9rem;
|
||
padding: 0.85rem 1.1rem;
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 7px;
|
||
text-decoration: none;
|
||
margin: 0 0 2rem 0;
|
||
transition: border-color 0.2s, background 0.2s;
|
||
}
|
||
|
||
.yt-block:hover { border-color: var(--brass-dim); background: var(--bg-hover); }
|
||
|
||
.yt-play {
|
||
font-size: 1rem;
|
||
color: var(--electric);
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.yt-text {
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.7rem;
|
||
color: var(--text-secondary);
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.yt-arrow {
|
||
margin-left: auto;
|
||
font-size: 0.75rem;
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
/* ── DECODER ── */
|
||
.decoder {
|
||
display: inline;
|
||
position: relative;
|
||
}
|
||
|
||
.decoder-trigger {
|
||
background: none;
|
||
border: none;
|
||
border-bottom: 1px dashed var(--brass-dim);
|
||
color: var(--brass-bright);
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
font-style: inherit;
|
||
font-weight: inherit;
|
||
line-height: inherit;
|
||
cursor: pointer;
|
||
padding: 0 1px;
|
||
transition: color 0.15s, border-bottom-color 0.15s;
|
||
}
|
||
|
||
.decoder-trigger::after {
|
||
content: '▾';
|
||
font-size: 0.6em;
|
||
margin-left: 2px;
|
||
vertical-align: middle;
|
||
color: var(--brass-dim);
|
||
transition: color 0.15s;
|
||
}
|
||
|
||
.decoder-trigger:hover { color: var(--brass-bright); border-bottom-color: var(--brass); }
|
||
.decoder-trigger:hover::after { color: var(--brass); }
|
||
|
||
.decoder-trigger.open {
|
||
color: var(--brass-bright);
|
||
border-bottom: 1px solid var(--brass);
|
||
}
|
||
|
||
.decoder-trigger.open::after { content: '▴'; color: var(--brass); }
|
||
|
||
.decoder-panel {
|
||
display: none;
|
||
position: absolute;
|
||
top: calc(100% + 7px);
|
||
left: 0;
|
||
z-index: 500;
|
||
width: 316px;
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border-bright);
|
||
border-radius: 9px;
|
||
padding: 1.1rem 1.1rem 0.9rem;
|
||
box-shadow: 0 12px 40px rgba(0,0,0,0.6), 0 0 0 1px rgba(200,168,75,0.06), inset 0 1px 0 rgba(200,168,75,0.08);
|
||
}
|
||
|
||
.decoder-panel.open { display: block; }
|
||
.decoder-panel.flip-left { left: auto; right: 0; }
|
||
|
||
.decode-label {
|
||
display: block;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.58rem;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
color: var(--text-muted);
|
||
margin-bottom: 0.2rem;
|
||
}
|
||
|
||
.decode-term {
|
||
display: block;
|
||
font-family: var(--ff-display);
|
||
font-size: 0.88rem;
|
||
color: var(--brass-bright);
|
||
letter-spacing: 0.04em;
|
||
margin-bottom: 0.55rem;
|
||
}
|
||
|
||
.decode-verdict {
|
||
display: inline-block;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.56rem;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
padding: 2px 7px;
|
||
border-radius: 3px;
|
||
margin-bottom: 0.55rem;
|
||
}
|
||
|
||
.decode-verdict.real { background: rgba(76,175,125,0.12); color: var(--green); border: 1px solid rgba(76,175,125,0.25); }
|
||
.decode-verdict.fiction { background: rgba(224,123,74,0.12); color: var(--amber); border: 1px solid rgba(224,123,74,0.25); }
|
||
.decode-verdict.partial { background: rgba(91,207,250,0.08); color: var(--electric); border: 1px solid rgba(91,207,250,0.2); }
|
||
.decode-verdict.history { background: rgba(200,168,75,0.08); color: var(--brass); border: 1px solid rgba(200,168,75,0.2); }
|
||
|
||
.decode-body {
|
||
display: block;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.7rem;
|
||
line-height: 1.65;
|
||
color: var(--text-secondary);
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.decode-link {
|
||
display: block;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.63rem;
|
||
color: var(--electric-dim);
|
||
text-decoration: none;
|
||
margin-top: 0.4rem;
|
||
padding-top: 0.5rem;
|
||
border-top: 1px solid var(--border);
|
||
transition: color 0.15s;
|
||
}
|
||
|
||
.decode-link:hover { color: var(--electric); }
|
||
|
||
/* ── LIGHTBOX TRIGGER ── */
|
||
.lb-trigger {
|
||
background: none;
|
||
border: none;
|
||
border-bottom: 1px solid var(--electric-dim);
|
||
color: var(--electric);
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
font-style: inherit;
|
||
font-weight: inherit;
|
||
line-height: inherit;
|
||
cursor: pointer;
|
||
padding: 0 1px;
|
||
transition: color 0.15s, border-bottom-color 0.15s;
|
||
}
|
||
|
||
.lb-trigger::after {
|
||
content: '↗';
|
||
font-size: 0.6em;
|
||
margin-left: 2px;
|
||
vertical-align: middle;
|
||
color: var(--electric-dim);
|
||
}
|
||
|
||
.lb-trigger:hover { color: #7ae0ff; border-bottom-color: var(--electric); }
|
||
|
||
/* ── LIGHTBOX ── */
|
||
.lightbox-overlay {
|
||
display: none;
|
||
position: fixed;
|
||
inset: 0;
|
||
background: rgba(0,0,0,0.78);
|
||
z-index: 1000;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 2rem 1.5rem;
|
||
}
|
||
|
||
.lightbox-overlay.open { display: flex; }
|
||
|
||
.lightbox-box {
|
||
background: var(--bg-surface);
|
||
border: 1px solid var(--border-bright);
|
||
border-radius: 13px;
|
||
width: 100%;
|
||
max-width: 620px;
|
||
max-height: 88vh;
|
||
overflow-y: auto;
|
||
box-shadow: 0 24px 72px rgba(0,0,0,0.75), 0 0 0 1px rgba(91,207,250,0.07);
|
||
}
|
||
|
||
.lightbox-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 1.2rem 1.5rem;
|
||
border-bottom: 1px solid var(--border);
|
||
position: sticky;
|
||
top: 0;
|
||
background: var(--bg-surface);
|
||
border-radius: 13px 13px 0 0;
|
||
z-index: 1;
|
||
}
|
||
|
||
.lightbox-title {
|
||
font-family: var(--ff-display);
|
||
font-size: 0.95rem;
|
||
color: var(--electric);
|
||
letter-spacing: 0.06em;
|
||
}
|
||
|
||
.lightbox-close {
|
||
background: none;
|
||
border: none;
|
||
color: var(--text-muted);
|
||
cursor: pointer;
|
||
font-size: 1rem;
|
||
width: 28px;
|
||
height: 28px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 50%;
|
||
transition: color 0.15s, background 0.15s;
|
||
}
|
||
|
||
.lightbox-close:hover { color: var(--text-primary); background: var(--bg-hover); }
|
||
|
||
.lightbox-body { padding: 1.5rem; }
|
||
|
||
.lightbox-body h3 {
|
||
font-family: var(--ff-display);
|
||
font-size: 0.82rem;
|
||
color: var(--brass);
|
||
letter-spacing: 0.09em;
|
||
margin-bottom: 0.55rem;
|
||
margin-top: 1.3rem;
|
||
}
|
||
|
||
.lightbox-body h3:first-child { margin-top: 0; }
|
||
|
||
.lightbox-body p {
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.74rem;
|
||
line-height: 1.75;
|
||
color: var(--text-secondary);
|
||
margin-bottom: 0.7rem;
|
||
}
|
||
|
||
.lightbox-body p:last-child { margin-bottom: 0; }
|
||
|
||
.lightbox-body strong { color: var(--brass-bright); font-weight: 700; }
|
||
|
||
.lightbox-body a {
|
||
color: var(--electric-dim);
|
||
font-size: 0.68rem;
|
||
text-decoration: none;
|
||
display: block;
|
||
margin-top: 1.25rem;
|
||
padding-top: 1rem;
|
||
border-top: 1px solid var(--border);
|
||
transition: color 0.15s;
|
||
}
|
||
|
||
.lightbox-body a:hover { color: var(--electric); }
|
||
|
||
/* ── ACCORDION ── */
|
||
.accordion { margin-bottom: 0.5rem; }
|
||
|
||
.accordion-item {
|
||
border: 1px solid var(--border);
|
||
border-radius: 8px;
|
||
margin-bottom: 0.6rem;
|
||
overflow: hidden;
|
||
transition: border-color 0.2s;
|
||
}
|
||
|
||
.accordion-item:hover { border-color: var(--border-bright); }
|
||
|
||
.accordion-trigger {
|
||
width: 100%;
|
||
background: var(--bg-card);
|
||
border: none;
|
||
color: var(--text-primary);
|
||
padding: 1rem 1.25rem;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 1rem;
|
||
transition: background 0.15s;
|
||
}
|
||
|
||
.accordion-trigger:hover { background: var(--bg-hover); }
|
||
.accordion-trigger.open { background: var(--bg-hover); }
|
||
|
||
.accordion-trigger-text {
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.76rem;
|
||
letter-spacing: 0.04em;
|
||
line-height: 1.4;
|
||
color: var(--text-primary);
|
||
}
|
||
|
||
.accordion-trigger.open .accordion-trigger-text { color: var(--brass-bright); }
|
||
|
||
.accordion-arrow {
|
||
font-size: 0.75rem;
|
||
color: var(--brass-dim);
|
||
flex-shrink: 0;
|
||
transition: transform 0.22s, color 0.15s;
|
||
}
|
||
|
||
.accordion-trigger.open .accordion-arrow { transform: rotate(180deg); color: var(--brass); }
|
||
|
||
.accordion-panel {
|
||
display: none;
|
||
padding: 1.25rem 1.5rem;
|
||
background: var(--bg-surface);
|
||
border-top: 1px solid var(--border);
|
||
}
|
||
|
||
.accordion-panel.open { display: block; }
|
||
|
||
.accordion-panel p {
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.76rem;
|
||
line-height: 1.78;
|
||
color: var(--text-secondary);
|
||
margin-bottom: 0.8rem;
|
||
}
|
||
|
||
.accordion-panel p:last-child { margin-bottom: 0; }
|
||
.accordion-panel strong { color: var(--brass-bright); font-weight: 700; }
|
||
.accordion-panel em { color: var(--text-primary); font-style: italic; }
|
||
|
||
.accordion-panel a {
|
||
color: var(--electric-dim);
|
||
text-decoration: none;
|
||
transition: color 0.15s;
|
||
}
|
||
|
||
.accordion-panel a:hover { color: var(--electric); }
|
||
|
||
/* ── TAB HEADINGS ── */
|
||
.tab-heading {
|
||
font-family: var(--ff-display);
|
||
font-size: 2rem;
|
||
color: var(--brass-bright);
|
||
letter-spacing: 0.05em;
|
||
margin-bottom: 0.4rem;
|
||
margin-top: 2.5rem;
|
||
}
|
||
|
||
.tab-subheading {
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.7rem;
|
||
color: var(--text-muted);
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
margin-bottom: 2.5rem;
|
||
}
|
||
|
||
hr.section-rule {
|
||
border: none;
|
||
border-top: 1px solid var(--border);
|
||
margin: 2.5rem 0;
|
||
}
|
||
|
||
/* ── SCORE CARDS ── */
|
||
.score-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 1rem;
|
||
margin-bottom: 2.5rem;
|
||
}
|
||
|
||
.score-card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 9px;
|
||
padding: 1.25rem 1rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.score-number {
|
||
font-family: var(--ff-display);
|
||
font-size: 2.4rem;
|
||
line-height: 1;
|
||
margin-bottom: 0.4rem;
|
||
}
|
||
|
||
.score-number.green { color: var(--green); }
|
||
.score-number.amber { color: var(--amber); }
|
||
.score-number.electric { color: var(--electric); }
|
||
|
||
.score-label {
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.6rem;
|
||
color: var(--text-muted);
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
/* ── PULL QUOTE ── */
|
||
.pull-quote {
|
||
border-left: 3px solid var(--brass-dim);
|
||
padding: 0.7rem 1.25rem;
|
||
margin: 0 0 2rem 0;
|
||
background: rgba(200,168,75,0.03);
|
||
border-radius: 0 6px 6px 0;
|
||
}
|
||
|
||
.pull-quote p {
|
||
font-family: var(--ff-prose);
|
||
font-size: 1.1rem;
|
||
font-style: italic;
|
||
color: var(--text-secondary);
|
||
line-height: 1.7;
|
||
margin: 0;
|
||
}
|
||
|
||
/* ── FURTHER READING ── */
|
||
.reading-section { margin-bottom: 2.5rem; }
|
||
|
||
.reading-section-title {
|
||
font-family: var(--ff-display);
|
||
font-size: 0.78rem;
|
||
color: var(--brass);
|
||
letter-spacing: 0.14em;
|
||
text-transform: uppercase;
|
||
padding-bottom: 0.6rem;
|
||
margin-bottom: 0.5rem;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
|
||
.reading-link {
|
||
display: block;
|
||
padding: 0.8rem 0 0.8rem 0.5rem;
|
||
border-bottom: 1px solid var(--border);
|
||
text-decoration: none;
|
||
border-left: 2px solid transparent;
|
||
transition: border-left-color 0.2s, padding-left 0.2s;
|
||
}
|
||
|
||
.reading-link:hover { border-left-color: var(--electric-dim); padding-left: 1rem; }
|
||
.reading-link:last-child { border-bottom: none; }
|
||
|
||
.reading-link-title {
|
||
display: block;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.78rem;
|
||
color: var(--electric-dim);
|
||
margin-bottom: 0.25rem;
|
||
transition: color 0.15s;
|
||
}
|
||
|
||
.reading-link:hover .reading-link-title { color: var(--electric); }
|
||
|
||
.reading-link-desc {
|
||
display: block;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.67rem;
|
||
color: var(--text-muted);
|
||
line-height: 1.55;
|
||
}
|
||
|
||
.reading-tag {
|
||
display: inline-block;
|
||
font-family: var(--ff-mono);
|
||
font-size: 0.54rem;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
padding: 1px 5px;
|
||
border-radius: 3px;
|
||
background: rgba(200,168,75,0.08);
|
||
color: var(--brass-dim);
|
||
border: 1px solid rgba(200,168,75,0.15);
|
||
margin-left: 0.4rem;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.nav-title { display: none; }
|
||
.tab-btn { padding: 1rem 0.7rem; font-size: 0.58rem; }
|
||
.story-title { font-size: 2rem; }
|
||
.score-grid { grid-template-columns: 1fr 1fr; }
|
||
.page { padding: 2rem 1.25rem 5rem; }
|
||
.decoder-panel { width: 270px; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- NAV -->
|
||
<nav class="nav">
|
||
<div class="nav-inner">
|
||
<div class="nav-title"><span class="gear">⚙</span> The Watch Maker</div>
|
||
<button class="tab-btn active" onclick="switchTab('tab-story', this)">The Story</button>
|
||
<button class="tab-btn" onclick="switchTab('tab-physics', this)">The Physics</button>
|
||
<button class="tab-btn" onclick="switchTab('tab-moment', this)">The Moment</button>
|
||
<button class="tab-btn" onclick="switchTab('tab-reading', this)">Further Reading</button>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
TAB 1: THE STORY
|
||
═══════════════════════════════════════════════ -->
|
||
<div id="tab-story" class="tab-content active">
|
||
<div class="page">
|
||
|
||
<div class="story-header">
|
||
<span class="story-ornament">⚙ ◆ ⌚ ◆ ⚙</span>
|
||
<div class="story-title">The Watch Maker</div>
|
||
<div class="story-meta">Written 2010 · Age 19 · Fiction</div>
|
||
<div class="story-legend">
|
||
<div class="legend-item">
|
||
<span class="legend-pip brass"></span>
|
||
Brass underline — tap to de-woo
|
||
</div>
|
||
<div class="legend-item">
|
||
<span class="legend-pip electric"></span>
|
||
Blue underline — deeper dive
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="prose">
|
||
|
||
<a class="yt-block" href="https://www.youtube.com/watch?v=EBZhO98Vg3w" target="_blank">
|
||
<span class="yt-play">▶</span>
|
||
<span class="yt-text">Paired soundtrack — YouTube</span>
|
||
<span class="yt-arrow">↗</span>
|
||
</a>
|
||
|
||
<p>The Watch Maker sat at his desk, working. It had just gone four in the morning and he was almost finished. His old eyes ached with tiredness and burned from concentration while his aged, but practised, hands shook ever-so-slightly as they went about their business. It was extremely delicate work – and dangerous for that matter. Each component of the device had been designed and calibrated with almost unimaginable intricacy, accurate to the nanometre. There was no room for any fault or loose part, not when so much was at stake.</p>
|
||
|
||
<p>The Watch Maker's brow was furrowed as he looked through the microscope at the small toothed wheel he was placing. He almost laughed at the thought that such a devastatingly intricate, and advanced device still made use of this age-old machine. But it did because it had to – no amount of <span class="decoder" id="dec-silicone"><button class="decoder-trigger" onclick="toggleDecoder('dec-silicone', this)">silicone</button><span class="decoder-panel"><span class="decode-label">Typo alert</span><span class="decode-term">Silicon ≠ Silicone</span><span class="decode-verdict fiction">Science note</span><span class="decode-body">The author means <em>silicon</em>, the semiconductor element that underpins all modern computing. <em>Silicone</em> is a rubbery polymer — excellent for oven mitts and medical implants, less relevant to quantum watchmaking. A small, endearing slip that is itself a data point about writing at the edge of one's knowledge.</span><a class="decode-link" href="https://www.britannica.com/science/silicon" target="_blank">→ Silicon (Britannica)</a></span></span> could replicate the most basic function of a cog, no matter how these new-fangled techies argued it.</p>
|
||
|
||
<p>The piece was placed. The Watch Maker moved on to the next piece. It was even smaller than the cog, but infinitely more important. It looked, for all intents and purposes, like a fine, electric blue thread, no thicker than a hair. One might even say that it had the appearance of an arc of electricity that had somehow been confined to physical form, or more simply, a microscopic version of Zeus's lightning bolt. The Watch Maker placed it in a small notch in the device, beside six others just like it. The machine was almost complete.</p>
|
||
|
||
<p>All that remained were three tiny diamonds, so small that each had almost as few atoms as humans have years, give or take a few thousand. They were to be placed into a set of chambers that formed a triangle around the inner workings of the device.</p>
|
||
|
||
<p>The Watch Maker felt a ball of excitement, tension and traces of gas in his stomach. This was it. Almost.</p>
|
||
|
||
<p>The Watch Maker, Lars Gleistengröber, had spent the better part of his life, which was now approaching a length of almost eighty years, envisioning and designing this little trinket on which so much hung in the balance. He was a tall, lanky fellow, now stooped with age. His once dark hair was now completely white except where it no longer existed on his shiny, bald crown. He kept it short because it got in the way of his work, and so did facial hair, so naturally, he was clean shaven. His sunken eyes were so dark that they seemed black, and when coupled with the deep lines and folds of skin that riddled his face, they gave the impression that he was always miles away. However, years of working with tiny tools at ridiculous magnifications had blessed him with such poor eyesight that he had to wear a pair of spectacles so thick that he looked, for all the world, like a bad tempered, eighty-year-old Power Puff Girl (the green one).</p>
|
||
|
||
<p>He placed the diamonds in their respective chambers and sealed them. There was one thing left to do. He rummaged around in the drawers under his workbench until he found what he was looking for. He picked the device up gently and slowly clipped it into its casing. Finally, he screwed the back cover into place before placing the little object on the workbench where he stared at it, exhausted and satisfied, for some time.</p>
|
||
|
||
<p>He stood up and went to the liquor cabinet that stood in a corner near the back of his office. He pulled out a crystal tumbler and a bottle of Johnny Blue and proceeded to pour himself a double. After a swig, or two – well three, for good measure – he walked over to the antique phone that was mounted on his wall. He dialled slowly, even by the standards of those annoying telephones that one dials by rotating a disk with holes to slot one's fingers in – the kind he still used, despite all advances in technology. He could handle <span class="decoder" id="dec-qm"><button class="decoder-trigger" onclick="toggleDecoder('dec-qm', this)">quantum mechanics</button><span class="decoder-panel"><span class="decode-label">The real thing</span><span class="decode-term">Quantum Mechanics</span><span class="decode-verdict real">Real Science</span><span class="decode-body">QM is the physics of the very small — atoms, electrons, photons. Particles exist as probability clouds rather than fixed positions; measurement itself collapses those possibilities. Lars uses it as shorthand for "hard science," which is fair: it is the most counterintuitive branch of physics ever confirmed by experiment.</span><a class="decode-link" href="https://www.feynmanlectures.caltech.edu/III_toc.html" target="_blank">→ Feynman Lectures on QM (free online)</a></span></span> no problem, but too many buttons just confused him. He waited a moment or two before the man on the other end of the receiver picked up.</p>
|
||
|
||
<p>"Hello, George?" said Lars. His voice was curt, but it had a gravelly character that hinted at years behind cigarette.</p>
|
||
|
||
<p>"Lars?" responded a soft, tired voice from the other end. "What in blue blazes are you doing ringing me up at this God forsaken hour? Are you deranged?"</p>
|
||
|
||
<p>"George," said Lars urgently, "You must come quick. I've done it."</p>
|
||
|
||
<p>"Done what?" asked George. He sounded worried.</p>
|
||
|
||
<p>"Something amazing." trembled Lars – he could barely contain his excitement.</p>
|
||
|
||
<p>"Oh no," said George, "What is it this time? Is Jill okay?"</p>
|
||
|
||
<p>Jill was Lars' wife, and she was perfectly fine, although she hadn't been speaking to Lars for the past week. Granted, Lars hadn't spoken to her in almost two weeks, not since he discovered how to make the Resonators actually do what they were supposed to. Since then he had holed himself up in his office, working tirelessly, up to this point, this crucial point. Nothing would be the same from today, Lars was sure of that.</p>
|
||
|
||
<p>"Jill's fine," said Lars, "Just get here as fast as you can. You have to see it."</p>
|
||
|
||
<p>George's mind was racing as the taxi drove him to the jeweller on the corner of fifty first and seventh where Lars worked as a watch maker and repairman. He was worried that Lars had finally overestimated the curious balance of stupidity, ingenuity and downright luck that had saved his neck more times than George could remember.</p>
|
||
|
||
<p>Even when he and Lars had served together in the Vietnam War sixty years before, he noticed Lars would often rush into a fray head first, without a helmet, and yet emerge, somehow alive, to tell the tale – and get the medal. George wasn't like that, he was a short, jumpy man, with a face and demeanour that likened itself to a squirrel when he was in a good mood, and a rat when he wasn't. He was three years younger than Lars, but found that he always felt older. He said that Lars was childish, Lars said that he was anal retentive.</p>
|
||
|
||
<p>After the war George was glad to see Lars settle down with Jill, even if being a watch maker was an odd choice of profession for him. But, to George's horror, Lars developed a fascination with <span class="decoder" id="dec-qphysics"><button class="decoder-trigger" onclick="toggleDecoder('dec-qphysics', this)">quantum physics</button><span class="decoder-panel"><span class="decode-label">Cultural context</span><span class="decode-term">Quantum Physics as Popular Obsession</span><span class="decode-verdict partial">Context</span><span class="decode-body">In the 2000s, quantum physics became a cultural shorthand for "anything is possible." Brian Greene's <em>The Elegant Universe</em>, Michio Kaku's <em>Parallel Worlds</em>, and popular documentaries made quantum weirdness a household concept — and a license for fictional invention. George's horror is the correct response to someone who absorbed the vocabulary without the mathematics.</span><a class="decode-link" href="https://www.pbs.org/wgbh/nova/series/elegant-universe/" target="_blank">→ The Elegant Universe (PBS Nova, free)</a></span></span> and began to fancy himself an inventor.</p>
|
||
|
||
<p>On one occasion, Lars had built a contraption which he claimed was a working <button class="lb-trigger" onclick="openLightbox('lb-qcomputer')">quantum computer</button>. It looked like a small cube, about the size of a die, which glowed electric blue and hovered in the centre of a large metal ring which was connected to the wall socket and to a large screen. The computer worked at first – it seemed to intuitively understand all that Lars was telling it, verbally, to do. But, in true Lars fashion, he hadn't quite thought the darn contraption through. The method he was using to stabilize each <span class="decoder" id="dec-qubit"><button class="decoder-trigger" onclick="toggleDecoder('dec-qubit', this)">qubit in its various states</button><span class="decoder-panel"><span class="decode-label">This one is real</span><span class="decode-term">Qubits & Superposition</span><span class="decode-verdict real">Real Science</span><span class="decode-body">A qubit is the quantum equivalent of a classical bit. Where a bit is 0 or 1, a qubit exists in a <em>superposition</em> of both simultaneously — until measured. Keeping qubits stable ("coherent") is genuinely one of the hardest problems in experimental physics. Lars' explosion is metaphorically sound: real quantum computers require near-absolute-zero environments to prevent decoherence.</span><a class="decode-link" href="https://quantum.country/qcvc" target="_blank">→ Quantum Computing for the Very Curious (free)</a></span></span> quickly overloaded the power source, blacking out everything in a five block radius. When the power failed, so did the stabilizing mechanism, causing an explosion that somehow managed to destroy every piece of glass and electronic equipment in the building, but left Lars and George unscathed. Jill almost divorced him after that, and so Lars stopped working on anything for almost twenty years, or so George thought. Evidently not, thought George, or he wouldn't be on his way to Lars' office at half past four in the morning.</p>
|
||
|
||
<p>The cab stopped. George tumbled out of the car and into the shop.</p>
|
||
|
||
<p>"What is it, Lars?" he panted, "What – what have you done?"</p>
|
||
|
||
<p>"Have a whiskey." said Lars, offering him a glass.</p>
|
||
|
||
<p>"You… You brought me here… At five in the damned morning… For whisky? You've gone senile my friend. No doubt!"</p>
|
||
|
||
<p>"Don't be ridiculous, George." laughed Lars, "I haven't gone senile. The viagra works fine."</p>
|
||
|
||
<p>"Senile, not sterile, you asshole." growled George. He hadn't gotten over his morning grumpiness enough to find Lars funny. "What do you want me to see?"</p>
|
||
|
||
<p>"Whiskey first, old boy." said Lars, "And then we can play."</p>
|
||
|
||
<p>George grumbled all the way through the first sip, and then, upon realising exactly what whiskey it was, he fell silent and stared at his old friend.</p>
|
||
|
||
<p>"Good, huh?" smiled Lars.</p>
|
||
|
||
<p>"Yes," said George, looking at his glass, "But you've either done something really amazing, or really stupid, to open <em>this</em> up."</p>
|
||
|
||
<p>"Hopefully the former, but probably the latter. Maybe both."</p>
|
||
|
||
<p>"What is it Lars? What have you done? If it's another damn computer I'll smash it with my bare hands before I'll let you turn it on, ya hear?"</p>
|
||
|
||
<p>Lars simply laughed.</p>
|
||
|
||
<p>"Follow me."</p>
|
||
|
||
<p>Lars led George into the back office where he worked and pointed to a small silver pocket watch laying on the workbench. It seemed, for all the world, to be perfectly ordinary, save for two differences. First, instead of a single adjustment dial it had two. Second, the face consisted of four separate clock faces. A large one with slender Victorian hands which simply told the time, and three smaller ones like the kind you find on sports watches. It was certainly more elegant than Lars' other contraptions, thought George, but he still didn't trust the thing. Knowing Lars, this thing could probably do more damage than <span class="decoder" id="dec-fatman"><button class="decoder-trigger" onclick="toggleDecoder('dec-fatman', this)">Fat Man or Little Boy</button><span class="decoder-panel"><span class="decode-label">Historical reference</span><span class="decode-term">The Atomic Bombs, 1945</span><span class="decode-verdict history">History</span><span class="decode-body">Fat Man and Little Boy were codenames for the nuclear bombs dropped on Nagasaki and Hiroshima in August 1945, killing an estimated 120,000–200,000 people. George's comparison is not hyperbole: Lars' device theoretically threatens causality itself — which is, arguably, worse than any bomb.</span><a class="decode-link" href="https://www.atomicheritage.org/history/bombings-hiroshima-and-nagasaki-1945" target="_blank">→ Atomic Heritage Foundation</a></span></span> could dream of.</p>
|
||
|
||
<p>"There it is," said Lars, "My Magnificent Octopus."</p>
|
||
|
||
<p>"Your what?"</p>
|
||
|
||
<p>"My Magnum Opus," said Lars, "My life's work. Drink Johnny, why don't you, he can make you laugh any time."</p>
|
||
|
||
<p>"What is it?" asked George, taking a sip.</p>
|
||
|
||
<p>"I call it a Wobbler."</p>
|
||
|
||
<p>"What?"</p>
|
||
|
||
<p>"A Wobbler."</p>
|
||
|
||
<p>"What does it do?"</p>
|
||
|
||
<p>"Well," sighed Lars, "It – uh – well it – um – wobbles."</p>
|
||
|
||
<p>George was incredulous. Viagra or not, this man had fallen off his rocking chair somewhere over the Mariana Trench.</p>
|
||
|
||
<p>"You're serious?"</p>
|
||
|
||
<p>"Well, at the most basic level," said Lars, "That's all it does. You're no fun in the morning, y'know. I spent all night thinking of those jokes. It's actually a <button class="lb-trigger" onclick="openLightbox('lb-spacetime')">Spatio-Temporal Resonator</button>. I call it the Silver STaR for short."</p>
|
||
|
||
<p>"And what does it <em>do</em>?"</p>
|
||
|
||
<p>"Well, I'm not quite sure."</p>
|
||
|
||
<p>"Meaning?"</p>
|
||
|
||
<p>George felt a shiver of apprehension. Lars was doing what he did best, breaking the Laws of Nature and forgetting the one Law that mattered – Murphy's. Lars always said that Murphy was an idiotic dipstick who was mad at the world because he never got a date. Murphy didn't like that, so there was a mutual hatred between the Law and the man.</p>
|
||
|
||
<p>"It's calibrated to detect, and vibrate at, the <span class="decoder" id="dec-resonant"><button class="decoder-trigger" onclick="toggleDecoder('dec-resonant', this)">resonant frequency of the space-time continuum</button><span class="decoder-panel"><span class="decode-label">The big one</span><span class="decode-term">Space-Time Has No Tunable Frequency</span><span class="decode-verdict fiction">Pure fiction</span><span class="decode-body">Space-time in general relativity is a geometric structure — not a medium that vibrates at frequencies you can dial in. <em>However</em>: gravitational waves are literal ripples in space-time geometry, detected by LIGO in 2015 — five years after this story was written. The author was wrong in mechanism but accidentally right in spirit.</span><a class="decode-link" href="https://www.ligo.caltech.edu/page/what-are-gw" target="_blank">→ LIGO: What Are Gravitational Waves?</a></span></span>, creating a localised disturbance of <span class="decoder" id="dec-interference"><button class="decoder-trigger" onclick="toggleDecoder('dec-interference', this)">constructive interference</button><span class="decoder-panel"><span class="decode-label">This one actually works</span><span class="decode-term">Constructive Interference</span><span class="decode-verdict real">Real Physics</span><span class="decode-body">Constructive interference occurs when two waves align — their crests reinforce each other, producing greater amplitude. It is real, measurable, and fundamental to wave optics and acoustics. Lars uses it in a fictional context, but the term itself is correctly deployed. A 19-year-old who has done the reading.</span><a class="decode-link" href="https://www.khanacademy.org/science/physics/light-waves/interference-of-light-waves/a/wave-interference" target="_blank">→ Khan Academy: Wave Interference</a></span></span>."</p>
|
||
|
||
<p>"Disturb the <button class="lb-trigger" onclick="openLightbox('lb-spacetime')">space-time continuum</button>?" said George, "Are you mad?"</p>
|
||
|
||
<p>"It's only a localised disturbance." argued Lars, "<em>In theory.</em>"</p>
|
||
|
||
<p>"And what would it achieve, hmmm?"</p>
|
||
|
||
<p>"Well I'm not sure. Theoretically, if the frequencies are altered correctly, one could move through either space, or time, without disturbing the other."</p>
|
||
|
||
<p>"So, it's a <button class="lb-trigger" onclick="openLightbox('lb-timetravel')">teleporter and a time-machine</button>?" surmised George.</p>
|
||
|
||
<p>"No. Yes. Maybe. I don't know actually." said Lars. "All it really does is vibrate at very specific, constantly changing frequencies."</p>
|
||
|
||
<p>"If they change all the time, how do you match them?"</p>
|
||
|
||
<p>"That's the tricky part." said Lars. "Because the continuum is tangible, it has resonant frequencies, but it has no mass. Why? Good question. I'm glad you asked. Simply put, the resonant frequencies of empty space are wherever the resonant frequencies of matter aren't. By 'matter' I mean '<span class="decoder" id="dec-antimatter"><button class="decoder-trigger" onclick="toggleDecoder('dec-antimatter', this)">matter and antimatter</button><span class="decoder-panel"><span class="decode-label">Real, misapplied</span><span class="decode-term">Antimatter</span><span class="decode-verdict partial">Partially real</span><span class="decode-body">Antimatter is real: every particle has a corresponding antiparticle with opposite charge. Matter and antimatter annihilate on contact in a burst of pure energy. But Lars' claim that "space is where matter and antimatter aren't" doesn't hold — space is never truly empty. It seethes with quantum fields, virtual particle pairs, and dark energy.</span><a class="decode-link" href="https://home.cern/science/physics/antimatter" target="_blank">→ CERN: Antimatter</a></span></span>', just so we're clear.</p>
|
||
|
||
<p>"Time poses a greater challenge though, since we only really know what it is because we experience it as a constant progression from one state to the another, usually as <span class="decoder" id="dec-decay"><button class="decoder-trigger" onclick="toggleDecoder('dec-decay', this)">decay, which is brought about by the transfer of energy</button><span class="decoder-panel"><span class="decode-label">Close, but not quite</span><span class="decode-term">Entropy & the Arrow of Time</span><span class="decode-verdict partial">Gestured correctly</span><span class="decode-body">Lars is reaching for thermodynamics. The "arrow of time" — why time flows only forward — is genuinely linked to entropy increasing. But decay doesn't <em>define</em> time; it is a consequence of it. Whether time is fundamental or emergent is a live debate in physics. Lars gets the texture right even where the precision fails.</span><a class="decode-link" href="https://www.pbs.org/wgbh/nova/article/the-arrow-of-time/" target="_blank">→ PBS Nova: The Arrow of Time</a></span></span>. Therefore, the presence and transfer of energy indicates the flow of time and the total absence of energy, shows us where we can find the <span class="decoder" id="dec-nodal-time"><button class="decoder-trigger" onclick="toggleDecoder('dec-nodal-time', this)">resonant frequencies of time</button><span class="decoder-panel"><span class="decode-label">Pure invention</span><span class="decode-term">Time Has No Frequency</span><span class="decode-verdict fiction">Invented</span><span class="decode-body">Time doesn't resonate at detectable frequencies in any physical sense. This is the story's central act of science fiction: taking real terminology — resonance, frequency, nodes — and extending it past what the physics actually says. The result is internally consistent, evocative, and entirely made up. That is the craft.</span><a class="decode-link" href="https://plato.stanford.edu/entries/time/" target="_blank">→ Stanford Encyclopedia: Time</a></span></span>.</p>
|
||
|
||
<p>"If we cross-reference these two sets of frequencies, we find the <span class="decoder" id="dec-nodal"><button class="decoder-trigger" onclick="toggleDecoder('dec-nodal', this)">nodal points of the space-time continuum</button><span class="decoder-panel"><span class="decode-label">Elegant fiction</span><span class="decode-term">Nodal Points — Invented</span><span class="decode-verdict fiction">Invented</span><span class="decode-body">"Nodal points" are real in wave physics — points of zero displacement in a standing wave. Applying the concept to space-time is a creative leap with no physical basis. But as worldbuilding it is elegant: the STaR needs something to grip, and nodal points give it a mechanism. Good technobabble borrows real terms and applies them just far enough beyond their scope.</span><a class="decode-link" href="https://en.wikipedia.org/wiki/Node_(physics)" target="_blank">→ Wikipedia: Node (physics)</a></span></span>, which are infinite in a universe as vast as ours. The frequencies found at these nodal points are the base frequencies of the space-time continuum.</p>
|
||
|
||
<p>"In the STaR, there are seven <span class="decoder" id="dec-qsr"><button class="decoder-trigger" onclick="toggleDecoder('dec-qsr', this)">Quantum String Resonators</button><span class="decoder-panel"><span class="decode-label">Fictional tech</span><span class="decode-term">QSRs vs String Theory</span><span class="decode-verdict fiction">Invented name, borrowed aesthetic</span><span class="decode-body">No such device exists. The name borrows from string theory, which proposes that all fundamental particles are one-dimensional vibrating strings of energy existing across 10 or 11 dimensions. Real string theory makes no testable predictions at observable scales. But Lars' intuition — that vibration is fundamental — is aesthetically appropriate.</span><a class="decode-link" href="https://www.pbs.org/wgbh/nova/article/what-is-string-theory/" target="_blank">→ Nova: What Is String Theory?</a></span></span>. What they do is cycle through multiple states of quanta at a specific frequency until they match a base frequency for a nanosecond, in which time they 'ping' it, raising a single crest or lowering a single trough and causing a tiny disturbance. Then the QSR cycles backward at a new frequency until the same thing happens again. The QSR 'ping-pongs' through frequencies and each disturbance brings the spectrum closer together until a single frequency is reached. When that happens, the space-time continuum at that specific point in space and time becomes rigid, instead of being in flux, and a disparate anomaly is created in which the resonant frequency of the continuum begins to follow the QSR as opposed to the other way round. The STaR contains seven QSRs and when each of the seven reaches a single frequency, the device, and the area around it, is removed from the natural flux of the space-time continuum and is able to move through it, free of its constraints, simply by altering the frequencies of the QSRs. That's the theory at least. Does it make sense? I need a drink. Gosh, I feel like a scientist."</p>
|
||
|
||
<p>With that, Lars poured another double.</p>
|
||
|
||
<p>"What happens then?" asked George. He wasn't sure he liked the idea of fiddling with the fabric of the universe. She was a fragile lady and would certainly not like her prize dress being altered without her consent.</p>
|
||
|
||
<p>"I'm not sure about that," said Lars thoughtfully, "The disturbance could have a ripple effect and 'unwrap' the universe or the device and the area around it could cease to exist altogether or, very possibly, nothing could happen at all. That's the exciting bit."</p>
|
||
|
||
<p>"Exciting is not the way I would put it."</p>
|
||
|
||
<p>"Of course, the STaR could do exactly what I want it to and the world would change forever."</p>
|
||
|
||
<p>"I think the world would change regardless. How long do the string thingies take to finish their little 'ping-pong' thing?"</p>
|
||
|
||
<p>"Anywhere from a millisecond to an epoch," said Lars, "I have no way to be sure."</p>
|
||
|
||
<p>"And what's to say the thing doesn't get lost in time or something? Land up on some caveman's doorstep and change the world as we know it."</p>
|
||
|
||
<p>"It might." said Lars, "But I put it into a clock for a reason. The mechanical ticking serves as a reference point, keeping it attached to a singular, forward-backward motion of time. Hopefully."</p>
|
||
|
||
<p>"Toss it." said George, "There is far too much that could go wrong."</p>
|
||
|
||
<p>"Not on your life!" laughed Lars, "I've worked for years on this thing and today is the day I'll test it."</p>
|
||
|
||
<p>With that he put his whiskey down and picked the pocket watch up. He popped the two dials up and began adjusting them. When he had finished, he clicked the dials back and put it back on the workbench. The two of them watched it closely; George with the nervous energy of a man standing in front of a hungry bear and Lars with the anticipation of a child at a magic show. After a few seconds, the watch glowed with blue light for a moment and then returned to its original state. Lars' eyes widened.</p>
|
||
|
||
<p>"The frequencies have become fixed."</p>
|
||
|
||
<p>They watched it for five more minutes.</p>
|
||
|
||
<p>Nothing happened.</p>
|
||
|
||
<p>"Oh come on!" shouted Lars, throwing a glass full of top-notch whiskey at the watch.</p>
|
||
|
||
<p>The tumbler somehow managed to fly <em>through</em> the watch and into the table, before shooting out back at Lars. Thankfully, the tumbler's aim was slightly off and it promptly exploded against the wall behind the two, thoroughly surprised men.</p>
|
||
|
||
<p>"What the hell?" breathed George. The universe wasn't happy, he knew it.</p>
|
||
|
||
<p>"I think," said Lars after a moment, "That it's vibrating through space-time. The workbench is vibrating too. I gave it no direction to move in so it's simply maintaining the disturbance. It's everywhere, nowhere and <em>somewhere</em>, all the time. The only thing keeping it here is the ticking of the watch. Look."</p>
|
||
|
||
<p>He took a silver pen and held it over the workbench before dropping it. The pen fell into the workbench and promptly flew out, straight into the ceiling, somehow driving the point far enough in to hold it there. George let out a little yelp; Lars laughed.</p>
|
||
|
||
<p>"Curious," he said, "It seems that it's alternating between here and wherever else it is. Trillions of times a second. Ha!"</p>
|
||
|
||
<p>"How do you stop it from doing that?" said George, "You can't touch it without flying off!"</p>
|
||
|
||
<p>"I, uh – well I hadn't thought of that actually."</p>
|
||
|
||
<p>"You hadn't thought of that?" yelled George, "You created a machine that could be 'unwrapping the universe' as we speak and you hadn't thought of how to turn it off."</p>
|
||
|
||
<p>"Whoa, whoa, whoa George! Take it easy now. I can turn it off if I can reach it, okay. I just – don't know how to do that. And in case you haven't noticed, the universe is perfectly fine right now."</p>
|
||
|
||
<p>"Well I'm not," said George, still agitated, "Find a way to reach it. Fast!"</p>
|
||
|
||
<p>"Okay, okay," relented Lars, "Just give me a moment to think."</p>
|
||
|
||
<p>Lars stood staring at the watch for some time, while George began to pace the room nervously, shooting glances at Lars and the small silver trinket that was on the verge of giving him another stroke.</p>
|
||
|
||
<p>"I might just have it," said Lars eventually.</p>
|
||
|
||
<p>"What?"</p>
|
||
|
||
<p>"Well, we can't touch it because of the vibrations," answered Lars, "But the workbench is vibrating with it."</p>
|
||
|
||
<p>"So."</p>
|
||
|
||
<p>"<em>So</em>, the workbench picked up the vibrations from it. If it can do that, then so can I."</p>
|
||
|
||
<p>"How, Lars. How do you plan to 'pick up the vibrations'?"</p>
|
||
|
||
<p>"Like this," said Lars, slowly reaching over to the watch.</p>
|
||
|
||
<p>He held his hand barely a millimetre over the watch for a while until he closed his fingers around its smooth silver surface and picked it up.</p>
|
||
|
||
<p>"There we are," he said, as if it had been the easiest exercise in the world.</p>
|
||
|
||
<p>"Well," said George, "Switch it off."</p>
|
||
|
||
<p>Lars laughed. There was a glint in his eye that George hadn't seen in years.</p>
|
||
|
||
<p>"Not yet." said Lars, "Let's see if we can move around, shall we?"</p>
|
||
|
||
<p>Lars turned one of the dials and promptly disappeared.</p>
|
||
|
||
<p>"Lars!" screamed George.</p>
|
||
|
||
<p>He looked around wildly around the office. What was he going to tell Jill? That he had let her idiot of a husband wipe himself off the face of the Earth? To hell with that.</p>
|
||
|
||
<p>"In here George," called Lars from the store's lobby, "It works fine. Perfectly fine."</p>
|
||
|
||
<p>"Jesus, Lars!" said a relieved George, "You nearly killed me."</p>
|
||
|
||
<p>"Well, then this should put you over the edge," laughed Lars, "It's time to move through time."</p>
|
||
|
||
<p>"No Lars, don't," shouted George, but it was too late.</p>
|
||
|
||
<p>Lars again adjusted the dials.</p>
|
||
|
||
<p>"I think," he said, smiling, "December sixth, 1941. My second birthday. I can stop <span class="decoder" id="dec-pearl"><button class="decoder-trigger" onclick="toggleDecoder('dec-pearl', this)">Pearl Harbour</button><span class="decoder-panel"><span class="decode-label">Historical anchor</span><span class="decode-term">Pearl Harbor, December 7, 1941</span><span class="decode-verdict history">History</span><span class="decode-body">The Japanese surprise attack on Pearl Harbor on 7 December 1941 drew the United States into World War II. Lars wants to prevent it — a classic time travel conceit. If Lars is nearly 80 in 2010 and was born December 6, 1941, he would be turning 69, not 2. A small arithmetic slip in an otherwise charming final plan.</span><a class="decode-link" href="https://www.history.com/topics/world-war-ii/pearl-harbor" target="_blank">→ History.com: Pearl Harbor</a></span></span>, and still be here to witness the changes. I'll be back for breakfast, I promise."</p>
|
||
|
||
<p>"You're a fool, Lars," said George, "A genius, but a fool."</p>
|
||
|
||
<p>Lars clicked the dials down.</p>
|
||
|
||
<p>The hands of the watch began to spin backwards. George watched in horror as the clothes that Lars was wearing turned into tufts of cotton and blobs of strange grey goo before disappearing altogether. His shoes and belt became pieces of cowhide, before they too vanished. Lars himself, grew younger before George's eyes until a small, two-year-old infant sat where he once stood, staring up at George. The watch too, was victim to this reversal of the natural order. Beside the baby lay a small pile of rocks and sand and three microscopic diamonds.</p>
|
||
|
||
<div class="gear-divider">⚙ ◆ ⚙</div>
|
||
|
||
<p>"Well Lars," said George to the baby, "Would you mind telling me how I am <em>ever</em> going to explain this to your wife."</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
TAB 2: THE PHYSICS
|
||
═══════════════════════════════════════════════ -->
|
||
<div id="tab-physics" class="tab-content">
|
||
<div class="page">
|
||
<div class="tab-heading">The Physics</div>
|
||
<div class="tab-subheading">Where the story meets the science — and where they part ways</div>
|
||
|
||
<div class="score-grid">
|
||
<div class="score-card">
|
||
<div class="score-number green">3</div>
|
||
<div class="score-label">Real concepts<br>correctly used</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="score-number electric">4</div>
|
||
<div class="score-label">Real terms<br>creatively stretched</div>
|
||
</div>
|
||
<div class="score-card">
|
||
<div class="score-number amber">4</div>
|
||
<div class="score-label">Invented concepts<br>dressed in science</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pull-quote">
|
||
<p>"Does it make sense? I need a drink. Gosh, I feel like a scientist."</p>
|
||
</div>
|
||
|
||
<div class="accordion">
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What did the 19-year-old actually get right?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p><strong>Qubits and superposition</strong> — Lars' quantum computer uses "qubits in various states," which is real. Qubits exist in superpositions of 0 and 1 simultaneously until measured, and stabilising them is genuinely the central engineering challenge in the field. IBM, Google, and IonQ are pouring billions into this exact problem.</p>
|
||
<p><strong>Constructive interference</strong> — when Lars says the STaR creates "a localised disturbance of constructive interference," the term is correct wave physics. Constructive interference occurs when wave crests align and amplitudes add. He applies it to fiction, but the phrase earns its place.</p>
|
||
<p><strong>Decoherence as the failure mode</strong> — the quantum computer explodes when the stabilising mechanism fails. This is mechanistically accurate: quantum decoherence — environmental interference destroying quantum states — remains the field's greatest practical obstacle. Lars' explosion is dramatised, but the logic of it is sound.</p>
|
||
<p><strong>Entropy and time's direction</strong> — Lars connects time's flow to energy transfer and decay. This is a genuine philosophical position in physics. The thermodynamic arrow of time — time moving in the direction of increasing entropy — is a serious idea associated with Ludwig Boltzmann and remains actively debated.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What does the story invent — and how convincingly?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p><strong>Quantum String Resonators</strong> — the name borrows from string theory, which posits that all fundamental particles are one-dimensional vibrating strings of energy across 10 or 11 dimensions. Real string theory makes no predictions testable at observable scales. But Lars' intuition that vibration is fundamental to reality is aesthetically appropriate, and the mechanism he builds is internally consistent even where it departs from physics.</p>
|
||
<p><strong>Nodal points of space-time</strong> — nodes are real in wave physics (points of zero displacement in a standing wave). Applying them to space-time is invention. But as worldbuilding logic, it's elegant: the STaR needs something to grip, and nodal points supply a mechanism. Good technobabble borrows real terms and extends them just past their legitimate range.</p>
|
||
<p><strong>Resonant frequency of space-time</strong> — this is the story's central pseudoscientific leap. Space-time in general relativity is a geometric structure, not a vibrating medium. <em>However</em>: gravitational waves are literal ripples in space-time geometry. LIGO detected them in 2015 — five years after this story was written. The author was wrong in mechanism but accidentally right in spirit: space-time is deformable and wave-like. Being wrong in interesting directions is one of science fiction's most valuable functions.</p>
|
||
<p>Overall: the invented physics is internally consistent and emotionally true. Lars' explanation follows its own logic even where it departs from real physics — which is exactly what convincing technobabble should do.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What does real physics actually say about time travel?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>General relativity does not prohibit time travel in principle. <strong>Closed timelike curves</strong> (CTCs) — paths through space-time that loop back to their starting point — are mathematically valid solutions to Einstein's equations. The Gödel metric (1949) was the first. Traversable wormholes, under certain conditions, might theoretically connect different times.</p>
|
||
<p>The problem is physical plausibility. CTCs appear to require exotic matter with negative energy density, which has never been observed. Stephen Hawking proposed the <strong>Chronology Protection Conjecture</strong> — the idea that quantum effects would always prevent CTCs from forming, essentially a law against time machines.</p>
|
||
<p>The story's ending is more physically interesting than it appears. Lars de-ages when the watch runs backward, implying that <em>entropy reverses</em> — his clothes return to raw fibres, his body regresses to infancy. This is consistent with the thermodynamic view of time: reverse time and you reverse entropy. The uncomfortable question it leaves unanswered is what reference frame George occupies that allows him to observe this while remaining intact.</p>
|
||
<p>Lars' use of the watch's mechanical ticking as a "temporal anchor" has no physical basis but is a beautifully constructed narrative device. It echoes genuine philosophical questions about whether a clock in a different temporal frame remains coherent — and gives the story's final irony its logic: the anchor holds Lars to a moment in time, but not to his age within it.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The gravitational wave coincidence</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The story's central premise — "vibrating at the resonant frequency of space-time" — was written five years before LIGO detected the first gravitational wave in September 2015. Gravitational waves are literal ripples in the fabric of space-time, produced by cataclysmic events like merging black holes or neutron stars.</p>
|
||
<p>LIGO works by detecting the infinitesimal stretching and squeezing of space-time caused by passing gravitational waves — distortions smaller than one-thousandth the diameter of a proton, spread across a 4-kilometre baseline. This is, in structural terms, exactly what Lars is trying to exploit: space-time is not rigid, it responds to energy, and its response is measurable.</p>
|
||
<p>The story doesn't get the physics right. But it correctly intuited that space-time is <em>deformable, responsive, and wave-like</em>. Science fiction's great value is not in being right — it's in asking the right questions before the answers exist. The Watch Maker asked whether space-time could be disturbed and tuned. Physics answered yes, just not in the way Lars described.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">Technobabble — the craft of sounding scientific</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Science fiction has always generated plausible-sounding technical language that borrows the vocabulary of real science while constructing fictional mechanisms. <em>Star Trek</em> popularised this with warp drives, deflector shields, and tachyon emissions. The technique suspends disbelief by signalling that the author has done homework — even where the physics diverges.</p>
|
||
<p>The Watch Maker uses technobabble earnestly rather than cynically. Lars' explanation of the STaR is dense, internally logical, and delivered with the breathless confidence of someone who genuinely believes it. Crucially, the story doesn't pretend the explanation is complete. Lars ends with "Does it make sense? I need a drink" — an admission of the gap between what he can say and what he can prove.</p>
|
||
<p>The difference between good and poor technobabble is internal consistency and emotional truthfulness. Lars' system passes both tests. It may be wrong by the standards of physics, but it is right by the standards of character: <strong>this is exactly the theory a self-taught, whiskey-fuelled eccentric watchmaker would develop at four in the morning, alone, over decades, having absorbed half a library of popular physics and none of the mathematics.</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
TAB 3: THE MOMENT
|
||
═══════════════════════════════════════════════ -->
|
||
<div id="tab-moment" class="tab-content">
|
||
<div class="page">
|
||
<div class="tab-heading">The Moment</div>
|
||
<div class="tab-subheading">A 19-year-old in 2010 — what was in the air, and what the story knows about itself</div>
|
||
|
||
<div class="pull-quote">
|
||
<p>"But, to George's horror, Lars developed a fascination with quantum physics and began to fancy himself an inventor."</p>
|
||
</div>
|
||
|
||
<div class="accordion">
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">2010: The popular physics moment</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Writing in 2010, the author was 19 — which means they came of age during the great wave of popular physics publishing that ran through the 2000s. Michio Kaku's <em>Hyperspace</em> (1994) and <em>Parallel Worlds</em> (2004) brought string theory and higher dimensions to mainstream readers. Brian Greene's <em>The Elegant Universe</em> (1999) became a documentary. Stephen Hawking was already a cultural institution.</p>
|
||
<p>This was also the era of <em>The Big Bang Theory</em> (premiered 2007), which made quantum mechanics a comedic backdrop for popular culture. The language of physics — qubits, strings, space-time — had entered the general vocabulary. A curious 19-year-old would have absorbed it through books, documentaries, Wikipedia, and the early science internet, without access to the mathematics underneath.</p>
|
||
<p>The Large Hadron Collider at CERN came online in September 2008, after years of media coverage about the Higgs boson and, erroneously, the risk of miniature black holes destroying Earth. The idea that machines could <em>do things</em> to fundamental physics was very much in the cultural air. Lars' workbench device is the intimate, romantic version of CERN: one person, one bench, one life's work.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The character of Lars — an archetype</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Lars Gleistengröber is a specific archetype: the <strong>amateur genius who operates outside institutions</strong>. He is a watch repairman, not a professor. He works alone at night on a cluttered bench. He uses a rotary phone, drinks Johnnie Walker Blue, and can't handle too many buttons. The brilliance lives in the margins — and has lived there for decades while Jill stopped speaking to him.</p>
|
||
<p>This is a deeply Romantic vision of science: science as individual inspiration rather than collaborative, incremental, institutional effort. Real physics in 2010 was the LHC: 10,000 scientists, decades of engineering, a 27-kilometre tunnel. Lars is the counter-image — and the story knows it. George is the voice of institutional skepticism, the man who remembers all the times the curious balance of stupidity, ingenuity, and luck barely held.</p>
|
||
<p>Lars is also a trickster figure. His response to Murphy's Law — that Murphy was "an idiotic dipstick who never got a date" — is the story's thesis about the relationship between recklessness and genius. The story does not entirely endorse Lars. It loves him, which is different.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The limitations that are also the charm</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The story's knowledge has visible edges. "Silicone" for "silicon." An age inconsistency in Lars' December 6, 1941 birthday. George's reference frame, which the time reversal should also affect. The QSR explanation that gets vaguer the longer Lars talks, culminating in "Does it make sense? I need a drink."</p>
|
||
<p>These are not failures. They are the texture of someone writing enthusiastically at the limit of their knowledge. The 19-year-old clearly read popular physics for pleasure, absorbed the vocabulary, and was excited enough to build a character and a device around it. The gaps don't diminish the enthusiasm — they are part of its evidence.</p>
|
||
<p>Most importantly, the story is <em>aware</em> of its own limits. Lars admits he doesn't know what will happen. He hasn't thought through how to turn the STaR off. He can only say "hopefully" when asked about the watch's anchoring function. George is the story's built-in sceptic, and he is never fully overruled — only outpaced by Lars' momentum. <strong>The story doesn't claim to have all the answers. It is a love letter to the compulsion to ask the questions anyway.</strong></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">Sci-fi vs science: how they confuse and complete each other</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Science fiction and science have always had a generative, complicated relationship. Jules Verne imagined submarines before they existed. Arthur C. Clarke described geostationary satellites in 1945. William Gibson coined "cyberspace" in 1982, a decade before the internet went public. Science fiction creates the cultural imagination space in which science later operates.</p>
|
||
<p>But the relationship runs both ways. When physicists name things — "black holes," "big bang," "wormholes," "charm quarks" — they reach for the same metaphoric register as fiction writers. The name "quark" came from James Joyce. "Strange," "charm," "beauty," and "truth" are all quark flavours. The line between poetic naming and precise description is thinner than it appears from either side.</p>
|
||
<p>The Watch Maker sits exactly at this productive confusion point. It takes real vocabulary — quanta, interference, resonance, entropy, antimatter — and builds a fictional machine from it. Whether a reader encounters this story before or after real physics shapes what they get. Read before: it plants seeds of curiosity. Read after: it is a test of how well those concepts have taken root. Either way, the confusion is generative.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The watchmaker as metaphor — deeper than it looks</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The watchmaker image carries philosophical weight the author may or may not have intended. William Paley's 1802 "Watchmaker Analogy" argued that the complexity of life implies a designer — the universe as a watch, God as its maker. Richard Dawkins repurposed this in <em>The Blind Watchmaker</em> (1986) to argue for evolution as a purposeless, unguided process: a watch without a watchmaker.</p>
|
||
<p>Lars Gleistengröber, the literal watchmaker who builds a machine to tamper with time, inverts both positions. He is neither worshipping the mechanism nor arguing it is purposeless — he is <em>opening it up and rewiring it</em>. If the universe is a watch, Lars is not its reverent observer or its disenchanted analyst. He is its reckless repairman.</p>
|
||
<p>The ending is the universe's response. The device dismantles its creator: Lars is reduced to an infant, his clothes to raw fibres, the watch to sand and diamonds. He becomes the casualty of the mechanism he tried to master. <strong>You can take apart the watch — but you cannot stand outside its workings and remain yourself.</strong> The watchmaker, unwatched; the inventor, unmade.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
TAB 4: FURTHER READING
|
||
═══════════════════════════════════════════════ -->
|
||
<div id="tab-reading" class="tab-content">
|
||
<div class="page">
|
||
<div class="tab-heading">Further Reading</div>
|
||
<div class="tab-subheading">From quantum curiosity to rigorous physics — and back to the philosophy</div>
|
||
|
||
<div class="reading-section">
|
||
<div class="reading-section-title">Start Here — Accessible Physics</div>
|
||
<a class="reading-link" href="https://www.feynmanlectures.caltech.edu/III_toc.html" target="_blank">
|
||
<span class="reading-link-title">The Feynman Lectures on Physics, Vol. III <span class="reading-tag">Free</span></span>
|
||
<span class="reading-link-desc">Feynman's quantum mechanics lectures, free online. Challenging but lucid — the closest thing to QM explained by someone who actually understood it.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://quantum.country/qcvc" target="_blank">
|
||
<span class="reading-link-title">Quantum Computing for the Very Curious — Matuschak & Nielsen <span class="reading-tag">Free</span></span>
|
||
<span class="reading-link-desc">An interactive essay that teaches real qubits via spaced repetition. The most honest introduction to what quantum computers actually are and why they are hard.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://www.pbs.org/wgbh/nova/series/elegant-universe/" target="_blank">
|
||
<span class="reading-link-title">The Elegant Universe — PBS Nova</span>
|
||
<span class="reading-link-desc">Brian Greene's documentary on string theory. This is the pop-physics that saturated 2010 and almost certainly influenced the story's vocabulary.</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="reading-section">
|
||
<div class="reading-section-title">Gravitational Waves & Space-Time</div>
|
||
<a class="reading-link" href="https://www.ligo.caltech.edu/page/what-are-gw" target="_blank">
|
||
<span class="reading-link-title">LIGO: What Are Gravitational Waves?</span>
|
||
<span class="reading-link-desc">The observatory that confirmed space-time is literally wave-like. Detected in 2015 — five years after Lars' fictional device was invented to exploit this very property.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://einstein.caltech.edu/what-is-general-relativity" target="_blank">
|
||
<span class="reading-link-title">Caltech: What Is General Relativity?</span>
|
||
<span class="reading-link-desc">Einstein's 1915 theory that mass curves space-time and gravity is geometry. The actual framework Lars is (loosely) working within.</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="reading-section">
|
||
<div class="reading-section-title">Time Travel & Philosophy of Time</div>
|
||
<a class="reading-link" href="https://plato.stanford.edu/entries/time-travel/" target="_blank">
|
||
<span class="reading-link-title">Stanford Encyclopedia: Time Travel <span class="reading-tag">Academic</span></span>
|
||
<span class="reading-link-desc">Rigorous philosophical analysis of time travel — grandfather paradoxes, closed timelike curves, and what physics actually does and does not permit.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://www.pbs.org/wgbh/nova/article/the-arrow-of-time/" target="_blank">
|
||
<span class="reading-link-title">PBS Nova: The Arrow of Time</span>
|
||
<span class="reading-link-desc">Why does time flow forward? The thermodynamic answer, entropy, and why reversing time — as Lars does — is forbidden by the second law.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://plato.stanford.edu/entries/time/" target="_blank">
|
||
<span class="reading-link-title">Stanford Encyclopedia: Time <span class="reading-tag">Academic</span></span>
|
||
<span class="reading-link-desc">Whether time is fundamental or emergent. What it means for time to "flow." The deep questions Lars is gesturing at when he talks about energy and decay.</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="reading-section">
|
||
<div class="reading-section-title">Sci-Fi & Science in Dialogue</div>
|
||
<a class="reading-link" href="https://home.cern/science/physics/antimatter" target="_blank">
|
||
<span class="reading-link-title">CERN: Antimatter</span>
|
||
<span class="reading-link-desc">What antimatter actually is, its discovery, its behaviour, and the profound mystery of why the universe contains almost none of it.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://www.pbs.org/wgbh/nova/article/what-is-string-theory/" target="_blank">
|
||
<span class="reading-link-title">Nova: What Is String Theory?</span>
|
||
<span class="reading-link-desc">The real version of what Lars calls "Quantum String Resonators." Whether it is physics or mathematics remains one of science's open questions.</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="reading-section">
|
||
<div class="reading-section-title">The Watchmaker Metaphor</div>
|
||
<a class="reading-link" href="https://www.goodreads.com/book/show/8823.The_Blind_Watchmaker" target="_blank">
|
||
<span class="reading-link-title">The Blind Watchmaker — Richard Dawkins</span>
|
||
<span class="reading-link-desc">Dawkins' response to Paley's design argument via evolution. The philosophical watchmaker tradition this story is (perhaps unknowingly) in conversation with.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://www.atomicheritage.org/history/bombings-hiroshima-and-nagasaki-1945" target="_blank">
|
||
<span class="reading-link-title">Atomic Heritage Foundation: Hiroshima & Nagasaki</span>
|
||
<span class="reading-link-desc">The historical context behind "Fat Man or Little Boy" — the scale against which George measures Lars' device.</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
LIGHTBOXES
|
||
═══════════════════════════════════════════════ -->
|
||
<div class="lightbox-overlay" id="lb-qcomputer" onclick="closeLightboxOnOverlay(event, 'lb-qcomputer')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">Why Quantum Computers Are So Hard</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-qcomputer')">✕</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>The Decoherence Problem</h3>
|
||
<p>Lars' quantum computer works — until it doesn't, and then it explodes. This is closer to the real challenge than it might seem. The central problem in quantum computing is <strong>decoherence</strong>: quantum states are extraordinarily fragile. Any interaction with the environment — a stray photon, a temperature fluctuation, a vibration — can destroy the superposition that makes quantum computation possible.</p>
|
||
<h3>What Real Quantum Computers Look Like</h3>
|
||
<p>Modern quantum computers from IBM, Google, and IonQ operate at temperatures close to absolute zero (−273°C) — colder than outer space — to minimise thermal interference. Even so, error rates remain high. Google's Sycamore processor (2019) contained 54 qubits; maintaining them required elaborate shielding, dilution refrigerators, and constant error correction. Lars' cube-and-ring arrangement, connected to a wall socket, would face rather more decoherence than this.</p>
|
||
<h3>The Verbal Interface Detail</h3>
|
||
<p>Lars' computer "intuitively understood all that Lars was telling it, verbally, to do." This was pure science fiction in 2010 — voice-controlled AI was not serious technology yet (Siri launched in 2011; large language models came much later). A decade later, this detail turned from fiction into product feature. The story was wrong about the physics and right about the direction of technology.</p>
|
||
<h3>The Five-Block Blackout</h3>
|
||
<p>When the stabilising mechanism fails, Lars' computer blacks out five city blocks. A real quantum computer losing coherence would simply stop computing — it would not release stored energy explosively. But the dramatic logic is coherent: a device drawing sustained power to maintain quantum states, suddenly cut off, with all that potential collapsing at once. The scale is fiction; the principle of energetic failure is not entirely wrong.</p>
|
||
<a href="https://quantum.country/qcvc" target="_blank">→ Further reading: Quantum Computing for the Very Curious (free)</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lightbox-overlay" id="lb-spacetime" onclick="closeLightboxOnOverlay(event, 'lb-spacetime')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">What Is Space-Time, Actually?</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-spacetime')">✕</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>Einstein's Insight</h3>
|
||
<p>Before Einstein, space and time were separate. Space was the stage; time was the clock. In 1905 (special relativity) and 1915 (general relativity), Einstein showed they are a single four-dimensional structure: <strong>space-time</strong>. Mass and energy curve this structure, and what we experience as gravity is simply objects following the straightest possible paths through curved space-time.</p>
|
||
<h3>Is Space-Time a Medium?</h3>
|
||
<p>Lars treats space-time like a substance that vibrates at tunable frequencies — like a guitar string or a tuning fork. In general relativity, space-time is a geometric structure, not a medium in the classical sense. It has no mass and does not carry sound. What it <em>does</em> have is curvature, and that curvature can change — which is what gravitational waves are.</p>
|
||
<h3>Gravitational Waves: The Accidental Prediction</h3>
|
||
<p>In September 2015, LIGO detected gravitational waves for the first time — ripples in space-time geometry produced by two merging black holes 1.3 billion light-years away. The space-time distortion measured at Earth was smaller than 1/1000th the diameter of a proton across a 4-kilometre baseline. This confirmed that space-time is dynamic, deformable, and wave-like. Lars' intuition — that space-time can be disturbed at detectable frequencies — is wrong in mechanism but right in character.</p>
|
||
<h3>What "Resonant Frequency" Would Actually Mean</h3>
|
||
<p>Space-time doesn't have a single universal resonant frequency. But confined regions do exhibit characteristic oscillation modes. A perturbed black hole "rings" at specific quasinormal frequencies before settling. The interior of the early universe had its own acoustic oscillations, now encoded in the cosmic microwave background. Real physics has its own version of Lars' idea — it is just far stranger, and far smaller in scale than a pocket watch.</p>
|
||
<a href="https://www.ligo.caltech.edu/page/what-are-gw" target="_blank">→ LIGO: Gravitational Waves explained</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lightbox-overlay" id="lb-timetravel" onclick="closeLightboxOnOverlay(event, 'lb-timetravel')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">Is Time Travel Physically Possible?</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-timetravel')">✕</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>Forward Time Travel: Already Real</h3>
|
||
<p>Travelling forward in time is not just possible — it happens continuously. Einstein's special relativity predicts time dilation: clocks in motion run slower than stationary ones. Astronauts on the ISS age slightly more slowly than people on Earth. GPS satellites must correct for relativistic time differences or navigation would drift by kilometres per day. Lars' teleportation ability — moving through space instantly — is a different matter, requiring the violation of causality in ways general relativity does not easily permit.</p>
|
||
<h3>Backward Time Travel: Theoretically Murky</h3>
|
||
<p>Travelling backward — as Lars attempts — is far less clear. General relativity permits solutions to Einstein's equations that contain <strong>closed timelike curves</strong> (CTCs): paths through space-time that loop back to their starting point. The Gödel metric (1949) was the first. Traversable wormholes, under specific conditions, could theoretically connect different times. The cost in all cases is exotic matter with negative energy density — not yet observed, and possibly forbidden by quantum mechanics.</p>
|
||
<h3>The Grandfather Paradox — and Lars' Elegant Solution</h3>
|
||
<p>Lars plans to stop Pearl Harbor. This raises the grandfather paradox: if he succeeds, the US may not enter WWII, events change, Lars may never exist, may never build the STaR, may never stop Pearl Harbor. The story resolves this without fully engaging the logic: the device unmakes Lars before he can act. He arrives in 1941 as a two-year-old — unable to change anything, but also unable to have not existed. It is not a watertight paradox resolution, but it is a dramatically satisfying one.</p>
|
||
<h3>Hawking's Chronology Protection Conjecture</h3>
|
||
<p>Stephen Hawking proposed in 1992 that quantum effects would always prevent the formation of closed timelike curves — that the laws of physics conspire against time machines. This has not been proved, but no physical time machine has been constructed. The story's ending — where the device destroys the inventor — can be read as the universe's chronology protection mechanism in action: <strong>the watch maker is corrected by the watch.</strong></p>
|
||
<a href="https://plato.stanford.edu/entries/time-travel/" target="_blank">→ Stanford Encyclopedia of Philosophy: Time Travel</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- ═══════════════════════════════════════════════
|
||
JAVASCRIPT
|
||
═══════════════════════════════════════════════ -->
|
||
<script>
|
||
function switchTab(id, btn) {
|
||
document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
|
||
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
|
||
document.getElementById(id).classList.add('active');
|
||
btn.classList.add('active');
|
||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||
}
|
||
|
||
function toggleDecoder(id, btn) {
|
||
const wrapper = document.getElementById(id);
|
||
const panel = wrapper.querySelector('.decoder-panel');
|
||
const isOpen = panel.classList.contains('open');
|
||
|
||
document.querySelectorAll('.decoder-panel.open').forEach(p => p.classList.remove('open'));
|
||
document.querySelectorAll('.decoder-trigger.open').forEach(b => b.classList.remove('open'));
|
||
|
||
if (!isOpen) {
|
||
panel.classList.add('open');
|
||
btn.classList.add('open');
|
||
const rect = panel.getBoundingClientRect();
|
||
if (rect.right > window.innerWidth - 16) {
|
||
panel.classList.add('flip-left');
|
||
} else {
|
||
panel.classList.remove('flip-left');
|
||
}
|
||
}
|
||
}
|
||
|
||
document.addEventListener('click', function(e) {
|
||
if (!e.target.closest('.decoder')) {
|
||
document.querySelectorAll('.decoder-panel.open').forEach(p => p.classList.remove('open'));
|
||
document.querySelectorAll('.decoder-trigger.open').forEach(b => b.classList.remove('open'));
|
||
}
|
||
});
|
||
|
||
function openLightbox(id) {
|
||
document.getElementById(id).classList.add('open');
|
||
document.body.style.overflow = 'hidden';
|
||
}
|
||
|
||
function closeLightbox(id) {
|
||
document.getElementById(id).classList.remove('open');
|
||
document.body.style.overflow = '';
|
||
}
|
||
|
||
function closeLightboxOnOverlay(e, id) {
|
||
if (e.target === document.getElementById(id)) closeLightbox(id);
|
||
}
|
||
|
||
document.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Escape') {
|
||
document.querySelectorAll('.lightbox-overlay.open').forEach(el => el.classList.remove('open'));
|
||
document.body.style.overflow = '';
|
||
}
|
||
});
|
||
|
||
function toggleAccordion(btn) {
|
||
const panel = btn.nextElementSibling;
|
||
const isOpen = btn.classList.contains('open');
|
||
document.querySelectorAll('.accordion-trigger.open').forEach(b => {
|
||
b.classList.remove('open');
|
||
b.nextElementSibling.classList.remove('open');
|
||
});
|
||
if (!isOpen) {
|
||
btn.classList.add('open');
|
||
panel.classList.add('open');
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|