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>
1174 lines
72 KiB
HTML
1174 lines
72 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Daddy Didn't Do It — 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=Oswald:wght@400;500;600;700&family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">
|
||
<style>
|
||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||
|
||
:root {
|
||
/* Law & Order palette */
|
||
--void: #090909;
|
||
--dark: #111215;
|
||
--dark-mid: #1a1d22;
|
||
--dark-light: #252830;
|
||
--rule: #2e323a;
|
||
--muted: #5a606e;
|
||
--body: #8a909e;
|
||
--light: #bfc4cc;
|
||
--bright: #e8eaee;
|
||
--white: #f4f5f7;
|
||
|
||
/* Document (the transcript itself) */
|
||
--doc-bg: #f5f4f0;
|
||
--doc-ink: #111215;
|
||
--doc-mid: #3a3d44;
|
||
--doc-muted: #666b76;
|
||
--doc-rule: #cccac4;
|
||
--doc-tint: #ecebe6;
|
||
|
||
/* Accents */
|
||
--blue: #1c4f8c;
|
||
--blue-mid: #2563ae;
|
||
--blue-light: #3a7fd4;
|
||
--blue-dim: rgba(28,79,140,0.12);
|
||
--red: #b01c24;
|
||
--red-dim: rgba(176,28,36,0.12);
|
||
|
||
--radius: 2px;
|
||
}
|
||
|
||
html { scroll-behavior: smooth; }
|
||
|
||
body {
|
||
font-family: 'IBM Plex Sans', system-ui, sans-serif;
|
||
background: var(--void);
|
||
color: var(--bright);
|
||
font-size: 16px;
|
||
line-height: 1.7;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
/* ── SITE HEADER — the title card ── */
|
||
.site-header {
|
||
background: var(--void);
|
||
padding: 4rem 2rem 3.5rem;
|
||
text-align: center;
|
||
position: relative;
|
||
border-bottom: 1px solid var(--rule);
|
||
}
|
||
|
||
/* top rule bar, like L&O location card */
|
||
.site-header::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0; left: 0; right: 0;
|
||
height: 4px;
|
||
background: var(--red);
|
||
}
|
||
|
||
.location-tag {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.68rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.35em;
|
||
text-transform: uppercase;
|
||
color: var(--muted);
|
||
margin-bottom: 1.2rem;
|
||
}
|
||
|
||
.site-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: clamp(2rem, 6vw, 4.2rem);
|
||
font-weight: 700;
|
||
color: var(--white);
|
||
letter-spacing: 0.06em;
|
||
text-transform: uppercase;
|
||
line-height: 1;
|
||
margin-bottom: 0.6rem;
|
||
}
|
||
|
||
/* The dhum-dhum separator */
|
||
.dhum-dhum {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
letter-spacing: 0.5em;
|
||
color: var(--muted);
|
||
margin: 0.8rem 0 0.5rem;
|
||
}
|
||
|
||
.site-subtitle {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.75rem;
|
||
font-weight: 400;
|
||
letter-spacing: 0.25em;
|
||
text-transform: uppercase;
|
||
color: var(--muted);
|
||
}
|
||
|
||
/* ── NAVIGATION ── */
|
||
.nav-bar {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 100;
|
||
background: var(--dark);
|
||
border-bottom: 1px solid var(--rule);
|
||
display: flex;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.nav-btn {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.2em;
|
||
text-transform: uppercase;
|
||
color: var(--muted);
|
||
background: none;
|
||
border: none;
|
||
border-right: 1px solid var(--rule);
|
||
padding: 0.85rem 1.8rem;
|
||
cursor: pointer;
|
||
transition: color 0.15s, background 0.15s;
|
||
position: relative;
|
||
white-space: nowrap;
|
||
}
|
||
.nav-btn:last-child { border-right: none; }
|
||
.nav-btn:hover { color: var(--light); background: rgba(255,255,255,0.03); }
|
||
.nav-btn.active { color: var(--white); }
|
||
.nav-btn.active::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0; left: 0; right: 0;
|
||
height: 2px;
|
||
background: var(--red);
|
||
}
|
||
|
||
/* ── MAIN LAYOUT ── */
|
||
.main-content {
|
||
max-width: 820px;
|
||
margin: 0 auto;
|
||
padding: 3rem 1.75rem 6rem;
|
||
}
|
||
|
||
.tab-content { display: none; }
|
||
.tab-content.active { display: block; }
|
||
|
||
/* ══════════════════════════════════════
|
||
THE DOCUMENT — the transcript sits
|
||
as a physical paper in dark space
|
||
══════════════════════════════════════ */
|
||
.document-wrap {
|
||
background: var(--doc-bg);
|
||
color: var(--doc-ink);
|
||
box-shadow:
|
||
0 0 0 1px rgba(255,255,255,0.04),
|
||
0 4px 6px rgba(0,0,0,0.4),
|
||
0 20px 60px rgba(0,0,0,0.6);
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
/* Stamp bar at top of document */
|
||
.doc-stamp {
|
||
background: var(--dark-mid);
|
||
padding: 0.55rem 1.4rem;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.doc-stamp-label {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.62rem;
|
||
letter-spacing: 0.3em;
|
||
text-transform: uppercase;
|
||
color: var(--muted);
|
||
}
|
||
.doc-stamp-case {
|
||
font-family: 'Courier Prime', monospace;
|
||
font-size: 0.72rem;
|
||
color: var(--muted);
|
||
letter-spacing: 0.08em;
|
||
}
|
||
|
||
.document-inner {
|
||
padding: 2.5rem 3rem 3rem;
|
||
font-family: 'Courier Prime', monospace;
|
||
font-size: 0.93rem;
|
||
line-height: 1.8;
|
||
color: var(--doc-ink);
|
||
}
|
||
|
||
@media (max-width: 600px) {
|
||
.document-inner { padding: 1.5rem 1.2rem 2rem; }
|
||
}
|
||
|
||
/* ── CERT BLOCK ── */
|
||
.cert-block {
|
||
border-left: 3px solid var(--doc-rule);
|
||
padding: 0.7rem 1rem 0.7rem 1rem;
|
||
margin-bottom: 1.6rem;
|
||
color: var(--doc-mid);
|
||
font-size: 0.88rem;
|
||
background: var(--doc-tint);
|
||
}
|
||
.cert-block p { margin-bottom: 0.3em; }
|
||
.cert-block p:last-child { margin-bottom: 0; }
|
||
.cert-sig { margin-top: 0.6em; font-weight: 700; color: var(--doc-ink); font-size: 0.85rem; }
|
||
|
||
/* ── CASE HEADER ── */
|
||
.case-header {
|
||
text-align: center;
|
||
margin: 1.5rem 0 2rem;
|
||
line-height: 2;
|
||
color: var(--doc-mid);
|
||
font-size: 0.9rem;
|
||
}
|
||
.case-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 1.1rem;
|
||
font-weight: 600;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
color: var(--doc-ink);
|
||
display: block;
|
||
margin-bottom: 0.6em;
|
||
}
|
||
.case-header-rule {
|
||
border: none;
|
||
border-top: 1px solid var(--doc-rule);
|
||
margin: 0.8rem auto;
|
||
width: 65%;
|
||
}
|
||
|
||
/* ── HEARING DATE ── */
|
||
.hearing-date {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
font-weight: 600;
|
||
letter-spacing: 0.3em;
|
||
text-transform: uppercase;
|
||
color: var(--doc-muted);
|
||
margin: 2.2rem 0 0.2rem;
|
||
padding-bottom: 0.35rem;
|
||
border-bottom: 1px solid var(--doc-rule);
|
||
}
|
||
|
||
.witness-label {
|
||
font-family: 'IBM Plex Sans', sans-serif;
|
||
font-size: 0.78rem;
|
||
font-style: italic;
|
||
color: var(--doc-muted);
|
||
margin: 0.25rem 0 1rem;
|
||
letter-spacing: 0.04em;
|
||
}
|
||
|
||
/* ── DIALOGUE ── */
|
||
.dialogue-block {
|
||
margin-bottom: 0.45em;
|
||
}
|
||
.speaker-id {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.82rem;
|
||
font-weight: 600;
|
||
letter-spacing: 0.1em;
|
||
color: var(--doc-ink);
|
||
margin-right: 0.3em;
|
||
}
|
||
.stage-dir {
|
||
font-style: italic;
|
||
color: var(--doc-muted);
|
||
font-size: 0.88rem;
|
||
}
|
||
|
||
/* ── EXHIBIT BLOCK ── */
|
||
.exhibit-block {
|
||
margin: 1.2rem 0;
|
||
border: 1px solid var(--doc-rule);
|
||
border-left: 3px solid var(--dark-light);
|
||
background: var(--doc-tint);
|
||
padding: 1rem 1.2rem;
|
||
font-size: 0.9rem;
|
||
}
|
||
.exhibit-label {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.62rem;
|
||
letter-spacing: 0.28em;
|
||
text-transform: uppercase;
|
||
color: var(--doc-muted);
|
||
display: block;
|
||
margin-bottom: 0.7rem;
|
||
padding-bottom: 0.4rem;
|
||
border-bottom: 1px solid var(--doc-rule);
|
||
}
|
||
|
||
/* ── CHALLENGE BLOCK ── */
|
||
.challenge-block {
|
||
margin-top: 2.5rem;
|
||
padding-top: 1.2rem;
|
||
border-top: 1px dashed var(--doc-rule);
|
||
font-size: 0.86rem;
|
||
color: var(--doc-muted);
|
||
font-family: 'IBM Plex Sans', sans-serif;
|
||
}
|
||
.challenge-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.65rem;
|
||
letter-spacing: 0.3em;
|
||
text-transform: uppercase;
|
||
color: var(--doc-muted);
|
||
margin-bottom: 0.6rem;
|
||
}
|
||
.author-note {
|
||
margin-top: 0.9rem;
|
||
font-style: italic;
|
||
color: var(--doc-mid);
|
||
border-left: 2px solid var(--doc-rule);
|
||
padding-left: 0.8rem;
|
||
}
|
||
|
||
/* ══════════════════════════════════════
|
||
DECODER — inline in the document
|
||
══════════════════════════════════════ */
|
||
.decoder { display: inline; position: relative; }
|
||
|
||
.decoder-trigger {
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
font-style: inherit;
|
||
font-weight: inherit;
|
||
background: none;
|
||
border: none;
|
||
padding: 0;
|
||
cursor: pointer;
|
||
color: var(--blue);
|
||
border-bottom: 1.5px solid var(--blue-mid);
|
||
display: inline;
|
||
transition: color 0.12s;
|
||
}
|
||
.decoder-trigger::after {
|
||
content: ' ▾';
|
||
font-size: 0.65em;
|
||
vertical-align: middle;
|
||
color: var(--blue-mid);
|
||
}
|
||
.decoder-trigger.open::after { content: ' ▴'; }
|
||
.decoder-trigger:hover { color: var(--blue-mid); }
|
||
.decoder-trigger.open { color: var(--blue-mid); border-bottom-style: solid; border-bottom-width: 2px; }
|
||
|
||
.decoder-panel {
|
||
display: none;
|
||
position: absolute;
|
||
top: calc(100% + 5px);
|
||
left: 0;
|
||
z-index: 500;
|
||
width: 320px;
|
||
background: var(--dark);
|
||
border: 1px solid var(--rule);
|
||
border-top: 3px solid var(--blue);
|
||
border-radius: var(--radius);
|
||
padding: 0.9rem 1rem;
|
||
box-shadow: 0 8px 30px rgba(0,0,0,0.55);
|
||
font-family: 'IBM Plex Sans', sans-serif;
|
||
font-size: 0.83rem;
|
||
line-height: 1.58;
|
||
color: var(--light);
|
||
text-align: left;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
}
|
||
.decoder-panel.open { display: block; }
|
||
.decoder-panel.flip-left { left: auto; right: 0; }
|
||
|
||
.decode-label {
|
||
display: block;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.58rem;
|
||
letter-spacing: 0.3em;
|
||
text-transform: uppercase;
|
||
color: var(--blue-light);
|
||
margin-bottom: 0.1rem;
|
||
}
|
||
.decode-term {
|
||
display: block;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.95rem;
|
||
font-weight: 600;
|
||
color: var(--white);
|
||
margin-bottom: 0.38rem;
|
||
border-bottom: 1px solid var(--rule);
|
||
padding-bottom: 0.28rem;
|
||
letter-spacing: 0.04em;
|
||
}
|
||
.decode-link {
|
||
display: block;
|
||
margin-top: 0.45rem;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.64rem;
|
||
letter-spacing: 0.08em;
|
||
color: var(--blue-light);
|
||
text-decoration: none;
|
||
}
|
||
.decode-link:hover { text-decoration: underline; color: var(--white); }
|
||
|
||
/* ══════════════════════════════════════
|
||
LIGHTBOX TRIGGER — in document
|
||
══════════════════════════════════════ */
|
||
.lb-trigger {
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
font-style: inherit;
|
||
font-weight: inherit;
|
||
background: none;
|
||
border: none;
|
||
padding: 0;
|
||
cursor: pointer;
|
||
color: var(--red);
|
||
border-bottom: 1.5px solid var(--red);
|
||
border-bottom-style: dashed;
|
||
display: inline;
|
||
transition: color 0.12s;
|
||
}
|
||
.lb-trigger::before {
|
||
content: '■ ';
|
||
font-size: 0.55em;
|
||
vertical-align: middle;
|
||
color: var(--red);
|
||
}
|
||
.lb-trigger:hover { color: #d42030; border-bottom-color: #d42030; }
|
||
|
||
/* ══════════════════════════════════════
|
||
LIGHTBOX
|
||
══════════════════════════════════════ */
|
||
.lightbox-overlay {
|
||
display: none;
|
||
position: fixed;
|
||
inset: 0;
|
||
background: rgba(0,0,0,0.82);
|
||
z-index: 1000;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 1.5rem;
|
||
backdrop-filter: blur(4px);
|
||
}
|
||
.lightbox-overlay.open { display: flex; }
|
||
|
||
.lightbox-box {
|
||
background: var(--dark-mid);
|
||
border: 1px solid var(--rule);
|
||
border-top: 3px solid var(--red);
|
||
border-radius: var(--radius);
|
||
max-width: 650px;
|
||
width: 100%;
|
||
max-height: 88vh;
|
||
overflow-y: auto;
|
||
box-shadow: 0 20px 80px rgba(0,0,0,0.7);
|
||
}
|
||
|
||
.lightbox-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 1rem 1.3rem 0.8rem;
|
||
border-bottom: 1px solid var(--rule);
|
||
}
|
||
.lightbox-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.88rem;
|
||
font-weight: 600;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
color: var(--white);
|
||
}
|
||
.lightbox-close {
|
||
background: none;
|
||
border: 1px solid var(--rule);
|
||
border-radius: var(--radius);
|
||
width: 26px; height: 26px;
|
||
cursor: pointer;
|
||
color: var(--muted);
|
||
font-size: 0.75rem;
|
||
display: flex; align-items: center; justify-content: center;
|
||
flex-shrink: 0;
|
||
transition: background 0.12s, color 0.12s;
|
||
}
|
||
.lightbox-close:hover { background: var(--rule); color: var(--white); }
|
||
|
||
.lightbox-body {
|
||
padding: 1.3rem;
|
||
font-size: 0.9rem;
|
||
line-height: 1.7;
|
||
color: var(--light);
|
||
}
|
||
.lightbox-body h3 {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.65rem;
|
||
letter-spacing: 0.3em;
|
||
text-transform: uppercase;
|
||
color: var(--blue-light);
|
||
margin: 1.2rem 0 0.4rem;
|
||
padding-bottom: 0.25rem;
|
||
border-bottom: 1px solid var(--rule);
|
||
}
|
||
.lightbox-body h3:first-child { margin-top: 0; }
|
||
.lightbox-body p { margin-bottom: 0.75em; }
|
||
.lightbox-body p:last-child { margin-bottom: 0; }
|
||
.lightbox-body a { color: var(--blue-light); font-size: 0.84rem; }
|
||
.lightbox-body a:hover { color: var(--white); }
|
||
.lightbox-body em { font-style: italic; color: var(--bright); }
|
||
|
||
/* ══════════════════════════════════════
|
||
EDUCATIONAL TABS (dark)
|
||
══════════════════════════════════════ */
|
||
.section-header {
|
||
margin-bottom: 2rem;
|
||
}
|
||
.section-eyebrow {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.62rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.4em;
|
||
text-transform: uppercase;
|
||
color: var(--red);
|
||
margin-bottom: 0.4rem;
|
||
}
|
||
.section-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: clamp(1.5rem, 4vw, 2.4rem);
|
||
font-weight: 700;
|
||
color: var(--white);
|
||
letter-spacing: 0.04em;
|
||
text-transform: uppercase;
|
||
line-height: 1.1;
|
||
}
|
||
.section-intro {
|
||
margin-top: 0.8rem;
|
||
color: var(--body);
|
||
font-size: 0.95rem;
|
||
line-height: 1.65;
|
||
max-width: 560px;
|
||
border-left: 2px solid var(--rule);
|
||
padding-left: 1rem;
|
||
}
|
||
|
||
/* ── ACCORDION ── */
|
||
.accordion-item {
|
||
border: 1px solid var(--rule);
|
||
border-radius: var(--radius);
|
||
margin-bottom: 0.4rem;
|
||
background: var(--dark-mid);
|
||
overflow: hidden;
|
||
}
|
||
.accordion-trigger {
|
||
width: 100%;
|
||
background: none;
|
||
border: none;
|
||
padding: 0.9rem 1.1rem;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
gap: 1rem;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.8rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
color: var(--light);
|
||
transition: background 0.12s, color 0.12s;
|
||
border-left: 3px solid transparent;
|
||
}
|
||
.accordion-trigger:hover { background: var(--dark-light); color: var(--white); }
|
||
.accordion-trigger.open {
|
||
background: var(--dark-light);
|
||
color: var(--white);
|
||
border-left-color: var(--red);
|
||
}
|
||
.accordion-arrow {
|
||
transition: transform 0.2s;
|
||
flex-shrink: 0;
|
||
color: var(--muted);
|
||
font-size: 0.75rem;
|
||
}
|
||
.accordion-trigger.open .accordion-arrow { transform: rotate(180deg); color: var(--red); }
|
||
|
||
.accordion-panel {
|
||
display: none;
|
||
padding: 1rem 1.1rem 1.1rem 1.4rem;
|
||
font-size: 0.9rem;
|
||
line-height: 1.72;
|
||
border-top: 1px solid var(--rule);
|
||
color: var(--body);
|
||
}
|
||
.accordion-panel.open { display: block; }
|
||
.accordion-panel p { margin-bottom: 0.7em; }
|
||
.accordion-panel p:last-child { margin-bottom: 0; }
|
||
.accordion-panel a { color: var(--blue-light); }
|
||
.accordion-panel a:hover { color: var(--white); }
|
||
.accordion-panel em { font-style: italic; color: var(--light); }
|
||
.accordion-panel strong { color: var(--light); font-weight: 600; }
|
||
|
||
/* ── FURTHER READING ── */
|
||
.reading-group-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.62rem;
|
||
font-weight: 600;
|
||
letter-spacing: 0.35em;
|
||
text-transform: uppercase;
|
||
color: var(--muted);
|
||
margin: 2.2rem 0 0.7rem;
|
||
padding-bottom: 0.3rem;
|
||
border-bottom: 1px solid var(--rule);
|
||
}
|
||
.reading-item {
|
||
padding: 0.65rem 0;
|
||
border-bottom: 1px solid rgba(46,50,58,0.6);
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: 0.6rem;
|
||
flex-wrap: wrap;
|
||
}
|
||
.reading-item a {
|
||
font-weight: 600;
|
||
color: var(--blue-light);
|
||
text-decoration: none;
|
||
font-size: 0.9rem;
|
||
}
|
||
.reading-item a:hover { text-decoration: underline; color: var(--white); }
|
||
.reading-desc { color: var(--muted); font-size: 0.84rem; font-style: italic; flex: 1 1 200px; }
|
||
.reading-tag {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.58rem;
|
||
letter-spacing: 0.12em;
|
||
text-transform: uppercase;
|
||
background: var(--dark-light);
|
||
color: var(--muted);
|
||
border: 1px solid var(--rule);
|
||
padding: 0.1em 0.5em;
|
||
border-radius: var(--radius);
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* ── RULE ── */
|
||
.doc-rule { border: none; border-top: 1px solid var(--doc-rule); margin: 1.5rem 0; opacity: 0.6; }
|
||
|
||
@media (max-width: 580px) {
|
||
.nav-btn { padding: 0.7rem 0.9rem; font-size: 0.62rem; }
|
||
.site-title { font-size: 1.8rem; }
|
||
.decoder-panel { width: 260px; }
|
||
.main-content { padding: 1.5rem 0.85rem 3rem; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ── HEADER — title card ── -->
|
||
<header class="site-header">
|
||
<div class="location-tag">17th Judicial Circuit Court of Illinois · Boone County · 2003</div>
|
||
<h1 class="site-title">Daddy Didn't Do It</h1>
|
||
<div class="dhum-dhum">— dhum dhum —</div>
|
||
<div class="site-subtitle">An Annotated Reading · Form, Fiction & the Limits of Knowledge</div>
|
||
</header>
|
||
|
||
<nav class="nav-bar">
|
||
<button class="nav-btn active" onclick="switchTab('tab-story', this)">The Transcript</button>
|
||
<button class="nav-btn" onclick="switchTab('tab-form', this)">The Form</button>
|
||
<button class="nav-btn" onclick="switchTab('tab-craft', this)">The Story</button>
|
||
<button class="nav-btn" onclick="switchTab('tab-reading', this)">Further Reading</button>
|
||
</nav>
|
||
|
||
<main class="main-content">
|
||
|
||
<!-- ════════════════════════════════════════════════════════════
|
||
TAB 1 — THE TRANSCRIPT
|
||
═════════════════════════════════════════════════════════════ -->
|
||
<div id="tab-story" class="tab-content active">
|
||
|
||
<div class="document-wrap">
|
||
<div class="doc-stamp">
|
||
<span class="doc-stamp-label">Court Transcript — Certified Copy</span>
|
||
<span class="doc-stamp-case">Case No.: BX54-WE876R-598</span>
|
||
</div>
|
||
|
||
<div class="document-inner">
|
||
|
||
<div class="cert-block">
|
||
<p><span class="decoder" id="dec-cert"><button class="decoder-trigger" onclick="toggleDecoder('dec-cert', this)">What follows are excerpts from the court transcripts regarding The People vs. James Earl Gray.</button><span class="decoder-panel"><span class="decode-label">The Frame</span><span class="decode-term">A Literary Certification, Not a Legal One</span>Real court reporter certifications are dry, formulaic legal boilerplate: "I certify that the foregoing is a true and correct transcript of the stenographic notes…" and little else. This paragraph's register — "truncated in places to suit readability," "I hereby certify" as literary flourish — belongs to a magazine editor introducing a document, not a court officer certifying one. The voice is the author's, wearing the costume.</span></span> Mr. Gray was charged with one count of <span class="decoder" id="dec-charge"><button class="decoder-trigger" onclick="toggleDecoder('dec-charge', this)">Manslaughter in the First Degree</button><span class="decoder-panel"><span class="decode-label">Legal Fiction No. 1</span><span class="decode-term">Not an Illinois Charge</span>Illinois criminal law does not have "Manslaughter in the First Degree." Illinois uses <em>Involuntary Manslaughter</em> (720 ILCS 5/9-3) and <em>Reckless Homicide</em>; the first/second-degree distinction applies only to <em>murder</em>. "Manslaughter in the First Degree" is the formulation of New York, California, and every American legal drama on television. The author's note confirms the source: "I heard the stings from Law & Order."<a class="decode-link" href="https://www.ilga.gov/legislation/ilcs/ilcs4.asp?ActID=1876&SeqStart=33000000&SeqEnd=36500000" target="_blank">→ Illinois Criminal Code: Homicide provisions</a></span></span> following the death of his daughter, Sophie, age 5, in March of 2003. While the text has been truncated in places to suit readability, no further changes have been made. I hereby certify that the following passages are a true and accurate account of the proceedings to which they refer.</p>
|
||
<p class="cert-sig">Gabriel Hearst, CRR, CPR – Official Court Reporter – CSR# 4893</p>
|
||
</div>
|
||
|
||
<div class="case-header">
|
||
<span class="case-title">The People vs. James Earl Gray</span>
|
||
<span class="decoder" id="dec-court"><button class="decoder-trigger" onclick="toggleDecoder('dec-court', this)">17th Judicial Circuit Court of Illinois (Boone County Seat)</button><span class="decoder-panel"><span class="decode-label">What the Author Got Right</span><span class="decode-term">A Real Court — Looked Up</span>This is accurate. Boone County is indeed served by the 17th Judicial Circuit Court of Illinois. The courthouse address — 601 North Main Street, Belvidere, IL 61008 — is also correct. The author clearly researched the specific location, which makes the professional vocabulary errors elsewhere more visible by contrast: the geography is verified; the legal terminology is borrowed from television.<a class="decode-link" href="https://www.17thcircuit.info/" target="_blank">→ 17th Judicial Circuit Court (official)</a></span></span><br>
|
||
Boone County Courthouse<br>
|
||
601 North Main Street, Belvidere, IL 61008
|
||
<hr class="case-header-rule">
|
||
The People represented by: <span class="decoder" id="dec-da"><button class="decoder-trigger" onclick="toggleDecoder('dec-da', this)">District Attorney Carl Meeks</button><span class="decoder-panel"><span class="decode-label">Legal Fiction No. 2</span><span class="decode-term">"District Attorney" — A TV Title</span>Illinois does not have District Attorneys. The office is called the <em>State's Attorney</em>. Every Illinois county has a State's Attorney; the title "District Attorney" belongs to other states (New York, California) and to every television courtroom drama ever produced. This is the clearest signal that the author's legal vocabulary comes from screen, not statute.<a class="decode-link" href="https://en.wikipedia.org/wiki/State%27s_attorney" target="_blank">→ State's Attorney (Wikipedia)</a></span></span><br>
|
||
Defendant: James Earl Gray<br>
|
||
Mr. Gray represented by: <span class="decoder" id="dec-pd"><button class="decoder-trigger" onclick="toggleDecoder('dec-pd', this)">Maria Cross (state provided attorney)</button><span class="decoder-panel"><span class="decode-label">Legal Fiction No. 3</span><span class="decode-term">"State Provided" — Not the Term</span>The correct terminology is <em>public defender</em> or <em>court-appointed counsel</em>. "State provided attorney" is an understandable lay construction — it means the right thing — but it is not the phrase the legal system uses, and a court transcript would use the exact professional title. It signals, gently, that the author knows the concept but not the vocabulary.</span></span><br>
|
||
Judge: The Honorable Amelia Tate<br>
|
||
Court Reporter: Gabriel Hearst<br>
|
||
Case No.: <span class="decoder" id="dec-casenumber"><button class="decoder-trigger" onclick="toggleDecoder('dec-casenumber', this)">BX54-WE876R-598</button><span class="decoder-panel"><span class="decode-label">Legal Fiction No. 4</span><span class="decode-term">An Invented Case Number Format</span>Illinois circuit court case numbers follow a structured format: two-digit year, case type code, and sequential number — something like <em>03-CF-000412</em>. (CF = criminal felony.) The number BX54-WE876R-598 is too long, too baroque, and uses letter-number combinations that suggest randomness rather than bureaucratic logic. It looks like a case number the way a movie prop looks like a document: plausible at a glance, incorrect on inspection.</span></span>
|
||
</div>
|
||
|
||
<div class="hearing-date">28 August 2003</div>
|
||
|
||
<div class="dialogue-block"><span class="speaker-id">BAILIFF:</span> All rise.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">CLERK:</span> Court is now in session regarding the People versus James Earl Gray on this, the twenty eighth of August two thousand and three. The Honorable Amelia Tate presiding.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JUDGE TATE (JT):</span> Be seated. Mr. Gray, if you'll remain standing please, you appear before this court and a jury of your peers, accused of one count of manslaughter in the first degree. How do you plead?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MR. GRAY (JG):</span> Not guilty, your Honor.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JT:</span> Thank you. You may be seated. I will now hear opening statements from District Attorney Meeks and Miss Cross before we adjourn for lunch.</div>
|
||
|
||
<div class="hearing-date">31 August 2003</div>
|
||
<div class="witness-label">Witness for the Defence: Mrs. Louisa Taylor</div>
|
||
|
||
<div class="dialogue-block"><span class="speaker-id">MS. CROSS (MC):</span> Mrs. Taylor, you and Mr. Gray have been neighbors for some time, correct?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MRS. TAYLOR (LT):</span> Correct. James moved into the apartment next to us about six years ago. That was pregnant with Sophie at the time.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Lynne was Mr. Gray's wife?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">LT:</span> Yes. She died giving birth to little Sophie. It was so sad. You know, I said to Derek, my husband, it's awful what state funded medical care is like. I mean, who knows, if James could have afforded a health plan, maybe –</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Thank you, Mrs. Taylor. How would you describe Mr. Gray.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">LT:</span> Oh, he's nice enough. Keeps to himself mostly, but I think that because of his work you know. I mean, if I was working two jobs, I wouldn't want to talk to anyone either.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Would you say he's prone to violence?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">LT:</span> Oh, goodness no. I mean, sometimes you hear shouting, but in a house with three kids, you would expect that, right? No. James adores his children. And boy do they love their dad.</div>
|
||
|
||
<div class="hearing-date">4 September 2003</div>
|
||
<div class="witness-label">Witness for the Prosecution: Mr. Theodore Rider-Waites</div>
|
||
|
||
<div class="dialogue-block"><span class="speaker-id">DA MEEKS (DA):</span> What led to your dismissal of Mr. Gray?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MR. RIDER-WAITES (TRW):</span> Well sir, James is a nice guy and all, and he sure can fix a car, I'll give him that much, but there were a few, um, incidents that, uh, made him a liability, see?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> Violent incidents?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Objection, your Honor. Leading the witness.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JT:</span> Sustained. Mr. Meeks?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> Sorry, your Honor. What kind of incidents, Mr. Waites?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">TRW:</span> Well sir, every now and then, Jim would go a bit, uh, funny. Most time it was harmless, you know, just some strange things he'd say, or he'd shout for a bit about the equipment, or throw something. We all thought it was a bit weird, but it was James, and most times he's a stand up guy, so I let him be. One time, though, he did toss a tire iron through the window of a Beemer. Had to dock his pay for that one, but he didn't give me trouble over it. Just <span class="decoder" id="dec-rider-said"><button class="decoder-trigger" onclick="toggleDecoder('dec-rider-said', this)">said he didn't know what happened to him.</button><span class="decoder-panel"><span class="decode-label">The Motif — First Appearance</span><span class="decode-term">"Didn't Know What Came Over Him"</span>This phrase — or near variations of it — appears in Rider-Waites's testimony, Christine Watts's testimony, and James's own 911 call. It is the story's tell, planted three times before the explanation arrives. The reader absorbs it as a character flaw; Annabelle's testimony retroactively reveals it as a clinical fact. Each instance is a breadcrumb placed in plain sight.</span></span></div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> And what was the final straw?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">TRW:</span> Well sir, he insulted a customer, see? Now I don't know what started it, but apparently the customer came in saying that Jim had messed up his carburettor and Jim was in a funny mood that day and he just went nuts. I mean he was hollering and yelling and cussing this poor guy just for saying he'd done a bum job.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> Can you remember what Mr. Gray said?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">TRW:</span> Well sir, not really. Most of it wasn't what you call polite conversation. But I do remember Jim yelling, "Your mother's a man and your father digs it!" I tell you, that customer nearly punched Jim right in the kisser. Jim almost did the same, but I stepped in and told him to go home.</div>
|
||
|
||
<div class="hearing-date">12 September 2003</div>
|
||
<div class="witness-label">Witness for the Prosecution: Sheriff Oswald Chambers</div>
|
||
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> What time did you get the 911 call from the Gray residence on the night of March 12?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">SHERIFF CHAMBERS (OC):</span> At around 10 PM.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> And what was the nature of the call?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">OC:</span> Mr. Gray was calling for an ambulance. His daughter had been in an accident involving a bookshelf.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> When you arrived at the scene, what was your impression of Mr. Gray?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">OC:</span> He was scared. Terrified. I mean his little girl had been rushed off in an ambulance. You can imagine what that does to a father.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> Did Mr. Gray seem to feel responsible?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">OC:</span> Well sure. They're his kids. If something like that happened to one of my kids, on my watch, of course I'd feel responsible.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">DA:</span> I'd like to enter into evidence Exhibit D: the recording of Mr. Gray's 911 call on the night of March 12 at approximately 10:05 PM.</div>
|
||
|
||
<div class="exhibit-block">
|
||
<span class="exhibit-label">Transcript of Exhibit D — 911 Recording</span>
|
||
<div class="dialogue-block"><span class="speaker-id">OPERATOR:</span> 911, what is your emergency?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> I need an ambulance… My daughter, she… <button class="lb-trigger" onclick="openLightbox('lb-911')">It might have been me… But it might have been…</button> Jamie, get me a towel… Hurry… Please send an ambulance quick… Apartment 412, Benmore Heights… Number 6 South Central Avenue…</div>
|
||
<div class="stage-dir">[Recording Ends]</div>
|
||
</div>
|
||
|
||
<div class="hearing-date">18 September 2003</div>
|
||
<div class="witness-label">Witness for the Defence: Ms. Christine Elizabeth Watts</div>
|
||
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> How do you know Mr. Gray?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MS. WATTS (CW):</span> Um, we dated for a while.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> I'm sorry, but you'll need to be a bit more specific.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">CW:</span> All right, um, from say January this year until March. James broke it off after Sophie died.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> And what was your impression of him, while you were together?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">CW:</span> I like him. I mean, he was always a gentleman, and generally pretty caring… I mean, except for our first date, he was really sweet most of the time.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> What happened on your first date with Mr. Gray?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">CW:</span> Well it was a pretty, you know, normal first date. Just dinner. He took me to a Chinese restaurant, and it was sweet, you know? And then he walked me home, but said he wouldn't come up because he had to get back to his kids, because he couldn't afford a sitter. So we kissed goodnight and it was nice. But then he, um, bit me –</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> He bit you?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">CW:</span> Not like vicious or anything. Some guys like to do that and, you know, it can be quite, uh, nice if you're in the mood. But he started trying to feel me up, and so I pushed him off and said, "If you think you're getting some here on the street you've got another thing coming, buster." And then he got all angry and just walked off. But he came right to my office with flowers and apologised and said that <span class="decoder" id="dec-watts-said"><button class="decoder-trigger" onclick="toggleDecoder('dec-watts-said', this)">he didn't know what came over him</button><span class="decoder-panel"><span class="decode-label">The Motif — Second Appearance</span><span class="decode-term">Michael on a Date</span>The phrasing echoes Rider-Waites exactly: "he didn't know what happened to him." The surface reading is a man with a temper who blacks out. The correct reading — available only after Annabelle's testimony — is that Michael surfaced on the date, and James woke up with a woman angry at him and no memory of why. That he apologised with flowers rather than denying it entirely suggests James knows something is wrong, even without a diagnosis.</span></span>, and asked me to give him another chance, so I did.</div>
|
||
|
||
<div class="hearing-date">29 September 2003</div>
|
||
<div class="witness-label">Witness for the Defence: Annabelle Leigh Gray</div>
|
||
|
||
<div class="stage-dir">[Since the Witness is still under the age of 13, Ms. Gray (AG) was interviewed by trained child psychologist, Vivien Barnes (VB), under the supervision of Judge Tate, three days prior. <span class="decoder" id="dec-childtest"><button class="decoder-trigger" onclick="toggleDecoder('dec-childtest', this)">The tape of the interview was then played to the Court.</button><span class="decoder-panel"><span class="decode-label">What the Author Got Right (Roughly)</span><span class="decode-term">Child Testimony Accommodation — Real, But Simplified</span>Accommodated testimony for young children — interviewing them separately rather than in open court — is a genuine legal protection. However, real child testimony procedures involve more formal safeguards: pre-approved interview protocols (the NICHD Protocol is standard), the defence's right to submit questions in advance, and strict admissibility rules. The story compresses this into a clean single sentence. Close enough for fiction; not quite correct in detail.</span></span>]</div>
|
||
|
||
<div class="exhibit-block">
|
||
<span class="exhibit-label">Transcript of Recording — Annabelle Leigh Gray, Forensic Interview</span>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> Was your daddy at home a lot?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> What's a lot?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> Did you get to see him every night?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Oh… Yeah… Sometimes he gets home late, but he always says goodnight.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> And does daddy ever get angry at you?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Only if we make a mess, or if Sophie starts yelling at me. Daddy and Jamie yell at each other though, like a lot.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> And why is that?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Well, sometimes Jamie doesn't come home for a while.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> You mean he runs away?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Uh… Yeah, I think so… Jamie says he doesn't trust <span class="decoder" id="dec-michael-first"><button class="decoder-trigger" onclick="toggleDecoder('dec-michael-first', this)">Michael.</button><span class="decoder-panel"><span class="decode-label">The Reveal</span><span class="decode-term">Michael — The Alter</span>"Michael" is not a person in the apartment. He is a dissociative identity — an alter who co-inhabits James Earl Gray. Annabelle understands him through a child's framework: a different, dangerous person who sometimes takes Daddy's place. Her description is clinically coherent: Michael has a distinct behavioral signature, comes and goes, can be "fought" by James, and is known to the family as an independent agent.</span></span></div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> Who's Michael?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> <span class="decoder" id="dec-michael-def"><button class="decoder-trigger" onclick="toggleDecoder('dec-michael-def', this)">Michael's the one who tells Daddy to leave.</button><span class="decoder-panel"><span class="decode-label">The Switching Mechanism</span><span class="decode-term">Alter Dominance in DID</span>Annabelle describes, in a child's language, what clinicians call <em>switching</em>: one identity taking executive control while another recedes. "Tells Daddy to leave" captures the phenomenology exactly — from James's perspective, a loss of control he describes as going "hazy." From the family's outside perspective, a different person is present in the same body.</span></span></div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> And does your Daddy listen to Michael.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Not always. Sometimes they fight. That's when Jamie takes us to Aunt Louisa next door, because Michael can get scary.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> What do you mean he gets scary.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Well he breaks things and yells at us.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> Did Michael ever hurt you or Jamie or Sophie?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Well… He once yanked my hair, but Daddy stopped him and then Jamie took us to Aunt Louisa.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> Is that what happened the night Sophie got hurt? Did Michael and your Daddy get into a fight?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Yeah.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> Can you tell me more, about it.</div>
|
||
<div class="stage-dir">[pause]</div>
|
||
<div class="dialogue-block"><span class="speaker-id">VB:</span> Annie, can you tell me more about what happened on the night Sophie got hurt?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">AG:</span> Well, Jamie had been gone for like, a whole week, but Daddy didn't shout at him or anything. But then Jamie said he wasn't hungry so Michael came and told him he had to eat. Then Jamie started yelling and Michael started yelling, but Daddy came back and told Jamie to go next door and so Jamie grabbed me, but Daddy and Michael had started fighting and then <button class="lb-trigger" onclick="openLightbox('lb-annabelle')">Michael grabbed the shelf and threw it at Jamie, but Sophie got in the way</button> and …</div>
|
||
<div class="stage-dir">[recording ends]</div>
|
||
</div>
|
||
|
||
<div class="hearing-date">5 October 2003</div>
|
||
<div class="witness-label">Witness for the Defence: Mr. James Earl Gray</div>
|
||
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> You love your kids, don't you, Mr. Gray?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> I should think that goes without saying, ma'am, but yes, yes I do love my kids.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> And you would never, willingly, put them in harm's way?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> Miss Cross, I would do everything, and I mean everything, I could do to keep them safe. They've all I've got left, after Lynne…</div>
|
||
<div class="stage-dir">[pause]</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Take your time, Mr. Gray.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> No, no, I'll be fine… It's just… I'll be fine.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Can you recall the events of the night of March 12?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> Most of it. Some of it slips me. But yes.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Could you tell the court, in your own words, what happened?</div>
|
||
<div class="stage-dir">[pause]</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> Mr. Gray?</div>
|
||
<div class="stage-dir">[pause]</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JT:</span> Mr. Gray?</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> <span class="stage-dir">[muffled]</span> had it coming.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JT:</span> Speak up, please.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> I said the little bastards had it coming! That ungrateful brat coming and going as he pleases, no care for discipline or just some plain old respect. Oh, he knows. He knows just how to wind me up.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JT:</span> Mr. Gray!</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> And that parasite! Whining all day and night, I'm not sad she's gone. SHE TOOK MY LYNNE FROM ME! Little bitch got what was coming.</div>
|
||
<div class="dialogue-block"><span class="speaker-id">JT:</span> MR. GRAY! You will hold your tongue, or I will hold you in contempt!</div>
|
||
<div class="stage-dir">[pause]</div>
|
||
<div class="dialogue-block"><span class="speaker-id">MC:</span> <button class="lb-trigger" onclick="openLightbox('lb-climax')">Mr. Gray? James? Can you hear me? Am I speaking to James Earl Gray right now?</button></div>
|
||
<div class="dialogue-block"><span class="speaker-id">JG:</span> What? Sorry, I went a bit hazy for a second. Yes, I am James Earl Gray. Is everything okay, here?</div>
|
||
|
||
<hr class="doc-rule" style="margin-top: 2.5rem;">
|
||
|
||
<div class="challenge-block">
|
||
<div class="challenge-title">■ The Challenge</div>
|
||
<p><strong>Challenger:</strong> Siphelele</p>
|
||
<p><strong>Tell Me a Story About:</strong> A single father struggling with mental illness. | <strong>Genre:</strong> Tragedy | <strong>Style:</strong> Surprise Me | <strong>It Must Have:</strong> 1) A troubled teen. 2) An encouraging neighbour. 3) A love interest for the single father. | <strong>Someone must say:</strong> "Your mother's a man and your father digs it!" | <strong>Anything Else?</strong> It must be sad and encouraging.</p>
|
||
<div class="author-note"><strong>Author's note:</strong> Don't ask me why, but every time I wrote in a date, I heard the stings from Law & Order – you know the ones – <em>dhum dhum</em>. Also, I think I might have missed out the encouraging part. JL</div>
|
||
</div>
|
||
|
||
</div><!-- .document-inner -->
|
||
</div><!-- .document-wrap -->
|
||
|
||
</div><!-- #tab-story -->
|
||
|
||
|
||
<!-- ════════════════════════════════════════════════════════════
|
||
TAB 2 — THE FORM
|
||
═════════════════════════════════════════════════════════════ -->
|
||
<div id="tab-form" class="tab-content">
|
||
|
||
<div class="section-header">
|
||
<div class="section-eyebrow">Analysis</div>
|
||
<div class="section-title">The Pretence<br>of the Page</div>
|
||
<p class="section-intro">A court transcript carries institutional authority: the weight of law, the impartiality of record, the seal of the state. The story borrows that authority — selectively. Where the borrowing is precise, the fiction gains traction. Where it slips, it reveals the hand behind it.</p>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What the form gets right — the architecture of legitimacy</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Several elements are researched and accurate. The 17th Judicial Circuit Court is a real Illinois court; Boone County is correctly placed within it; the courthouse address is correct. The court reporter credentials — CRR (Certified Realtime Reporter) and CPR (Certified Professional Reporter) — are genuine professional designations. The CSR number is a real credentialing system.</p>
|
||
<p>Procedurally, several beats land correctly: the bailiff's call, the clerk's formal opening, the judge's arraignment speech, the objection-and-ruling exchange (leading the witness; sustained), the entry of exhibits, the use of initials to identify speakers throughout. The child testimony accommodation — interviewing Annabelle separately via a psychologist, playing the recording to the court — reflects a real class of legal procedure, even if the author simplifies it significantly.</p>
|
||
<p>These elements are the load-bearing walls. They allow the fiction to feel structurally sound. A reader unfamiliar with Illinois law will have no reason to doubt the frame — and that is precisely how documentary fiction is supposed to work.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The Law & Order vocabulary — TV as a legal education</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The author tells us directly: "every time I wrote in a date, I heard the stings from Law & Order." This is not embarrassment — it is precise self-diagnosis. The professional vocabulary of the story is derived from American television drama, not American law.</p>
|
||
<p><strong>District Attorney:</strong> Illinois uses State's Attorneys, not District Attorneys. The DA title belongs to New York, California, and the screen. Every Law & Order spin-off is set in New York; so is every cultural reflex toward "DA Meeks."</p>
|
||
<p><strong>Manslaughter in the First Degree:</strong> Illinois criminal law does not contain this charge. Illinois has Involuntary Manslaughter (720 ILCS 5/9-3). First-degree and second-degree distinctions in Illinois apply to murder, not manslaughter. The "first degree manslaughter" formulation is standard in New York and California penal codes — and in the legal dramas set in those states.</p>
|
||
<p><strong>State provided attorney:</strong> The correct terms are public defender or court-appointed counsel. "State provided" is an intelligible construction that means the right thing; it is not what the system calls itself.</p>
|
||
<p>None of these errors are visible to a lay reader. But they are the seams showing through the costume: the places where the form's borrowed authority doesn't quite fit.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The certification paragraph — when the mask speaks in the author's voice</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The prefatory paragraph is the story's most interesting formal moment. It is attributed to Gabriel Hearst, the court reporter — a fictional bureaucrat whose job is to establish documentary authenticity. But the voice is wrong.</p>
|
||
<p>A real court reporter's certification reads like this: <em>"I, [Name], Official Court Reporter, hereby certify that the foregoing transcript is a true, correct, and complete record of the proceedings had in the above-entitled matter."</em> It is dry, formulaic, legally calibrated. It does not explain editorial decisions.</p>
|
||
<p>"While the text has been truncated in places to suit readability, no further changes have been made" is an editor's sentence. It addresses the reader, not the court. It acknowledges the fictional apparatus while also performing the certification's authority. The hybrid register gives the game away: this is an author performing a court reporter, and the author's instinct to speak directly to the reader briefly overrides the court reporter's persona.</p>
|
||
<p>The effect is slightly paradoxical: the certification simultaneously establishes the fiction's frame and quietly undoes it. It is the story's most honest sentence.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The Challenger frame — the fiction that was never hiding</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The story ends with a complete meta-fictional disclosure: the Challenger's name, the creative writing prompt, the required elements, the author's initials. On a first read, arriving without knowledge of the platform, it shatters the illusion. For any reader who encountered the story in its original Tumblr context, it was never an illusion in that sense at all.</p>
|
||
<p>The "Challenger" format was a specific feature of Tumblr creative writing communities: one user sets constraints, another fulfils them. The readers who first encountered this story on renegadestoryteller already knew they were reading a creative response to a prompt. The documentary frame was a formal choice — "Surprise Me" — not a deception. The certification paragraph's authority was always a performance, and the audience was always in on it.</p>
|
||
<p>This reframes the entire question of the story's "plausible fiction." It is not trying to fool anyone about the nature of the text. It is asking what happens when you read a tragic story through the specific lens of institutional record — what the form adds, what it withholds, what it cannot capture. The bureaucratic apparatus is a point of view, not a lie.</p>
|
||
<p>The required line — "Your mother's a man and your father digs it!" — is an externally imposed absurdity that the story embeds in a realistic, emotionally serious narrative. The author plants it in Rider-Waites's testimony as evidence of Michael's crudeness. It lands without breaking the story's tone, which is a real achievement, and the Challenger section is where we learn why that line had to be there at all.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- #tab-form -->
|
||
|
||
|
||
<!-- ════════════════════════════════════════════════════════════
|
||
TAB 3 — THE STORY
|
||
═════════════════════════════════════════════════════════════ -->
|
||
<div id="tab-craft" class="tab-content">
|
||
|
||
<div class="section-header">
|
||
<div class="section-eyebrow">Craft</div>
|
||
<div class="section-title">The Architecture<br>of Revelation</div>
|
||
<p class="section-intro">The transcript form doesn't just dress the story — it determines how the story can be told. Witnesses appear. Evidence is entered. Truth is assembled in pieces, each withheld until the right moment. This is courtroom procedure. It is also plot.</p>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The witness sequence — too perfect to be accidental</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Real trials assemble evidence clumsily. Witnesses contradict each other, repeat redundant information, wander off-topic, fail to appear. The story's witness sequence does none of this. Each person contributes exactly one piece of the puzzle, arrives in optimal dramatic order, and exits without residue.</p>
|
||
<p><strong>Louisa Taylor</strong> establishes James as loving and overstretched — the sympathetic baseline. <strong>Theodore Rider-Waites</strong> introduces the erratic episodes and plants the first iteration of the motif ("didn't know what happened to him"). <strong>Sheriff Chambers</strong> establishes the night of the incident and introduces the 911 call, which plants the hinge ("it might have been me… but it might have been"). <strong>Christine Watts</strong> plants the motif a second time ("didn't know what came over him") and introduces a domestic context for the switches. <strong>Annabelle</strong> names Michael, explains the system, and narrates the event itself. <strong>James</strong> demonstrates the system live, on the stand.</p>
|
||
<p>This is not how trials work. This is how stories work. The transcript form provides the structural alibi — witnesses are just called in sequence — while the author is constructing a classical dramatic escalation underneath it.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The DID encoding — how Michael is hidden across five witnesses</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Dissociative Identity Disorder is the story's diagnosis for James Earl Gray, though the story never uses clinical language. Michael is an alter: a distinct identity that periodically takes executive control of James's body, with its own behavioral signature, its own history within the family, and its own set of actions James cannot account for or remember.</p>
|
||
<p>The encoding is careful and retrospective. On first read, Rider-Waites describes a man with an uncontrollable temper. On second read, he describes alter switches: sudden onset, behavioral discontinuity, post-episode amnesia ("just said he didn't know what happened to him"). Christine Watts's first date now reads as Michael surfacing in James's body and acting on his own impulses — hence the aggression and the complete amnesia James woke up to. The 911 call is the hinge: "it might have been me… but it might have been" is James, semi-conscious and uncertain, not knowing which self threw the shelf.</p>
|
||
<p>Annabelle names Michael not as a diagnosis but as a fact of family life: a third adult in the apartment, known by name, with predictable behaviors, whom Jamie has learned to flee and Annabelle has learned to read. Her testimony is the story's interpretive key — it converts all prior testimony from character observation to clinical evidence.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The climax — theatrically necessary, procedurally impossible</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The courtroom dissociation scene is the story's most dramatic moment and also its most visible departure from legal reality. In actual practice, a defence attorney who knows her client has DID would disclose this as a central part of the defence. James would have undergone psychiatric evaluation. The courtroom would already know about Michael before James took the stand.</p>
|
||
<p>When Michael surfaces mid-testimony, a real defence attorney's only move is to call for an immediate recess. She does not ask a calm diagnostic question. "Am I speaking to James Earl Gray right now?" is not a procedure; it belongs to the doctor's office, not the courtroom.</p>
|
||
<p>But the scene is entirely dramatically necessary. The story needs James and Michael to occupy the same transcript at the same time. The return — "What? Sorry, I went a bit hazy for a second. Yes, I am James Earl Gray. Is everything okay, here?" — is devastating precisely because we have just watched Michael say Sophie "got what was coming," and now James is asking if everything is okay, having no idea what was just said in his voice, in his name, in the room.</p>
|
||
<p>The scene is the price of the story's emotional core. The author is solving a hard formal problem and choosing dramatic necessity over procedural accuracy — which is, almost always, the right call.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">The title's argument — and why it can't be answered</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>"Daddy Didn't Do It" is a statement of fact and a legal impossibility simultaneously. Michael threw the shelf. James did not. The body that threw the shelf is the body the court is prosecuting. The legal system has no vocabulary for this division; it prosecutes persons, and James Earl Gray is the person.</p>
|
||
<p>Everyone who knows James believes the title. Louisa Taylor believes it. Christine Watts believes it, enough to stay in the relationship after the first-date incident. Jamie believes it enough to learn to protect his sisters from Michael specifically — not from his father. Annabelle believes it with the directness of a child who has lived inside the distinction her whole life.</p>
|
||
<p>The court transcript form heightens this tragedy by being the one voice that cannot resolve it. A transcript records what was said; it cannot record what was meant. It records that JG said Sophie had it coming; it cannot record that JG was not present when that was said. The form's neutrality — its claim to be merely a true and accurate account — is also its limitation: it is accurate about the wrong thing.</p>
|
||
<p>The story ends on James's return: "Yes, I am James Earl Gray. Is everything okay, here?" It is the saddest sentence in the piece. He has just destroyed his own defence. He doesn't know it. He is asking if everything is okay.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div><!-- #tab-craft -->
|
||
|
||
|
||
<!-- ════════════════════════════════════════════════════════════
|
||
TAB 4 — FURTHER READING
|
||
═════════════════════════════════════════════════════════════ -->
|
||
<div id="tab-reading" class="tab-content">
|
||
|
||
<div class="section-header">
|
||
<div class="section-eyebrow">Resources</div>
|
||
<div class="section-title">Further<br>Reading</div>
|
||
<p class="section-intro">The threads the story pulls on, and where they lead.</p>
|
||
</div>
|
||
|
||
<div class="reading-group-title">Dissociative Identity Disorder</div>
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Dissociative_identity_disorder" target="_blank">Dissociative Identity Disorder (Wikipedia)</a>
|
||
<span class="reading-desc">The clinical landscape of the condition at the centre of the story — including the alter system, switching, and amnesia between states.</span>
|
||
<span class="reading-tag">Psychology</span>
|
||
</div>
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Sybil_(book)" target="_blank">Sybil — Flora Rheta Schreiber (1973)</a>
|
||
<span class="reading-desc">The book that brought DID into popular consciousness — the cultural backdrop against which any DID story written in the early 2000s is situated.</span>
|
||
<span class="reading-tag">Nonfiction</span>
|
||
</div>
|
||
|
||
<div class="reading-group-title">Illinois Criminal Law</div>
|
||
<div class="reading-item">
|
||
<a href="https://www.ilga.gov/legislation/ilcs/ilcs4.asp?ActID=1876&SeqStart=33000000&SeqEnd=36500000" target="_blank">Illinois Criminal Code — Homicide Provisions</a>
|
||
<span class="reading-desc">720 ILCS 5/9: the actual Illinois law under which a case like this would be charged — Involuntary Manslaughter, not Manslaughter in the First Degree.</span>
|
||
<span class="reading-tag">Law</span>
|
||
</div>
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/State%27s_attorney" target="_blank">State's Attorney (Wikipedia)</a>
|
||
<span class="reading-desc">The office that prosecutes crimes in Illinois — and why "District Attorney" is the wrong title for Carl Meeks.</span>
|
||
<span class="reading-tag">Law</span>
|
||
</div>
|
||
<div class="reading-item">
|
||
<a href="https://www.17thcircuit.info/" target="_blank">17th Judicial Circuit Court of Illinois</a>
|
||
<span class="reading-desc">The real court the story is set in — correctly identified. The one piece of legal geography the author looked up precisely.</span>
|
||
<span class="reading-tag">Law</span>
|
||
</div>
|
||
|
||
<div class="reading-group-title">Documentary Fiction & the Unreliable Form</div>
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Found_footage_(literary_technique)" target="_blank">Found Footage as Literary Technique (Wikipedia)</a>
|
||
<span class="reading-desc">The broader tradition of fiction masquerading as found documents — court records, letters, diaries, news reports — and what the form does to meaning.</span>
|
||
<span class="reading-tag">Literature</span>
|
||
</div>
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/In_Cold_Blood" target="_blank">In Cold Blood — Truman Capote (1966)</a>
|
||
<span class="reading-desc">The foundational text of the true crime form — which this story quietly inverts, using the true-crime apparatus to tell a story of ambiguous, divided culpability.</span>
|
||
<span class="reading-tag">Literature</span>
|
||
</div>
|
||
|
||
<div class="reading-group-title">Mental Illness and Criminal Responsibility</div>
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Insanity_defense" target="_blank">The Insanity Defense (Wikipedia)</a>
|
||
<span class="reading-desc">How the legal system actually handles cases where mental illness is central to culpability — the framework this story's tragedy is measured against.</span>
|
||
<span class="reading-tag">Law / Ethics</span>
|
||
</div>
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Diminished_responsibility" target="_blank">Diminished Responsibility (Wikipedia)</a>
|
||
<span class="reading-desc">A partial defence that reduces rather than eliminates culpability — closer to what Maria Cross might realistically argue in this case.</span>
|
||
<span class="reading-tag">Law</span>
|
||
</div>
|
||
|
||
</div><!-- #tab-reading -->
|
||
|
||
</main>
|
||
|
||
|
||
<!-- ════════════════════════════════════════════════════════════
|
||
LIGHTBOXES
|
||
═════════════════════════════════════════════════════════════ -->
|
||
|
||
<div class="lightbox-overlay" id="lb-911" onclick="closeLightboxOnOverlay(event, 'lb-911')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">The 911 Call — The Hinge of the Story</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-911')">✕</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>What James says</h3>
|
||
<p>"It might have been me… But it might have been…" James trails off without completing the second sentence. A first-time reader hears a panicked father who feels responsible in the general parental sense — the same guilt Sheriff Chambers describes when he says any parent would feel responsible for an accident on their watch. It registers as grief, not disclosure.</p>
|
||
<h3>What the sentence actually means</h3>
|
||
<p>James does not know, with certainty, which of his identities threw the shelf. He was present for part of what happened — "but Daddy came back," Annabelle will later say — and absent for part of it. He is calling the ambulance in a state of genuine epistemic uncertainty about whether he is the agent of his daughter's death. "It might have been me" is not a figure of speech. It is a precise description of his experience.</p>
|
||
<h3>Why this placement matters</h3>
|
||
<p>The 911 call is entered as prosecution evidence — Exhibit D — by the DA, who is using it to establish a sense of responsibility. The DA reads it as a guilty conscience. So will the jury. So will the first-time reader. The sentence does its work twice: once as apparent evidence of guilt, once (after Annabelle's testimony) as a compressed account of living with dissociation. The transcript form is ideal for this doubling because it records the words without resolving their meaning.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lightbox-overlay" id="lb-annabelle" onclick="closeLightboxOnOverlay(event, 'lb-annabelle')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">Annabelle's Testimony — What a Child Knows</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-annabelle')">✕</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>The narrative convenience</h3>
|
||
<p>Annabelle's account of the night Sophie died is almost too complete. She narrates a sequence of events in a way that functions as a complete scene. Real traumatized children, especially young ones recounting violent events, are rarely this linear. They dissociate, loop, stop at unexpected moments. The recording ending mid-sentence ("Sophie got in the way and…") is the story's one concession to this reality.</p>
|
||
<h3>What it does for the story</h3>
|
||
<p>Annabelle's testimony is the story's interpretive key that retroactively transforms everything before it. Without it, the preceding witnesses build a portrait of a troubled but loving man. With it, they become a clinical history of a dissociative system the family has been managing, quietly and desperately, for years. Jamie's "running away" is now understood as a teenage response to living with Michael. Louisa Taylor's apartment is now understood as the family's emergency safe house. Rider-Waites's "funny moods" are now alter switches.</p>
|
||
<h3>A note on "Michael"</h3>
|
||
<p>The family has given the alter a name — whether this was the alter's own designation or their practical taxonomy is left open. The name Michael (Hebrew: <em>Mi-ka-El</em>, "Who is like God?") carries the weight of the archangel: the warrior, the fighter, the force that cannot be fully controlled. Whether this is intentional in the story is uncertain. The author doesn't flag it. But a violent, dominant alter who "tells Daddy to leave" is, structurally, a fighter — and the name does its work whether or not it was chosen deliberately.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lightbox-overlay" id="lb-climax" onclick="closeLightboxOnOverlay(event, 'lb-climax')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">"Am I Speaking to James Earl Gray Right Now?"</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-climax')">✕</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>Why this couldn't happen</h3>
|
||
<p>In a real trial where DID was the defence, Maria Cross would have disclosed the diagnosis well before trial. James would have undergone psychiatric evaluation. A forensic psychiatrist would have testified before James took the stand. The courtroom would know about Michael before the defendant spoke a word.</p>
|
||
<p>When Michael surfaces mid-testimony, a real defence attorney's only move is to call for an immediate recess. "Am I speaking to James Earl Gray right now?" is not a legal procedure. It is a line from the therapeutic drama, the intervention scene. It belongs to the doctor's office, not the courtroom.</p>
|
||
<h3>Why the story had no other choice</h3>
|
||
<p>The story needs James and Michael to occupy the same transcript at the same time. Everything else — Annabelle's testimony, the 911 call, Rider-Waites's description — tells us about Michael. This scene <em>shows</em> us Michael, live, while James is also present.</p>
|
||
<p>The return is devastating: "What? Sorry, I went a bit hazy for a second. Yes, I am James Earl Gray. Is everything okay, here?" We have just watched Michael say Sophie "got what was coming." Now James is asking if everything is okay, having no idea what was just said in his voice, in his name, in that room.</p>
|
||
<p>The scene is the price of the story's emotional core. The author chooses dramatic necessity over procedural accuracy — which is, almost always, the right call.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script>
|
||
function switchTab(tabId, btn) {
|
||
document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
|
||
document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));
|
||
document.getElementById(tabId).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>
|