Initial commit — Singular Particular Space v1
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>
This commit is contained in:
977
Writings/johnny-and-clive.html
Normal file
977
Writings/johnny-and-clive.html
Normal file
@@ -0,0 +1,977 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Johnny & Clive — Annotated</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||
|
||||
:root{
|
||||
--bg:#0a0a0a;
|
||||
--surf:#121212;
|
||||
--pan:#181818;
|
||||
--pan2:#1e1e1e;
|
||||
--bd0:#242424;
|
||||
--bd1:#333;
|
||||
--txt:#e0d4c0;
|
||||
--txtd:#5a4e3a;
|
||||
--txb:#ede0ca;
|
||||
--yel:#f0c020; /* Johnny */
|
||||
--red:#cc2020; /* Clive */
|
||||
--purp:#8855cc; /* contested */
|
||||
--grn:#4a9060; /* narrator DE */
|
||||
--sil:#707070; /* stage directions */
|
||||
--hdr:'Anton',Impact,sans-serif;
|
||||
--body:'Libre Baskerville',Georgia,serif;
|
||||
--ui:'Jost','Segoe UI',sans-serif;
|
||||
}
|
||||
|
||||
html{background:var(--bg);color:var(--txt);font-family:var(--body);font-size:17px;line-height:1.8;scroll-behavior:smooth}
|
||||
body{min-height:100vh;overflow-x:hidden}
|
||||
|
||||
/* newspaper grain */
|
||||
body::before{
|
||||
content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;
|
||||
opacity:.04;
|
||||
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
||||
background-size:200px 200px;
|
||||
}
|
||||
|
||||
/* ── HEADER ── */
|
||||
.hdr{background:var(--surf);border-bottom:3px solid var(--yel);padding:28px 36px 22px;position:relative;overflow:hidden}
|
||||
.hdr::after{content:'';position:absolute;top:0;right:0;width:6px;bottom:0;background:var(--red)}
|
||||
.hdr-kicker{font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--txtd);margin-bottom:8px}
|
||||
.hdr-title{font-family:var(--hdr);font-size:36px;color:var(--txt);line-height:1;margin-bottom:4px;letter-spacing:1px}
|
||||
.hdr-amp{color:var(--yel)}
|
||||
.hdr-sub{font-family:var(--hdr);font-size:13px;color:var(--txtd);letter-spacing:3px;margin-bottom:14px}
|
||||
.hdr-meta{font-family:var(--ui);font-size:14px;color:var(--txtd);font-weight:300;line-height:1.7}
|
||||
.hdr-meta strong{color:var(--txt);font-weight:500}
|
||||
|
||||
/* ── MAIN NAV ── */
|
||||
.tnav{background:var(--surf);border-bottom:1px solid var(--bd1);display:flex;overflow-x:auto;position:sticky;top:0;z-index:200}
|
||||
.tnav button{
|
||||
font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;
|
||||
color:var(--txtd);background:transparent;border:none;
|
||||
border-bottom:3px solid transparent;
|
||||
padding:14px 20px 11px;cursor:pointer;white-space:nowrap;
|
||||
transition:color 100ms,border-color 100ms;
|
||||
}
|
||||
.tnav button:hover{color:var(--yel)}
|
||||
.tnav button.act{color:var(--yel);border-bottom-color:var(--yel)}
|
||||
|
||||
/* ── WRAP ── */
|
||||
.wrap{max-width:860px;margin:0 auto;padding:40px 32px 90px}
|
||||
.tab{display:none}.tab.act{display:block}
|
||||
|
||||
/* ── STORY SUB-NAV ── */
|
||||
.snav{display:flex;gap:0;margin-bottom:36px;border:1px solid var(--bd1)}
|
||||
.snav button{
|
||||
flex:1;font-family:var(--hdr);font-size:12px;letter-spacing:2px;
|
||||
color:var(--txtd);background:var(--pan);border:none;
|
||||
padding:12px 16px;cursor:pointer;
|
||||
border-right:1px solid var(--bd1);
|
||||
transition:color 100ms,background 100ms;
|
||||
}
|
||||
.snav button:last-child{border-right:none}
|
||||
.snav button:hover{color:var(--txt)}
|
||||
.snav button.act{color:var(--bg);background:var(--yel)}
|
||||
.snav button.act.red{background:var(--red)}
|
||||
|
||||
.story-panel{display:none}.story-panel.act{display:block}
|
||||
|
||||
/* ── DIALOGUE LEGEND ── */
|
||||
.legend{
|
||||
display:flex;flex-wrap:wrap;gap:10px 24px;
|
||||
background:var(--pan);border:1px solid var(--bd1);border-left:4px solid var(--yel);
|
||||
padding:14px 20px;margin-bottom:28px;align-items:center;
|
||||
}
|
||||
.legend-title{font-family:var(--ui);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--txtd);margin-right:4px}
|
||||
.leg-item{display:flex;align-items:center;gap:8px;font-family:var(--ui);font-size:12px;font-weight:500}
|
||||
.leg-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}
|
||||
.leg-j{background:var(--yel)}
|
||||
.leg-c{background:var(--red)}
|
||||
.leg-a{background:var(--purp)}
|
||||
.leg-n{background:var(--grn)}
|
||||
|
||||
/* ── DIALOGUE LINES ── */
|
||||
.dia-block{margin:4px 0}
|
||||
.j-line{
|
||||
display:block;padding:5px 12px 5px 14px;
|
||||
border-left:3px solid var(--yel);
|
||||
background:rgba(240,192,32,.04);
|
||||
color:var(--txb);
|
||||
font-family:var(--body);font-size:17px;line-height:1.75;
|
||||
margin:3px 0;
|
||||
}
|
||||
.c-line{
|
||||
display:block;padding:5px 12px 5px 14px;
|
||||
border-left:3px solid var(--red);
|
||||
background:rgba(204,32,32,.04);
|
||||
color:var(--txb);
|
||||
font-family:var(--body);font-size:17px;line-height:1.75;
|
||||
margin:3px 0;
|
||||
}
|
||||
.amb-line{
|
||||
display:block;padding:5px 12px 5px 14px;
|
||||
border-left:3px solid var(--purp);
|
||||
background:rgba(136,85,204,.06);
|
||||
color:var(--txb);
|
||||
font-family:var(--body);font-size:17px;line-height:1.75;
|
||||
margin:3px 0;
|
||||
}
|
||||
.n-line{
|
||||
display:block;padding:4px 10px;
|
||||
color:var(--txt);
|
||||
font-family:var(--body);font-size:17px;line-height:1.75;
|
||||
margin:3px 0;
|
||||
}
|
||||
/* narrator in DE — green tint */
|
||||
.nr-line{
|
||||
display:block;padding:5px 12px 5px 14px;
|
||||
border-left:3px solid var(--grn);
|
||||
background:rgba(74,144,96,.04);
|
||||
color:var(--txt);
|
||||
font-family:var(--body);font-size:17px;line-height:1.75;
|
||||
margin:3px 0;
|
||||
}
|
||||
|
||||
/* ── STAGE DIRECTION ── */
|
||||
.sd{
|
||||
display:block;font-family:var(--body);font-size:15px;
|
||||
font-style:italic;color:var(--sil);
|
||||
padding:10px 0 8px 0;margin:8px 0;
|
||||
}
|
||||
.sd-bold{font-weight:700;font-style:normal;letter-spacing:1px;color:var(--txt);font-size:17px;padding:14px 0 10px}
|
||||
|
||||
/* ── CONTESTED BLOCK ── */
|
||||
.contested{
|
||||
margin:20px 0;
|
||||
background:rgba(136,85,204,.07);
|
||||
border:1px solid rgba(136,85,204,.3);
|
||||
border-left:4px solid var(--purp);
|
||||
}
|
||||
.contested-hd{
|
||||
display:flex;align-items:center;gap:10px;padding:10px 16px;
|
||||
border-bottom:1px solid rgba(136,85,204,.2);cursor:pointer;
|
||||
font-family:var(--ui);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;
|
||||
color:var(--purp);
|
||||
}
|
||||
.contested-hd:hover{background:rgba(136,85,204,.05)}
|
||||
.contested-body{padding:8px 0 4px}
|
||||
.contested-note{
|
||||
padding:10px 16px;
|
||||
font-family:var(--ui);font-size:13px;color:var(--purp);line-height:1.7;
|
||||
border-top:1px solid rgba(136,85,204,.2);margin-top:4px;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
/* ── NARRATION BLOCK (prose sections) ── */
|
||||
.narr-block{padding:6px 0 6px 24px;border-left:2px solid var(--bd0);margin:22px 0}
|
||||
.narr-block p{font-size:17px;color:var(--txt);margin-bottom:16px;line-height:1.85}
|
||||
.narr-block p:last-child{margin-bottom:0}
|
||||
|
||||
/* ── SECTION LABEL ── */
|
||||
.sec-label{
|
||||
font-family:var(--hdr);font-size:10px;letter-spacing:4px;
|
||||
color:var(--txtd);display:block;margin-bottom:14px;
|
||||
border-bottom:1px solid var(--bd0);padding-bottom:8px;
|
||||
}
|
||||
|
||||
/* ── STORY TITLE ── */
|
||||
.story-title{
|
||||
font-family:var(--hdr);font-size:28px;color:var(--txt);
|
||||
margin-bottom:6px;letter-spacing:1px;
|
||||
}
|
||||
.story-meta{font-family:var(--ui);font-size:12px;font-weight:300;color:var(--txtd);margin-bottom:28px;letter-spacing:2px}
|
||||
|
||||
/* ── CHALLENGE BLOCK ── */
|
||||
.chall{border:1px solid var(--bd0);border-left:4px solid var(--yel);padding:16px 22px;margin:28px 0;background:rgba(240,192,32,.02)}
|
||||
.chall .slabel{font-family:var(--hdr);font-size:9px;letter-spacing:3px;color:var(--yel);display:block;margin-bottom:10px}
|
||||
.chall p{font-family:var(--ui);font-size:14px;color:var(--txtd);margin-bottom:5px;font-weight:300}
|
||||
.chall p strong{color:var(--txt);font-weight:500}
|
||||
.auth-note{border:1px solid var(--bd0);border-left:3px solid var(--bd1);padding:12px 18px;font-family:var(--body);font-size:14px;color:var(--txtd);font-style:italic;margin-top:8px}
|
||||
|
||||
/* ── DECODER ── */
|
||||
.decoder{position:relative;display:inline}
|
||||
.decoder-trigger{
|
||||
background:none;border:none;padding:0 1px;cursor:pointer;
|
||||
font-family:inherit;font-size:inherit;font-style:inherit;
|
||||
color:var(--yel);
|
||||
text-decoration:underline;text-decoration-color:rgba(240,192,32,.4);
|
||||
text-decoration-style:dotted;text-underline-offset:3px;
|
||||
line-height:inherit;transition:color 100ms;
|
||||
}
|
||||
.decoder-trigger:hover,.decoder-trigger.open{color:#fff;text-decoration-style:solid}
|
||||
.decoder-trigger::after{content:' ▾';font-size:.65em;opacity:.7;font-style:normal}
|
||||
.decoder-trigger.open::after{content:' ▴'}
|
||||
.decoder-panel{
|
||||
display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:500;
|
||||
width:300px;
|
||||
background:#0f0a00;
|
||||
border:1px solid var(--yel);
|
||||
box-shadow:0 0 20px rgba(240,192,32,.12);
|
||||
padding:14px 18px;
|
||||
}
|
||||
.decoder-panel.open{display:block}
|
||||
.decoder-panel.flip-left{left:auto;right:0}
|
||||
.dec-label{display:block;font-family:var(--ui);font-size:8px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--txtd);margin-bottom:5px}
|
||||
.dec-term{display:block;font-family:var(--hdr);font-size:13px;color:var(--yel);margin-bottom:9px;letter-spacing:1px}
|
||||
.decoder-panel .dp{display:block;font-family:var(--ui);font-size:13px;color:var(--txt);line-height:1.65;font-weight:300}
|
||||
.dec-link{display:block;margin-top:8px;font-family:var(--ui);font-size:11px;font-weight:500;color:var(--red);text-decoration:none;letter-spacing:1px}
|
||||
.dec-link:hover{text-decoration:underline}
|
||||
|
||||
/* ── MARGIN NOTE ── */
|
||||
.mn{position:relative;display:inline}
|
||||
.mn-trig{
|
||||
background:none;border:none;padding:0 2px;cursor:pointer;
|
||||
font-family:var(--ui);font-size:9px;font-weight:700;
|
||||
color:var(--txtd);vertical-align:super;line-height:0;
|
||||
transition:color 100ms;
|
||||
}
|
||||
.mn-trig:hover,.mn-trig.open{color:var(--red)}
|
||||
.mn-panel{
|
||||
display:none;position:absolute;top:calc(100% + 6px);left:-10px;z-index:500;
|
||||
width:275px;background:#100000;
|
||||
border:1px solid var(--red);
|
||||
box-shadow:0 0 16px rgba(204,32,32,.12);
|
||||
padding:14px 16px;
|
||||
}
|
||||
.mn-panel.open{display:block}
|
||||
.mn-panel.flip-left{left:auto;right:-10px}
|
||||
.mn-label{display:block;font-family:var(--ui);font-size:8px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:8px}
|
||||
.mn-panel .dp{display:block;font-family:var(--ui);font-size:13px;color:var(--txt);line-height:1.65;font-weight:300}
|
||||
|
||||
/* ── LB TRIGGER ── */
|
||||
.lbt{
|
||||
background:none;border:none;padding:0 1px;cursor:pointer;
|
||||
font-family:inherit;font-size:inherit;font-style:inherit;color:inherit;
|
||||
text-decoration:underline;text-decoration-color:rgba(204,32,32,.5);
|
||||
text-underline-offset:3px;line-height:inherit;
|
||||
transition:color 100ms,text-decoration-color 100ms;
|
||||
}
|
||||
.lbt:hover{color:var(--red);text-decoration-color:var(--red)}
|
||||
|
||||
/* ── LIGHTBOX ── */
|
||||
.lb-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:1000;align-items:center;justify-content:center;padding:20px}
|
||||
.lb-ov.open{display:flex}
|
||||
.lb-box{background:var(--pan);border:1px solid var(--bd1);border-top:3px solid var(--red);max-width:720px;width:100%;max-height:90vh;overflow-y:auto}
|
||||
.lb-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;border-bottom:1px solid var(--bd0);position:sticky;top:0;background:var(--pan)}
|
||||
.lb-title{font-family:var(--hdr);font-size:11px;color:var(--red);letter-spacing:3px}
|
||||
.lb-close{background:none;border:1px solid var(--bd1);color:var(--txtd);font-size:13px;padding:4px 12px;cursor:pointer;font-family:var(--ui);transition:color 100ms,border-color 100ms}
|
||||
.lb-close:hover{color:var(--red);border-color:var(--red)}
|
||||
.lb-body{padding:26px 30px}
|
||||
.lb-body h3{font-family:var(--hdr);font-size:12px;color:var(--yel);letter-spacing:2px;margin-bottom:10px;margin-top:22px}
|
||||
.lb-body h3:first-child{margin-top:0}
|
||||
.lb-body p{font-family:var(--ui);font-size:14px;color:var(--txt);line-height:1.8;margin-bottom:14px;font-weight:300}
|
||||
.lb-body p:last-child{margin-bottom:0}
|
||||
.lb-body strong{color:var(--red);font-weight:600}
|
||||
.lb-body em{color:var(--txtd)}
|
||||
|
||||
/* ── ACCORDION ── */
|
||||
.acc-item{border:1px solid var(--bd0);border-left:4px solid var(--yel);margin-bottom:8px;background:var(--pan)}
|
||||
.acc-item.red{border-left-color:var(--red)}
|
||||
.acc-trig{width:100%;background:none;border:none;padding:14px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}
|
||||
.acc-text{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:1px;color:var(--txtd);line-height:1.6;text-transform:uppercase}
|
||||
.acc-trig:hover .acc-text,.acc-trig.open .acc-text{color:var(--yel)}
|
||||
.acc-item.red .acc-trig:hover .acc-text,.acc-item.red .acc-trig.open .acc-text{color:var(--red)}
|
||||
.acc-arr{font-family:var(--ui);font-size:14px;color:var(--txtd);flex-shrink:0;transition:transform 150ms}
|
||||
.acc-trig.open .acc-arr{transform:rotate(180deg);color:var(--yel)}
|
||||
.acc-item.red .acc-trig.open .acc-arr{color:var(--red)}
|
||||
.acc-pan{display:none;padding:0 22px 20px;border-top:1px solid var(--bd0)}
|
||||
.acc-pan.open{display:block}
|
||||
.acc-pan p{font-family:var(--ui);font-size:14px;color:var(--txt);line-height:1.8;margin-top:14px;font-weight:300}
|
||||
.acc-pan p:first-child{margin-top:14px}
|
||||
.acc-pan strong{color:var(--yel);font-weight:600}
|
||||
.acc-pan.red-acc p strong{color:var(--red)}
|
||||
|
||||
/* ── EDU ── */
|
||||
.edu-sec{margin-bottom:36px}
|
||||
.edu-title{font-family:var(--hdr);font-size:18px;color:var(--txt);letter-spacing:2px;margin-bottom:8px}
|
||||
.edu-intro{font-family:var(--ui);font-size:14px;font-weight:300;color:var(--txt);line-height:1.8;margin-bottom:22px}
|
||||
|
||||
/* ── READING LINKS ── */
|
||||
.rg{margin-bottom:30px}
|
||||
.rg-title{font-family:var(--ui);font-size:9px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--txtd);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--bd0)}
|
||||
.ri{display:block;border:1px solid var(--bd0);border-left:3px solid var(--yel);background:var(--pan);padding:12px 16px;margin-bottom:6px;text-decoration:none;transition:border-color 120ms,background 120ms}
|
||||
.ri:hover{border-left-color:var(--red);background:var(--pan2)}
|
||||
.ri-title{font-family:var(--body);font-size:15px;font-style:italic;color:var(--txt);display:block;margin-bottom:3px}
|
||||
.ri-desc{font-family:var(--ui);font-size:12px;color:var(--txtd);display:block;font-weight:300}
|
||||
|
||||
/* ── FEMINIST FEATURED BLOCK ── */
|
||||
.feminist-trigger{
|
||||
display:block;margin:28px 0;
|
||||
border:1px solid rgba(204,32,32,.4);border-left:5px solid var(--red);
|
||||
background:rgba(204,32,32,.04);
|
||||
padding:16px 22px;cursor:pointer;
|
||||
text-align:left;width:100%;font-family:inherit;
|
||||
transition:background 120ms,border-color 120ms;
|
||||
}
|
||||
.feminist-trigger:hover{background:rgba(204,32,32,.08);border-color:rgba(204,32,32,.7)}
|
||||
.ft-label{font-family:var(--ui);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--red);display:block;margin-bottom:6px}
|
||||
.ft-text{font-family:var(--body);font-size:16px;color:var(--txt);line-height:1.6;display:block;font-style:italic}
|
||||
|
||||
/* ── DIVIDER ── */
|
||||
.pdiv{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--bd1),transparent);margin:32px 0}
|
||||
|
||||
::-webkit-scrollbar{width:5px}
|
||||
::-webkit-scrollbar-track{background:var(--surf)}
|
||||
::-webkit-scrollbar-thumb{background:var(--bd1)}
|
||||
::-webkit-scrollbar-thumb:hover{background:var(--yel)}
|
||||
|
||||
@media(max-width:640px){
|
||||
.hdr{padding:20px 18px}
|
||||
.hdr-title{font-size:26px}
|
||||
.wrap{padding:26px 16px 60px}
|
||||
.decoder-panel,.mn-panel{width:250px}
|
||||
.tnav button{font-size:9px;padding:11px 12px 8px}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="hdr">
|
||||
<div class="hdr-kicker">Annotated Paired Fiction · JL · Crime / Absurdist</div>
|
||||
<div class="hdr-title">JOHNNY <span class="hdr-amp">&</span> CLIVE</div>
|
||||
<div class="hdr-sub">WITH DROPPING EAVES</div>
|
||||
<div class="hdr-meta">
|
||||
<strong>Johnny & Clive</strong> written first · <strong>Dropping Eaves</strong> written ~4 years later ·
|
||||
Same event, two completely different registers · Dialogue attribution mapped throughout
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<nav class="tnav">
|
||||
<button class="act" onclick="switchTab('t-story',this)">THE STORIES</button>
|
||||
<button onclick="switchTab('t-world',this)">THE UNIVERSE</button>
|
||||
<button onclick="switchTab('t-craft',this)">THE CRAFT</button>
|
||||
<button onclick="switchTab('t-read',this)">FURTHER READING</button>
|
||||
</nav>
|
||||
|
||||
<main class="wrap">
|
||||
|
||||
<!-- ═══════════════════════════ TAB 1 ═══════════════════════════ -->
|
||||
<div class="tab act" id="t-story">
|
||||
|
||||
<div class="snav">
|
||||
<button class="act" onclick="switchStory('s-jc',this)">JOHNNY & CLIVE <small style="opacity:.5">(Written First)</small></button>
|
||||
<button onclick="switchStory('s-de',this)" style="" class="red">DROPPING EAVES <small style="opacity:.5">(Written 4 Years Later)</small></button>
|
||||
</div>
|
||||
|
||||
<!-- ─────────── STORY 1: JOHNNY AND CLIVE ─────────── -->
|
||||
<div class="story-panel act" id="s-jc">
|
||||
|
||||
<div class="story-title">JOHNNY AND CLIVE</div>
|
||||
<div class="story-meta">THIRD PERSON · PRESENT TENSE · NO CHALLENGE PARAMETERS GIVEN</div>
|
||||
|
||||
<div class="legend">
|
||||
<span class="legend-title">DIALOGUE KEY:</span>
|
||||
<span class="leg-item"><span class="leg-swatch leg-j"></span> Johnny</span>
|
||||
<span class="leg-item"><span class="leg-swatch leg-c"></span> Clive</span>
|
||||
<span class="leg-item"><span class="leg-swatch leg-a"></span> Contested attribution</span>
|
||||
</div>
|
||||
|
||||
<div class="sd">Two men stand beside a field, on a road in the middle of <span class="decoder" id="dec-nowhere"><button class="decoder-trigger" onclick="togglePanel('dec-nowhere',this)">Nowhere</button><span class="decoder-panel"><span class="dec-label">World-Internal</span><span class="dec-term">Nowhere</span><span class="dp">Capitalised throughout the story — a proper noun. Not just any field, but the canonical, mythic Nowhere of British crime fiction. The Boss has an "evil lair," Barry may have stolen something, and the disposal site is Nowhere. The geography is genre.</span></span></span>, staring into the back of their car.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"We're dead."</span>
|
||||
<div class="sd">A moment of silence.</div>
|
||||
<span class="c-line">"Actually, he's the dead one."<span class="mn" id="mn-pedant"><button class="mn-trig" onclick="togglePanel('mn-pedant',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note</span><span class="dp">Clive's defining character move — established in his second line. He interrupts a moment of crisis with a literal correction. This exact pattern repeats across the whole story: Johnny states the problem, Clive refines the semantics. Every exchange is a version of this.</span></span></span></span>
|
||||
<span class="j-line">"That's why we're dead."</span>
|
||||
<span class="c-line">"I'm not following."</span>
|
||||
<span class="j-line">"We're dead because he's dead."</span>
|
||||
<span class="c-line">"We are? I don't feel dead."</span>
|
||||
<span class="j-line">"Don't get smart. <span class="decoder" id="dec-boss"><button class="decoder-trigger" onclick="togglePanel('dec-boss',this)">The Boss</button><span class="decoder-panel"><span class="dec-label">World-Internal</span><span class="dec-term">The Boss</span><span class="dp">Never named, never seen, never described beyond "balding fat fart." The Boss is the unseen authority of the British crime genre — a figure whose entire function is to make other people afraid. His "evil lair," his missus, his wounded pride about killing order — he is defined entirely by absence. The story is set entirely in his shadow without ever entering it.</span></span></span> is gonna kill us when he finds out that this guy's dead."</span>
|
||||
<span class="c-line">"But I thought the Boss wanted him dead."</span>
|
||||
<span class="j-line">"No, the Boss wanted to kill him."</span>
|
||||
<span class="c-line">"The difference being?"</span>
|
||||
<span class="j-line">"Well he can't kill him if he's already dead now, can he?"</span>
|
||||
<span class="c-line">"Oh I see. It's one of those <button class="lbt" onclick="openLightbox('lb-boss')">dick measuring things</button>. 'Look at me, I can bring you here and kill you myself. I'm a big man boy with a big stick and a fat arse.'"<span class="mn" id="mn-clive-riff"><button class="mn-trig" onclick="togglePanel('mn-clive-riff',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note</span><span class="dp">Clive's philosophical riffs are his signature — he takes a simple situation and extends it into a small speech. This is the first one. What Clive is actually doing is correctly diagnosing the Boss's psychology. He's not wrong. He's just doing it while standing over a body in a field.</span></span></span></span>
|
||||
<span class="j-line">"Something like that I guess."</span>
|
||||
</div>
|
||||
|
||||
<div class="sd">Some more silence.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"What did he do to piss the Boss off anyway?"</span>
|
||||
<span class="j-line">"No idea. I just got told to bag him and bring him to the Boss."</span>
|
||||
<span class="c-line">"You forgot the alive part."</span>
|
||||
<span class="j-line">"Ha bloody ha. We wouldn't be in this predicament if someone had remembered to <span class="decoder" id="dec-holes"><button class="decoder-trigger" onclick="togglePanel('dec-holes',this)">drill holes in the boot</button><span class="decoder-panel"><span class="dec-label">Decoded</span><span class="dec-term">Boot = Car Boot (British English)</span><span class="dp">The boot is the trunk of the car. Drilling holes would let air in — keeping a captive alive during transport. Clive forgot to do this. The detail implies they've done this before: drilling holes is not improvised; it's a procedure someone failed to follow.</span></span></span>."</span>
|
||||
<span class="c-line">"You didn't tell me to. And he might have made it if someone hadn't got lost."</span>
|
||||
<span class="j-line">"I took the wrong turn off."</span>
|
||||
<span class="c-line">"But you didn't know that, so you didn't stop, didn't turn 'round and didn't ask for bloody directions."</span>
|
||||
<span class="j-line">"Well I can't exactly stop and go, 'Sorry, do you know where to find <span class="decoder" id="dec-lair"><button class="decoder-trigger" onclick="togglePanel('dec-lair',this)">the Boss's evil lair</button><span class="decoder-panel"><span class="dec-label">Craft Note</span><span class="dec-term">Evil Lair</span><span class="dp">"Evil lair" — the vocabulary of superhero cinema and pantomime villainy, dropped into a conversation about a real murder. Johnny uses it completely straight. JL's method throughout: genre vocabulary applied without irony to its natural context, which makes the context absurd.</span></span></span>?' No I don't think that would go down so well. Not even with the village idiot."</span>
|
||||
</div>
|
||||
|
||||
<div class="sd">Some more silence.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"So what do you think he did?"</span>
|
||||
<span class="j-line">"Don't know. Probably stole something."</span>
|
||||
<span class="c-line">"Not money, I guess. <button class="lbt" onclick="openLightbox('lb-feminist')" style="color:inherit">The Boss's missus perhaps?</button>"<span class="mn" id="mn-missus"><button class="mn-trig" onclick="togglePanel('mn-missus',this)">✦</button><span class="mn-panel"><span class="mn-label">Feminist Note</span><span class="dp">The Boss's missus is the first female presence in the story. She is introduced as: property the dead man might have touched, someone the Boss also can't touch, and someone who hates the Boss. She exists in four lines, is never named, and is defined entirely by what men do or don't do to her. Click the red underline for the full analysis.</span></span></span></span>
|
||||
<span class="j-line">"Please. She wouldn't touch a balding fat fart like him."</span>
|
||||
<span class="c-line">"The Boss is a balding fat fart."</span>
|
||||
<span class="j-line">"Yeah, and she doesn't touch him. She hates him."</span>
|
||||
<span class="c-line">"True."</span>
|
||||
<span class="c-line">"Do you think he's <span class="decoder" id="dec-nemesis"><button class="decoder-trigger" onclick="togglePanel('dec-nemesis',this)">the Boss's nemesis</button><span class="decoder-panel"><span class="dec-label">Reference</span><span class="dec-term">Nemesis — Greek / Comic Book</span><span class="dp">In Greek mythology, Nemesis was the goddess of retribution — an equal opposing force. In comics, a nemesis is the equal-and-opposite villain to a hero (or hero to a villain). Clive introduces the concept in full philosophical seriousness. Johnny immediately interprets it as referring to the Boss's marriage. Two different understandings of the word "opposite" in action.</span></span></span>?"</span>
|
||||
<span class="j-line">"His what?"</span>
|
||||
<span class="c-line">"Y'know, his equal but opposite?"</span>
|
||||
<span class="j-line">"The Boss is already married. To his missus."</span>
|
||||
<span class="c-line">"No you daft twit. Like his enemy, only equal in strength."</span>
|
||||
<span class="j-line">"Naaah, can't be. Look at him. He's a dead git."</span>
|
||||
<span class="c-line">"Yeah, but <span class="decoder" id="dec-superman"><button class="decoder-trigger" onclick="togglePanel('dec-superman',this)">Superman was a git in glasses</button><span class="decoder-panel"><span class="dec-label">Reference</span><span class="dec-term">Superman / Clark Kent</span><span class="dp">Superman's alter ego Clark Kent is famously mild-mannered, clumsy, and bespectacled — a git in glasses. Clive's point: appearances don't rule out hidden significance. He's philosophically defending the dead man's potential importance. Johnny immediately corrects the reference, not the argument.</span></span></span>."</span>
|
||||
<span class="j-line">"No that was Clark Kent."</span>
|
||||
<span class="c-line">"Same thing."</span>
|
||||
<span class="j-line">"Not a chance."</span>
|
||||
</div>
|
||||
|
||||
<!-- CONTESTED SECTION -->
|
||||
<div class="contested">
|
||||
<div class="contested-hd" onclick="toggleContested(this)">
|
||||
<span style="font-size:14px">?</span>
|
||||
CONTESTED ATTRIBUTION — 5 LINES · CLICK TO EXPAND
|
||||
<span style="margin-left:auto;font-size:12px">▾</span>
|
||||
</div>
|
||||
<div class="contested-body" style="display:none">
|
||||
<span class="amb-line">"I'm not going to argue with you now. I have to figure out how we're gonna get out of this."</span>
|
||||
<span class="amb-line">"Down that road I expect."</span>
|
||||
<span class="amb-line">"Out of this mess you idiot."</span>
|
||||
<span class="amb-line">"I know what you mean. I'm just having a laugh. Don't you have a sense of humour?"</span>
|
||||
<span class="amb-line">"Not when I'm stuck in the middle of nowhere with a dead guy in my car."</span>
|
||||
<div class="contested-note">
|
||||
<strong style="color:var(--purp);font-family:var(--ui);font-size:9px;letter-spacing:2px;text-transform:uppercase">Why these five lines are genuinely ambiguous:</strong><br><br>
|
||||
The Clark Kent argument breaks the story's established rhythm. Johnny has consistently taken figurative speech literally; Clive has consistently digressed philosophically. Here, both men are frustrated and stepping back at the same time — and the character markers that have been guiding attribution disappear.<br><br>
|
||||
<strong>Plausible reading A:</strong> Clive says "I have to figure out how we're gonna get out of this" (uncharacteristic problem-focus), Johnny jokes "down that road I expect" (taking it literally per his pattern), Clive corrects him ("out of this mess you idiot"), Johnny defends himself ("I'm just having a laugh"), Clive ends it ("not when I'm stuck in the middle of nowhere").<br><br>
|
||||
<strong>Plausible reading B:</strong> Johnny says "I have to figure out how we're gonna get out of this" (outcome-focused, consistent), Clive makes the literal joke ("down that road I expect" — a rare reversal), Johnny corrects ("out of this mess"), Clive deflects ("I'm just having a laugh"), Johnny shuts it down.<br><br>
|
||||
Both readings are internally consistent. Reading B is a deliberate role-swap that mirrors the Clark Kent / Superman inversion. <em>Dropping Eaves</em> names them later but doesn't resolve this section. The author may not have intended a resolution.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sd">Again, more silence.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"Do you think we should have a funeral."</span>
|
||||
<span class="j-line">"What?"</span>
|
||||
<span class="c-line">"Y'know. Bury him in the field, say a few words."</span>
|
||||
<span class="j-line">"Good a plan as any, I suppose."</span>
|
||||
<span class="c-line">"Poor bastard. Not his fault he's dead."</span>
|
||||
<span class="j-line">"Yeah, It's yours."</span>
|
||||
<span class="c-line">"Don't start again."</span>
|
||||
<span class="j-line">"I'm not. Let's get him out."</span>
|
||||
<span class="c-line">"At least there's no blood this time."<span class="mn" id="mn-thistime"><button class="mn-trig" onclick="togglePanel('mn-thistime',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note</span><span class="dp">"This time." A single throwaway phrase that opens an entire implied history: there have been previous times, with blood. The story has been presented as a one-off situation, but "this time" reveals these are career criminals with a procedure and a body of prior work. JL does this with compression — one phrase, no explanation, full implication.</span></span></span></span>
|
||||
</div>
|
||||
|
||||
<div class="sd-bold">Dead guy moves. Bang.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"Oh come on!"</span>
|
||||
<span class="c-line">"It was a reflex action. He was already dead."<span class="mn" id="mn-reflex"><button class="mn-trig" onclick="togglePanel('mn-reflex',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note — Escalation</span><span class="dp">The story's central escalation: the situation goes from "he's dead" to "he wasn't dead" to "he's definitely dead now." Clive shoots without warning, explains afterwards. The structure is pure farce — every attempt to simplify the situation creates a new complication. The body that was supposed to go to the Boss now has fewer recognisable features.</span></span></span></span>
|
||||
<span class="j-line">"Evidently he wasn't!"</span>
|
||||
<span class="c-line">"Well he's dead now. Again."</span>
|
||||
<span class="j-line">"Because you blew half his bloody face off!"</span>
|
||||
<span class="c-line">"Yeah sorry about that."</span>
|
||||
<span class="j-line">"Do you have any idea how long it's going to take to clean this up?"</span>
|
||||
<span class="c-line">"Couple of hours?"</span>
|
||||
<span class="j-line">"Shut up and help me get him out. You can take his head."</span>
|
||||
<span class="c-line">"Fair enough."</span>
|
||||
<span class="j-line">"Watch out!"</span>
|
||||
<span class="c-line">"He's not going to feel anything, he's dead."</span>
|
||||
<span class="j-line">"But banging his head is making more of a mess."</span>
|
||||
<span class="c-line">"Sorry. He doesn't have much brains left, does he?"</span>
|
||||
<span class="j-line">"Shut up."</span>
|
||||
<span class="c-line">"Don't think he had much to begin with."</span>
|
||||
<span class="j-line">"Shut up."</span>
|
||||
<span class="c-line">"Most of it's in your car now."</span>
|
||||
<span class="j-line">"SHUT UP!"</span>
|
||||
</div>
|
||||
|
||||
<div class="sd-bold">Thud.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"Oh for fuck's sake."</span>
|
||||
<span class="c-line">"He's heavy okay. And the legs are easier to carry. Not as awkward."</span>
|
||||
<span class="j-line">"I don't care! Pick him up."</span>
|
||||
</div>
|
||||
|
||||
<div class="sd">Silence. Digging. Silence.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"I think we should say something."</span>
|
||||
<span class="j-line">"You do it."</span>
|
||||
<span class="c-line">"What was his name?"</span>
|
||||
<span class="j-line">"No idea. <span class="decoder" id="dec-barry"><button class="decoder-trigger" onclick="togglePanel('dec-barry',this)">Barry</button><span class="decoder-panel"><span class="dec-label">Craft Note</span><span class="dec-term">Barry</span><span class="dp">The most ordinary, unmenacing English name available — the specific anti-climax of it is the joke. Not "Vladimir" or "The Nemesis" or "Barry the Fixer." Just Barry. The random christening strips the dead man of any remaining mythological possibility Clive had been constructing. He was never the Boss's nemesis. He was Barry.</span></span></span>?"</span>
|
||||
<span class="c-line">"Alright. We are gathered here today to lay to rest <button class="lbt" onclick="openLightbox('lb-feminist')">Barry</button>. He's dead. Probably because I shot him. What do you think he did for a living? Lawyer?"</span>
|
||||
<span class="j-line">"Naaah, lawyers are good looking. They need to woo the jury."</span>
|
||||
<span class="c-line">"Doctor?"</span>
|
||||
<span class="j-line">"Wouldn't want him as my doctor. Creepy fella isn't he?"</span>
|
||||
<span class="c-line">"<span class="decoder" id="dec-it"><button class="decoder-trigger" onclick="togglePanel('dec-it',this)">I.T. guy</button><span class="decoder-panel"><span class="dec-label">Cultural Reference</span><span class="dec-term">The I.T. Guy</span><span class="dp">The IT support worker is a standing British comedy archetype — socially awkward, physically nondescript, essential but invisible. Assigning Barry this role is a form of ultimate erasure: he was the person who fixes things in the background, who no one notices until something breaks. He has become, in death, as anonymous as he probably was in life.</span></span></span>."</span>
|
||||
<span class="j-line">"Yeah, seems about right."</span>
|
||||
<span class="c-line">"Right. So we lay to rest Barry the I.T. guy. Uh. Do you think he had a missus?"</span>
|
||||
<span class="j-line">"Him? Not likely."</span>
|
||||
<span class="c-line">"Maybe he bought one off the interweb?"</span>
|
||||
<span class="j-line">"Maybe."</span>
|
||||
<span class="c-line">"Kids?"</span>
|
||||
<span class="j-line">"Don't think so. Probably a low sperm count."</span>
|
||||
<span class="c-line">"Okay. We lay to rest Barry the I.T. guy. He is survived by his wife <button class="lbt" onclick="openLightbox('lb-feminist')">Chi Chi and his two little girls LaToyah and Monifah who aren't really his.</button> God rest his soul."<span class="mn" id="mn-chicho"><button class="mn-trig" onclick="togglePanel('mn-chicho',this)">✦</button><span class="mn-panel"><span class="mn-label">Feminist Note</span><span class="dp">Three women invented and immediately dismissed in one sentence. "Who aren't really his" is the punchline — three invented females reduced to a joke about the dead man's inadequacy. See the full feminist critique via the red underline above.</span></span></span></span>
|
||||
<span class="j-line">"Had your fun?"</span>
|
||||
<span class="c-line">"Have some respect for the dead."</span>
|
||||
<span class="j-line">"Shut up."</span>
|
||||
</div>
|
||||
|
||||
<div class="sd">Dirt falls, as does sweat.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"Bugger me. I'm glad that's done."</span>
|
||||
<span class="c-line">"Yeah. I'll miss Barry."</span>
|
||||
<span class="j-line">"You're an arse."</span>
|
||||
<span class="c-line">"Yeah, but I'm a better looking arse than you."</span>
|
||||
<span class="j-line">"Not what your mum said."</span>
|
||||
<span class="c-line">"Oi. She makes great spaghetti. <span class="decoder" id="dec-italian"><button class="decoder-trigger" onclick="togglePanel('dec-italian',this)">She's half Italian you know.</button><span class="decoder-panel"><span class="dec-label">Character Detail</span><span class="dec-term">Clive's Mum — Half Italian</span><span class="dp">The first and only biographical detail we get about either man. No other personal information is given in the whole story. Clive's mum makes great spaghetti and is half Italian. Johnny says bullshit. Clive insists it's true. It functions as a coda — a tiny warm thing after the digging.</span></span></span>"</span>
|
||||
<span class="j-line">"Bullshit."</span>
|
||||
<span class="c-line">"It's true."</span>
|
||||
</div>
|
||||
|
||||
<div class="sd">Some more silence.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"So what now?"</span>
|
||||
<span class="j-line">"Grab a pint?"</span>
|
||||
<span class="c-line">"Yeah alright."</span>
|
||||
</div>
|
||||
|
||||
<hr class="pdiv">
|
||||
|
||||
</div><!-- end s-jc -->
|
||||
|
||||
<!-- ─────────── STORY 2: DROPPING EAVES ─────────── -->
|
||||
<div class="story-panel" id="s-de">
|
||||
|
||||
<div class="story-title">DROPPING EAVES</div>
|
||||
<div class="story-meta">FIRST PERSON · PRESENT TENSE · CHALLENGE: "BANANAS" GENRE</div>
|
||||
|
||||
<div class="legend">
|
||||
<span class="legend-title">DIALOGUE KEY:</span>
|
||||
<span class="leg-item"><span class="leg-swatch leg-n"></span> Narrator (blind)</span>
|
||||
<span class="leg-item"><span class="leg-swatch leg-j"></span> Johnny (whiny, aggressive)</span>
|
||||
<span class="leg-item"><span class="leg-swatch leg-c"></span> Clive ("the bright one")</span>
|
||||
</div>
|
||||
|
||||
<!-- NARRATOR'S OPENING WORLD -->
|
||||
<div class="narr-block">
|
||||
<p>I've never seen the colour blue. I don't know what it looks like, but I've heard that the ocean is blue. If the ocean is blue, then I like the sound of it. Blue could quite possibly be my favourite colour; I'm sure I'd agree with myself if I saw it.<span class="mn" id="mn-blue"><button class="mn-trig" onclick="togglePanel('mn-blue',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note — The Reveal</span><span class="dp">The opening sentence is the story's central misdirection and its eventual punchline. "I've never seen the colour blue" — a casual, philosophically-framed observation that only retroactively becomes the story's key. JL never says "I am blind." The reader is given every piece of evidence and trusted to hold it.</span></span></span></p>
|
||||
<p>But I'm not by the ocean right now; I'm sitting outside a small coffee shop near <span class="decoder" id="dec-hyde"><button class="decoder-trigger" onclick="togglePanel('dec-hyde',this)">Hyde Park</button><span class="decoder-panel"><span class="dec-label">Decoded</span><span class="dec-term">Hyde Park — London</span><span class="dp">One of London's eight Royal Parks — a 350-acre public park in the City of Westminster. The coffee shop near Hyde Park situates the story in a specific socioeconomic register: expensive enough to attract "all sorts," central enough to attract the accidental, overpriced enough to be worth noting. Consistent with the characters being south London types operating slightly out of their territory.</span><a class="dec-link" href="https://en.wikipedia.org/wiki/Hyde_Park,_London" target="_blank">→ Hyde Park on Wikipedia</a></span></span>, having a cigarette. Why I started smoking, I have no idea, but these days it's one of my favourite things to do. The tobacco makes a soft crackle as it burns; most people never notice, but it's actually quite a pleasant little sound. Like a mini fireplace in my mouth.<span class="mn" id="mn-sound"><button class="mn-trig" onclick="togglePanel('mn-sound',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note — The Sonic World</span><span class="dp">From the first paragraph, the narrative attention is sonic rather than visual. The tobacco's crackle. The coffee shop sounds. The strain in waiters' voices. The grinding and chopping. The narrator describes a world through sound with the granularity of someone for whom sound is the primary sense. JL builds the blind narrator through texture before ever making the condition explicit.</span></span></span></p>
|
||||
<p>I come to this place almost every day, mostly because they let me bring <span class="decoder" id="dec-rufus"><button class="decoder-trigger" onclick="togglePanel('dec-rufus',this)">Rufus</button><span class="decoder-panel"><span class="dec-label">Character Detail</span><span class="dec-term">Rufus — Guide Dog Joke</span><span class="dp">Golden Retrievers are a common guide dog breed. The narrator's Rufus "never fetches a damn thing" and "just sits quietly next to me, panting and keeping an eye out for pretty girls." A guide dog who won't guide, who has his own aesthetic preferences, and who will — critically — fail to growl at the two men approaching. Rufus is both the dog's whole character and a gentle running joke about the narrator's reliance on unreliable assistance.</span></span></span> inside. I've had Rufus about six years now, some old lady said he's a Golden Retriever, but he never fetches a damn thing. He usually just sits quietly next to me, panting and keeping an eye out for <button class="lbt" onclick="openLightbox('lb-feminist')">pretty girls</button>. I suppose he's fetched one or two of those in the past, but he and I have different taste in women.<span class="mn" id="mn-taste"><button class="mn-trig" onclick="togglePanel('mn-taste',this)">✦</button><span class="mn-panel"><span class="mn-label">Feminist Note</span><span class="dp">The narrator's relationship to women introduced in three words: "different taste in women." Women as objects of aesthetic preference — specifically visual preference, which is the narrator's diminished sense. Women appear in this story as: the object of taste, the sound of their shoes, and an unconscious body the two men bring up later. See full analysis via red underline.</span></span></span></p>
|
||||
<p>I've come to the conclusion that this little coffee shop attracts all sorts and I'm pretty sure it's because the coffee is over-priced. But it is worth it, just to come and sit for a while and listen to the lives of so many different people. I usually bring a book so as not to creep people out with my pastime, but I'm pretty sure I'm <span class="decoder" id="dec-upsidedown"><button class="decoder-trigger" onclick="togglePanel('dec-upsidedown',this)">"reading" it upside down half the time</button><span class="decoder-panel"><span class="dec-label">The Tell</span><span class="dec-term">The Book Is Upside Down</span><span class="dp">One of two structural tells embedded early for a second reading. An upside-down book is invisible to a blind reader. The quotation marks around "reading" are not coyness; they are the story's quiet admission. "Dropping Eaves" in the title — eavesdropping, listening — is what the narrator actually does. The book is a prop. Sound is the text.</span></span></span>. On a quiet day, you'd be able to follow entire conversations and play out whole soap-operas in your mind...</p>
|
||||
<p>This little hole in the wall can get pretty packed at times too, and you can hear the strain in the waiters' voices over the hubbub of people taking it easy for a while. On a busy night, or day, the best seat in the house is near the kitchen. It's a symphony of chaos, life is too, but the kitchen under pressure is the best example. The grinding and chopping and searing and the click-clack-clack mixed with the clangs and the thuds constantly mingling with worried shouts and precious inside jokes. It's not music, but I love it.</p>
|
||||
<p>I wouldn't go as far as to call it busy today, but it isn't quiet either. I think I brought Lord of the Rings with me but I'm not sure. Right now, I'm waiting on a red velvet cupcake, a chocolate chip muffin and a pot of <span class="decoder" id="dec-earl"><button class="decoder-trigger" onclick="togglePanel('dec-earl',this)">Earl Grey</button><span class="decoder-panel"><span class="dec-label">Character Detail</span><span class="dec-term">Earl Grey</span><span class="dp">Earl Grey is a distinctively aromatic tea — its bergamot scent is recognisable by smell alone. For a blind narrator, tea choices carry sensory weight beyond mere preference. The order as a whole (red velvet, choc chip, Earl Grey) tells us about a person who enjoys specific, textured sensory pleasures: taste, smell, crunch, warmth.</span></span></span>. Rufus loves red velvet, he's salivating all over my leg just thinking about it. Familiar — that's what I'd call today. The music playing over the almost-blown speakers is soft enough to blend into the background. It might be pop that's playing but at least it isn't <span class="decoder" id="dec-panpipe"><button class="decoder-trigger" onclick="togglePanel('dec-panpipe',this)">Pan Pipe Moods</button><span class="decoder-panel"><span class="dec-label">Reference</span><span class="dec-term">Pan Pipe Moods (1994)</span><span class="dp">A real compilation album — one of a long series of ambient pan pipe covers released throughout the 1990s in the UK. They were sold in service stations and became a cultural shorthand for aggressively inoffensive background noise. The narrator's specific horror at them suggests both cultural awareness and a finely tuned sensitivity to sonic environment.</span></span></span>. There aren't a lot of cars passing and it's probably sometime in the afternoon, but the shicks and clinks of knives and forks underneath the low mumble of casual conversation is perfectly ordinary. Most people ignore these moments.</p>
|
||||
</div>
|
||||
|
||||
<!-- OVERHEARD DIALOGUE BEGINS -->
|
||||
<div class="sd">The alley, unseen.</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line"><span class="decoder" id="dec-jaws"><button class="decoder-trigger" onclick="togglePanel('dec-jaws',this)">"We're going to need a bigger boat…"</button><span class="decoder-panel"><span class="dec-label">Challenge Requirement + Reference</span><span class="dec-term">Jaws (1975) — Chief Brody</span><span class="dp">"You're gonna need a bigger boat" — Chief Brody's line upon seeing the shark for the first time in Spielberg's Jaws. Required by the challenge. Clive applies it to the problem of fitting a large body into a small car boot. The line lands perfectly: the original context (inadequate vessel, terrifying obstacle) maps precisely onto the new one. The challenge requirement and the story's logic are entirely consistent.</span></span></span></span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>He might have said "boot" but he's cockney and a little far away, so I can't really be sure.</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"Just jam his legs in harder, Clive… He ain't gonna need 'em."</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>I can't help myself; this is too weird not to listen to. This second guy sounds like the bright one of the pair. He also sounds smaller and a bit whiny.<span class="mn" id="mn-bright"><button class="mn-trig" onclick="togglePanel('mn-bright',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note — Unreliable Assessment</span><span class="dp">The narrator calls Johnny "the bright one of the pair" — which is demonstrably wrong based on J&C. Johnny is the one who got lost, shot a man who wasn't dead, and forgot to ask for directions. Clive is the philosophical one who correctly diagnoses the Boss's psychology. The narrator's blind assessment of character via voice alone is exactly as reliable as you'd expect: not very. The "smaller and a bit whiny" is consistent though.</span></span></span></p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"Have you seen the size of that gut, Johnny? If I squeeze his legs any harder, it'll come out of his belly button like toothpaste."</span>
|
||||
<span class="j-line">"You're disgusting, you know that?"</span>
|
||||
<span class="c-line">"I don't know; I just think we're, y'know… Doing it wrong."</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>Well for starters, I would think that doing whatever they're doing in broad daylight is wrong from the start. At least under cover of darkness, you'd expect this sort of thing. Aren't they worried about being seen? Not by me, obviously, but there are at least thirty witnesses. What if they're planning on mass murder after they've finished? No, I'm being paranoid. But I can't hear any whispers or gasps, from inside. Has no one noticed?</p>
|
||||
<p>Wait. The cars are that way and they're… In the alley. That makes me feel better.</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"Look, it's an <span class="decoder" id="dec-boot"><button class="decoder-trigger" onclick="togglePanel('dec-boot',this)">average sized boot, Clive</button><span class="decoder-panel"><span class="dec-label">The Connect</span><span class="dec-term">The Boot — Linking Both Stories</span><span class="dp">The same boot from J&C. The narrator has been listening to the tail end of the J&C story — specifically the argument about fitting the body in. In J&C, the body was put in the boot to drive to the Boss; it died en route. Now they need to dispose of it differently. The narrator has stumbled into the aftermath of a crime she heard from the beginning; the reader has seen both ends of the same event.</span></span></span>. Perfectly adequate for one large bloke – or two <span class="decoder" id="dec-bsb"><button class="decoder-trigger" onclick="togglePanel('dec-bsb',this)">Backstreet Boys</button><span class="decoder-panel"><span class="dec-label">Reference</span><span class="dec-term">Backstreet Boys</span><span class="dp">The American pop group active from 1993 onwards — a culturally specific unit of small-ish human measurement. Johnny uses them as a volume reference. The incongruity of Backstreet Boys appearing in a body-disposal conversation is entirely consistent with the story's register.</span></span></span> at a push. Now push his bleedin' legs in before I beat you to death with a shovel and bury you in the arse end of nowhere."</span>
|
||||
<span class="c-line">"Why'd you want to do that?"</span>
|
||||
<span class="j-line">"Because, it's going to happen to someone, and if you can't get him in there, then it's going to be you."</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>I really should not be listening to this. I should turn the page of my book. Oh thank goodness, the waitress is here with my order. I've never welcomed the sound of <button class="lbt" onclick="openLightbox('lb-feminist')">hooker heels on concrete</button> with more gratitude in my life.<span class="mn" id="mn-heels"><button class="mn-trig" onclick="togglePanel('mn-heels',this)">✦</button><span class="mn-panel"><span class="mn-label">Feminist Note — The Waitress</span><span class="dp">The waitress — the only female character present in DE — is identified entirely by the sound of her shoes. No name, no face, no words. She exists as a sound that provides relief, then disappears. In J&C she re-enters via reported speech: she "told him to take a flying whatsit at a rolling doughnut" — an act of assertion, but still secondhand, still nameless. She is the story's most capable character and the least visible one.</span></span></span> Rufus lets out a little bark of glee and scoffs his cupcake – it might be mine – out of my hand, leaving a slimy saliva coating in his wake. I hope to heaven they didn't hear him. They seem to be bickering, so I'm safe. I take a bite from my cupcake. Choc chip. Rufus is safe too.</p>
|
||||
<p>I try to steady my breathing. Just calm down. But curiosity is so annoying sometimes. No, I tell myself. Don't listen. Don't pay attention. Listen to the birds. Or the cars. Let them do their thing and be on their not-so-merry way. Just don't —</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"'Scuse me."</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>That was ridiculously close, and very cockney. Rufus should be growling. Damn it! He's still doing that sloppy chewy thing dogs do with cake.</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"Hello? You with the book."</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>The whiny one's here too, and — balls — they're definitely, without a doubt, talking to me. I don't know what to say.</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"You know it's the wrong way round, yeah?"</span>
|
||||
<span class="j-line">"<span class="decoder" id="dec-lotr"><button class="decoder-trigger" onclick="togglePanel('dec-lotr',this)">The Lord of the Rings has got secret codes if you turn it upside down</button><span class="decoder-panel"><span class="dec-label">The Cover</span><span class="dec-term">Lord of the Rings — Upside Down</span><span class="dp">The upside-down book pays off here. Clive notices it's wrong; Johnny invents a cover story (secret codes) to protect a stranger he's about to approach for help. The interaction flips the power dynamic: two men who just buried a body need something from a person they think is just an eccentric reader. They have no idea they're talking to someone who heard everything.</span></span></span>, Johnny."</span>
|
||||
<span class="j-line">"Clive."</span>
|
||||
<span class="c-line">"Yeah?"</span>
|
||||
<span class="j-line">"Shut it. Don't mind him, he's a pillock."</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>The whiny one is Johnny, the other is Clive.<span class="mn" id="mn-naming"><button class="mn-trig" onclick="togglePanel('mn-naming',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note — The Attribution Reveal</span><span class="dp">Four years after J&C, JL resolves the attribution — or at least anchors it. "The whiny one is Johnny, the other is Clive." The narrator gives the reader the key to the earlier story. But the narrator also says Johnny is "the bright one of the pair," which a reader of J&C knows is wrong. The naming is authoritative; the assessment is not.</span></span></span> Got it. Now I can give names if I'm found, beaten to death, in the middle of nowhere. I still haven't said a thing, or moved.</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"So, we need your help mate…"</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block"><p>For what?! What could these two possibly need me to help with? Keep silent. That's all I can think to do.</p></div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"My associate and I need you to settle a bit of an argument."<span class="mn" id="mn-assoc"><button class="mn-trig" onclick="togglePanel('mn-assoc',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note</span><span class="dp">"Associate" — the narrator notes: "What's with thugs and calling each other 'associate'?" It's the vocabulary of corporate crime fiction — professional distance applied to a very unprofessional situation. Johnny has an instinct for register-elevation when addressing strangers; this is the same impulse that made him invent "secret codes" for the upside-down book.</span></span></span></span>
|
||||
<span class="nr-line">"Can you fit a round peg in a square hole?"</span>
|
||||
<span class="c-line">"Depends on the size of the peg," I answer. Rhetoric? At a time like this?</span>
|
||||
<span class="j-line">"Exactly!"</span>
|
||||
<span class="c-line">"Are you blind?!"</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block"><p>Nope, that wasn't meant for me. Clive continues:</p></div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"That is an exceptionally large, round… Thing… For a very small box, okay. It's just not going to happen."</span>
|
||||
<span class="j-line">"You know what! YOU KNOW WHAT!!"</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>The whiny one stomps off. He sounds like a penguin. An angry penguin.</p>
|
||||
<p>"I think he's still a bit mad, because the waitress told him to take a flying whatsit at a rolling doughnut."</p>
|
||||
<p>The penguin is by the car now, making a serious racket. Grunting and thudding and heaving and what sounds like meat being hit with a blunt object.</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="j-line">"You see, Clive? YOU SEE?! <span class="decoder" id="dec-body"><button class="decoder-trigger" onclick="togglePanel('dec-body',this)">THAT IS HOW YOU FIT A BODY INTO A BOOT!</button><span class="decoder-panel"><span class="dec-label">The Story's Loudest Line</span><span class="dec-term">Said "A Bit Loud"</span><span class="dp">The line the narrator has been dreading — and it is shouted in a coffee shop with thirty witnesses. The narrator's paranoia, which seemed comic, was entirely justified. Clive notes immediately that it was "a bit loud." What makes it work is that nobody inside reacts — either because nobody heard, or because London's social contract means you pretend you didn't.</span></span></span> NOW COME ON! We need to get him to the Boss before he runs out of blood."</span>
|
||||
<span class="c-line">"Hold your horses! Cheers mate."</span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>I don't even get a chance to say anything back. Next thing I hear is:</p>
|
||||
</div>
|
||||
|
||||
<div class="dia-block">
|
||||
<span class="c-line">"You might have said that a bit loud, Johnny."</span>
|
||||
<span class="j-line">"I don't care. Shut up and get in."</span>
|
||||
<span class="c-line">"You know, I think that bloke actually was blind."<span class="mn" id="mn-reveal"><button class="mn-trig" onclick="togglePanel('mn-reveal',this)">✦</button><span class="mn-panel"><span class="mn-label">Craft Note — The Payoff</span><span class="dp">The story's final line — and the full reveal. "That bloke actually was blind." Clive has figured out, retrospectively, why the person didn't react to everything they were saying. The joke's construction: the reader knows from line one; the narrator knows throughout; Clive knows at the end; Johnny has already left. The punchline is delivered by the person who kept asking if the narrator was blind — having used it as an insult, then as a question, finally arriving at it as a fact.</span></span></span></span>
|
||||
</div>
|
||||
|
||||
<div class="narr-block">
|
||||
<p>The doors close, the engine starts and they speed off. I think that this has to be, the most utterly bizarre experience of my life.</p>
|
||||
</div>
|
||||
|
||||
<hr class="pdiv">
|
||||
|
||||
<div class="chall">
|
||||
<span class="slabel">CHALLENGE PARAMETERS — DROPPING EAVES</span>
|
||||
<p><strong>Challenger:</strong> Lee Watkins</p>
|
||||
<p><strong>Tell me a story about:</strong> The Sounds Around Me | <strong>Genre:</strong> Bananas | <strong>Style:</strong> 1st Person Narrative (Present Tense)</p>
|
||||
<p><strong>It must have:</strong> The sounds that you encounter in your everyday environment.</p>
|
||||
<p><strong>Someone must say:</strong> "We're going to need a bigger boat…"</p>
|
||||
</div>
|
||||
<div class="auth-note">"This is what happens when you choose Bananas as a Genre." — JL</div>
|
||||
|
||||
</div><!-- end s-de -->
|
||||
</div><!-- end t-story -->
|
||||
|
||||
|
||||
<!-- ═══════════════════════════ TAB 2: THE UNIVERSE ═══════════════════════════ -->
|
||||
<div class="tab" id="t-world">
|
||||
<div class="edu-sec">
|
||||
<div class="edu-title">THE UNIVERSE</div>
|
||||
<p class="edu-intro">The same event seen twice: once from inside (two men, a body, a field), once from outside (a blind eavesdropper, a coffee cup, a guide dog who couldn't care less). The stories were written four years apart, in reverse order to how they sit chronologically — J&C first, DE second. What JL built was not a sequel but a refraction: the same material rendered in a completely different register, from a perspective that can only access sound.</p>
|
||||
</div>
|
||||
|
||||
<div class="acc-item">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">How do the two stories relate to the same event?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan">
|
||||
<p>J&C covers the body's entire journey: the discovery of death, the arguments, the burial in the field, the spaghetti digression, the pub. DE covers only one incident from that journey: the moment Johnny and Clive tried to repack the body into the boot — apparently after the field burial failed, or before it, or they've moved locations. The timeline is compressed and slightly fuzzy.</p>
|
||||
<p>What the narrator overhears in DE is the boot-packing argument that J&C never depicts — it falls in the gap between J&C's dialogue and its stage directions. DE doesn't retell J&C. It shows us something that happened offscreen in the first story, observed from an angle that makes it both funnier and more frightening.</p>
|
||||
<p>The narrator's blind perspective enforces exactly the reader's position in J&C: you know what's happening, but you can't see it clearly. Both stories are acts of eavesdropping on violence.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acc-item">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">Who is the Boss — and why does he never appear?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan">
|
||||
<p>The Boss is the unseen authority of the British crime genre — a figure whose whole function is to make other people afraid without ever being present. He has an "evil lair," a missus who hates him, a wounded ego about killing order, and enough power to make two men panic in a field for an entire story. He never appears in either text.</p>
|
||||
<p>This is structurally essential to the comedy: the threat of the Boss is the engine of everything Johnny and Clive do, and everything they do is wrong. They got lost. They forgot to drill holes. They shot a man who wasn't dead. They shouted a confession in a coffee shop. The Boss would be horrified. The Boss never finds out, because the story ends at "grab a pint."</p>
|
||||
<p>The Boss is also the story's only figure of actual power — and he is a balding fat fart whose wife hates him. The crime world's most feared authority figure is, at ground level, a domestic disappointment. His absence from the text is the joke.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acc-item">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">What is Barry — and what does his body represent?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan">
|
||||
<p>Barry is never characterised before his death. He has no backstory, no motivation, no name until Clive invents one. He exists in both stories entirely as an object — something to be moved, disposed of, joked over. The eulogy is the closest thing to characterisation he receives, and it consists of two men inventing the most ordinary possible life for him (IT guy, probably no kids, maybe an internet wife) and then dismissing it.</p>
|
||||
<p>The body's physical presence — heavy, difficult, messy — is the comedy engine of the digging scene. But Barry's absence as a person is also the story's quiet ethical register. Nobody knows what he did. Nobody knows who he was. He's a dead git. He might have been the Boss's nemesis, or he might have been an IT guy with a low sperm count. The story provides no answer because the characters don't know, and don't need to know.</p>
|
||||
<p>Barry is also the story's only character with an entirely passive role. He is acted upon. He moves once, involuntarily, and is shot for it. In a story with no female characters of substance, he is the closest thing to an object — and he is male. The feminist critique of the story has to contend with this: the objectified body here is Barry's.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acc-item">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">Who is the narrator of Dropping Eaves — and how does their blindness function?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan">
|
||||
<p>The narrator is never named, never gendered explicitly (though the narrator refers to "taste in women" in a way that reads as male), never described. They sit outside a coffee shop near Hyde Park, drink Earl Grey, bring an unread book, and listen to the world.</p>
|
||||
<p>The blindness functions on three levels. Practically: it explains why the narrator doesn't react to the men discussing body disposal — they can't read faces, can't gauge threat from physical presence, can't make eye contact to signal awareness. Comedically: it explains the upside-down book, and it's the punchline of the final line. Thematically: the story is called "Dropping Eaves" — pure listening, no watching. A blind narrator is the logical ultimate form of the eavesdropper.</p>
|
||||
<p>The narrator also models the correct relationship to the stories: attentive, non-reactive, gathering information from sound alone, unable to intervene. That is exactly what the reader of both stories does.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end t-world -->
|
||||
|
||||
|
||||
<!-- ═══════════════════════════ TAB 3: THE CRAFT ═══════════════════════════ -->
|
||||
<div class="tab" id="t-craft">
|
||||
<div class="edu-sec">
|
||||
<div class="edu-title">THE CRAFT</div>
|
||||
|
||||
<div style="margin-bottom:28px">
|
||||
<div style="font-family:var(--ui);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--txtd);margin-bottom:10px">PERFORMED VERSION</div>
|
||||
<a href="https://www.youtube.com/watch?v=0EOoCUcpC9U" target="_blank" style="display:flex;align-items:center;gap:14px;border:1px solid var(--bd1);border-left:4px solid var(--red);background:var(--pan);padding:16px 20px;text-decoration:none;transition:background 120ms,border-color 120ms" onmouseover="this.style.background='var(--pan2)';this.style.borderLeftColor='var(--yel)'" onmouseout="this.style.background='var(--pan)';this.style.borderLeftColor='var(--red)'">
|
||||
<span style="font-size:28px;line-height:1">▶</span>
|
||||
<span>
|
||||
<span style="font-family:var(--hdr);font-size:13px;color:var(--txt);letter-spacing:1px;display:block;margin-bottom:3px">JOHNNY AND CLIVE — YOUTUBE</span>
|
||||
<span style="font-family:var(--ui);font-size:12px;color:var(--txtd);font-weight:300">Watch the performed version — embedding disabled by the channel</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p class="edu-intro">Two stories, four years apart, written in opposite directions — the event seen from inside, then from outside. The primary critical lens here is feminist: these are stories that were written without women, and that fact is worth examining carefully, because the absence is systematic rather than incidental.</p>
|
||||
</div>
|
||||
|
||||
<!-- FEMINIST CRITIQUE — FEATURED -->
|
||||
<button class="feminist-trigger" onclick="openLightbox('lb-feminist')">
|
||||
<span class="ft-label">Primary Critical Lens — Feminist Reading</span>
|
||||
<span class="ft-text">Six female presences across two stories. None named. None present. All defined by what men do or don't do to them — or reduced to a body part, a sound, a joke. The full analysis is here.</span>
|
||||
</button>
|
||||
|
||||
<div class="acc-item red">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">What tradition are these stories working in?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan red-acc">
|
||||
<p>Both stories sit in the tradition of British crime comedy — specifically the Guy Ritchie tradition of <em>Lock, Stock and Two Smoking Barrels</em> (1998) and <em>Snatch</em> (2000): working-class London men, organised crime as a backdrop of mundane incompetence, violence rendered comic by the people involved in it being fundamentally useless. The Boss, the associates, Nowhere, the boot — all canonical.</p>
|
||||
<p>The specific sub-genre is the <strong>gallows comedy of the hired hand</strong>: not the kingpin's story but the foot soldiers', who have been given an impossible task by an absent authority and are making a mess of it. Tom Stoppard's <em>Rosencrantz and Guildenstern Are Dead</em> works the same structural ground — two minor characters stuck in the logic of someone else's plot, arguing about semantics while larger events proceed around them. J&C's Clive and Johnny are Rosencrantz and Guildenstern with a shovel.</p>
|
||||
<p>DE has no direct generic analogue — a blind eavesdropper narrating a crime story through sound alone is JL's own invention. Its closest relative is the radio play: a form in which all information is sonic and the audience, like the narrator, cannot see.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acc-item red">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">How does the dialogue attribution system work — and what is the contested section?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan red-acc">
|
||||
<p>J&C is written without dialogue attribution tags — no "he said," no "Johnny replied." The reader builds the identity of each speaker from verbal patterns that emerge over the course of the story. Clive: philosophical riffs, literal interpretations of figurative speech, the funeral proposal, the spaghetti detail. Johnny: outcome-focus, blame, shooting, "grab a pint."</p>
|
||||
<p>These patterns are consistent enough that most of the story attributes cleanly. The exception is the five-line sequence after the Clark Kent argument: "I'm not going to argue with you now. I have to figure out how we're gonna get out of this." / "Down that road I expect." / "Out of this mess you idiot." / "I know what you mean. I'm just having a laugh. Don't you have a sense of humour?" / "Not when I'm stuck in the middle of nowhere with a dead guy in my car."</p>
|
||||
<p>Here, the character patterns overlap. Both men are frustrated. The literal/figurative confusion could go either way. The "I'm just having a laugh" could be Clive defending a philosophical digression or Johnny defending a misreading. <em>Dropping Eaves</em> anchors the names but doesn't resolve this sequence — it names the men after this moment, not inside it. The attribution is, genuinely, the reader's choice.</p>
|
||||
<p><strong>The most interesting reading:</strong> this is the moment the two men briefly become interchangeable — the character markers dissolve under pressure. The contested section is where the story admits that Johnny and Clive, for five lines, are not reliably distinct. That instability is itself a craft observation about how people under stress stop performing their usual roles.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acc-item red">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">How does the prequel/sequel structure work — written in reverse order?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan red-acc">
|
||||
<p>J&C was written first — it is the source material, the event. DE was written four years later as a challenge response to a completely different brief: "sounds around me," "bananas," first person present tense. JL solved a challenge about everyday sound by placing a blind narrator at the scene of an existing story and letting her overhear it.</p>
|
||||
<p>The result is a structure where the reader of both stories occupies a position of maximum irony: they know more than the narrator (they know what's in the boot), more than Johnny and Clive (they know the narrator is blind and heard everything), and more than any single character in either story.</p>
|
||||
<p>Reading them in chronological order (J&C then DE) gives one experience: recognition, the pleasure of seeing a known event refracted. Reading DE first gives another: a mystery that J&C retroactively explains. Neither order is wrong. Both are designed into the pair.</p>
|
||||
<p>What the reverse-writing order also reveals: DE does not contradict J&C, despite being written years later without the notes in front of the author. The characters' voices are consistent; the boot detail connects; the "Backstreet Boys" measurement unit fits exactly. Either JL remembered precisely, or the characters were real enough to maintain themselves.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acc-item red">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">How does the blind narrator solve the challenge requirements?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan red-acc">
|
||||
<p>The challenge demanded: "the sounds you encounter in your everyday environment." The blind narrator makes sound the story's entire mode of access — not a device applied to the challenge, but the condition that makes the challenge meaningful. A sighted narrator would have glanced at the men, assessed the threat visually, looked away. The blind narrator must work from the tobacco's crackle, the hooker heels on concrete, the thud of meat on metal.</p>
|
||||
<p>The "Bananas" genre demand is met by the situation itself: two men disposing of a body in a coffee shop alley, asking a blind eavesdropper to settle an argument about round pegs and square holes, shouting a confession into a patio, driving away. The absurdism is structural, not decorative.</p>
|
||||
<p>"We're going to need a bigger boat" — required to be said by someone. Clive says it about the boot. The line works because it's accurate: the boat/boot/trunk is too small, the obstacle is too large, the situation is Jaws-scale inadequacy in miniature. The challenge requirement and the story's internal logic are completely aligned.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="acc-item red">
|
||||
<button class="acc-trig" onclick="toggleAcc(this)"><span class="acc-text">What does the story refuse to resolve — and is the refusal meaningful?</span><span class="acc-arr">▾</span></button>
|
||||
<div class="acc-pan red-acc">
|
||||
<p>J&C refuses to say what Barry did. The men don't know; the reader doesn't know; it doesn't matter. What matters is that his death is an accident caused by incompetence. The Boss's authority — the entire justification for the operation — is revealed as both wounded pride and structural absurdity. Barry died because someone forgot to drill holes in a boot. The moral weight of organised crime deflates to logistics.</p>
|
||||
<p>DE refuses to resolve what the narrator does next. They've overheard a murder disposal. They have names. They have a description of two men driving away with a body. The story ends on their observation that this is "the most utterly bizarre experience of my life" — not on a decision about what to do with the information. Whether they report it or not, whether they can (no visual evidence, no licence plate they saw), is never addressed.</p>
|
||||
<p>Both refusals are meaningful. J&C's refusal to explain Barry keeps the comedy clean — explanation would require moral weight the story isn't offering. DE's refusal to resolve the narrator's dilemma keeps the register comic rather than thriller. Both endings are deliberately inconclusive because conclusion would require a different genre.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end t-craft -->
|
||||
|
||||
|
||||
<!-- ═══════════════════════════ TAB 4: FURTHER READING ═══════════════════════════ -->
|
||||
<div class="tab" id="t-read">
|
||||
<div class="edu-sec">
|
||||
<div class="edu-title">FURTHER READING</div>
|
||||
<p class="edu-intro">The texts below place the stories in their genre tradition, explore the feminist structures they inherit, and point toward the critical tools for both.</p>
|
||||
</div>
|
||||
|
||||
<div class="rg">
|
||||
<div class="rg-title">The British Crime Comedy Tradition</div>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/Lock,_Stock_and_Two_Smoking_Barrels" target="_blank">
|
||||
<span class="ri-title">Lock, Stock and Two Smoking Barrels — Guy Ritchie (1998)</span>
|
||||
<span class="ri-desc">The definitive source of the genre's visual and verbal vocabulary. Absent authorities, incompetent associates, working-class London, violence as comic failure. J&C and DE are in direct conversation with this film.</span>
|
||||
</a>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/Rosencrantz_and_Guildenstern_Are_Dead" target="_blank">
|
||||
<span class="ri-title">Rosencrantz and Guildenstern Are Dead — Tom Stoppard (1966)</span>
|
||||
<span class="ri-desc">Two minor characters stuck in someone else's plot, arguing about semantics while death approaches. The most direct structural precedent for J&C's two men in a field.</span>
|
||||
</a>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/In_Bruges" target="_blank">
|
||||
<span class="ri-title">In Bruges — Martin McDonagh (2008)</span>
|
||||
<span class="ri-desc">Two hitmen waiting for orders in Bruges, arguing about architecture and ethics while the body count rises. The same register as J&C applied to a feature film.</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="rg">
|
||||
<div class="rg-title">Feminist Critique of Genre Fiction</div>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/Men_Who_Hate_Women_(book)" target="_blank">
|
||||
<span class="ri-title">Men Who Hate Women — Laura Bates (2020)</span>
|
||||
<span class="ri-desc">An examination of how misogynistic attitudes are encoded into everyday cultural vocabulary. Useful for analysing the casual framing of women in crime comedy as decoration or target.</span>
|
||||
</a>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/The_Second_Sex" target="_blank">
|
||||
<span class="ri-title">The Second Sex — Simone de Beauvoir (1949)</span>
|
||||
<span class="ri-desc">"One is not born, but rather becomes, a woman." The foundational text for understanding how women are constructed as secondary in cultural narratives — including genre fiction where they simply don't appear.</span>
|
||||
</a>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/Bechdel_test" target="_blank">
|
||||
<span class="ri-title">The Bechdel Test — Alison Bechdel (1985)</span>
|
||||
<span class="ri-desc">Does the work contain two named women who talk to each other about something other than a man? J&C and DE: zero named women, zero female conversations, zero female agency. Both fail comprehensively — and understanding why that's worth noting without condemning the stories is the feminist critical task.</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="rg">
|
||||
<div class="rg-title">Sound, Perception, and Narrative Restriction</div>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/The_Curious_Incident_of_the_Dog_in_the_Night-Time" target="_blank">
|
||||
<span class="ri-title">The Curious Incident of the Dog in the Night-Time — Mark Haddon (2003)</span>
|
||||
<span class="ri-desc">A first-person narrator who perceives the world differently from most readers — and whose perceptual difference drives both the comedy and the crime plot. A direct structural parallel to DE's blind narrator.</span>
|
||||
</a>
|
||||
<a class="ri" href="https://en.wikipedia.org/wiki/Rear_Window" target="_blank">
|
||||
<span class="ri-title">Rear Window — Alfred Hitchcock (1954)</span>
|
||||
<span class="ri-desc">A narrator physically restricted to observation — watching events across a courtyard, unable to intervene. The voyeurism-as-sport that DE's narrator names explicitly is Hitchcock's central subject.</span>
|
||||
</a>
|
||||
</div>
|
||||
</div><!-- end t-read -->
|
||||
</main>
|
||||
|
||||
|
||||
<!-- ═══════════════════════════ LIGHTBOXES ═══════════════════════════ -->
|
||||
|
||||
<div class="lb-ov" id="lb-feminist" onclick="closeLbOv(event,'lb-feminist')">
|
||||
<div class="lb-box">
|
||||
<div class="lb-hd"><span class="lb-title">FEMINIST CRITIQUE — THE WOMEN WHO AREN'T THERE</span><button class="lb-close" onclick="closeLb('lb-feminist')">✕</button></div>
|
||||
<div class="lb-body">
|
||||
<h3>The Count</h3>
|
||||
<p>Across both stories there are six female presences. None are named. None are present. All are defined entirely by their relationship to men, or reduced to a body part or a sound.</p>
|
||||
<p><strong>1. Pretty girls</strong> — DE, para 3. The narrator and Rufus both "keep an eye out" for them (the narrator figuratively; Rufus with genuine intent). Women as objects of aesthetic preference, introduced as the first relational category in the story.</p>
|
||||
<p><strong>2. "Different taste in women"</strong> — DE, para 3. Women as objects of taste — differentiated only by preference, not by personhood.</p>
|
||||
<p><strong>3. The waitress</strong> — DE, midpoint. Present only as "hooker heels on concrete." No name, no face, no words given to her directly. She is identified entirely by the sound she makes walking. She later appears in J&C via reported speech — she "told him to take a flying whatsit at a rolling doughnut," which is actually an act of confident assertion — but we get it secondhand, filtered through Clive's retelling, still nameless.</p>
|
||||
<p><strong>4. The Boss's missus</strong> — J&C, the nemesis section. The first near-character in the stories. She gets four lines of attribution: she wouldn't touch the dead man, she doesn't touch the Boss, she hates the Boss. Her entire existence is described in negatives — what she refuses to do — and in relation to two men. She is never named. She is never quoted. She may be the most trapped figure in either story: powerful enough to be a motive, invisible enough to have no voice.</p>
|
||||
<p><strong>5–6. Chi Chi, LaToyah and Monifah</strong> — J&C, the eulogy. Three women invented in one sentence and dismissed in the same breath. The "wife" (Chi Chi) is named with an exoticising joke name. The daughters (LaToyah and Monifah) are named and then immediately undermined: "who aren't really his." The joke is about Barry's inadequacy — low sperm count, internet wife, children he didn't father. Three women are constructed and destroyed as punchlines to a joke about a man.</p>
|
||||
<h3>What the Bechdel test reveals — and what it doesn't</h3>
|
||||
<p>Both stories fail the Bechdel test (two named women, speaking to each other, about something other than a man) absolutely: there are no named women at all, no female dialogue at all. This is a meaningful absence in work that is otherwise technically accomplished and emotionally attentive.</p>
|
||||
<p>But the Bechdel test is a floor, not a ceiling. The more precise observation is this: the stories belong to a genre — British crime comedy — that is structurally organised around male homosocial bonds. The Boss, the associates, Barry, Johnny, Clive. The women who appear are defined by their proximity to men in that structure: the Boss's wife (possession), the waitress (service), the pretty girls (aesthetic background). The genre predates these stories by decades and encodes female absence as default.</p>
|
||||
<h3>What the stories do — and don't — know about this</h3>
|
||||
<p>JL is a writer with demonstrated range and emotional intelligence — <em>My Himitsu</em> is a story about the most private forms of love and loss, written with extraordinary care. The female absence in these stories is not a failure of imagination about women. It is the genre operating as genre.</p>
|
||||
<p>The question a feminist reading asks is not "is the author sexist" but "what does the form require, and what does that requirement reveal?" What it reveals here: a genre built around male incompetence and male homosocial loyalty, in which women exist only at the margins — as possessions, sounds, and jokes. The stories are funny. They are also, in this specific way, entirely conventional.</p>
|
||||
<p><strong>The most interesting figure is the waitress.</strong> She's the only woman who acts in either story — she tells Johnny to take a flying whatsit at a rolling doughnut. She has sass, agency, a whole implied interaction. She is not given a name or a face. She appears only in a report, not in scene. She is, in miniature, the pattern of the genre: women doing things, just not where anyone can see them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lb-ov" id="lb-boss" onclick="closeLbOv(event,'lb-boss')">
|
||||
<div class="lb-box">
|
||||
<div class="lb-hd"><span class="lb-title">THE BOSS — POWER WITHOUT PRESENCE</span><button class="lb-close" onclick="closeLb('lb-boss')">✕</button></div>
|
||||
<div class="lb-body">
|
||||
<h3>The unseen authority</h3>
|
||||
<p>The Boss never appears in either story. He is described in four lines of J&C: he is a "balding fat fart," his missus hates him, he has an "evil lair," and he wanted to kill Barry himself. This is his entire characterisation.</p>
|
||||
<h3>What Clive correctly identifies</h3>
|
||||
<p>"It's one of those dick measuring things." Clive's diagnosis of the Boss's wounded ego is accurate: the Boss wanted to perform the kill himself, not have it handed to him. The specific injury is to his sense of dominance — not logistical but symbolic. He can't display power over a dead man.</p>
|
||||
<h3>The structural joke</h3>
|
||||
<p>The Boss is the story's only figure of genuine authority. Everything Johnny and Clive do is driven by fear of him. And everything they do is incompetent: they got lost, forgot ventilation, shot a man who wasn't dead, shouted a confession in public. The Boss's power is absolute and generates total uselessness in his subordinates. The crime hierarchy is a perfect engine of comic failure.</p>
|
||||
<h3>His absence</h3>
|
||||
<p>The Boss never finds out. J&C ends at "grab a pint"; DE ends at "he actually was blind." The Boss, who was the whole point of the operation, is simply never reached. His authority generates the entire plot and receives zero consequence. This is the genre's standard resolution for off-screen authority figures: they generate the problem; the problem resolves itself; the authority never materialises.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function switchTab(id, btn) {
|
||||
document.querySelectorAll('.tab').forEach(t => t.classList.remove('act'));
|
||||
document.querySelectorAll('.tnav button').forEach(b => b.classList.remove('act'));
|
||||
document.getElementById(id).classList.add('act');
|
||||
btn.classList.add('act');
|
||||
window.scrollTo({top:0,behavior:'smooth'});
|
||||
}
|
||||
|
||||
function switchStory(id, btn) {
|
||||
document.querySelectorAll('.story-panel').forEach(p => p.classList.remove('act'));
|
||||
document.querySelectorAll('.snav button').forEach(b => b.classList.remove('act'));
|
||||
document.getElementById(id).classList.add('act');
|
||||
btn.classList.add('act');
|
||||
window.scrollTo({top:80,behavior:'smooth'});
|
||||
}
|
||||
|
||||
function togglePanel(id, btn) {
|
||||
const el = document.getElementById(id);
|
||||
const panel = el.querySelector('.decoder-panel, .mn-panel');
|
||||
const isOpen = panel.classList.contains('open');
|
||||
document.querySelectorAll('.decoder-panel.open,.mn-panel.open').forEach(p => p.classList.remove('open'));
|
||||
document.querySelectorAll('.decoder-trigger.open,.mn-trig.open').forEach(b => b.classList.remove('open'));
|
||||
if (!isOpen) {
|
||||
panel.classList.add('open');
|
||||
btn.classList.add('open');
|
||||
const r = panel.getBoundingClientRect();
|
||||
panel.classList.toggle('flip-left', r.right > window.innerWidth - 16);
|
||||
}
|
||||
}
|
||||
|
||||
function toggleAcc(btn) {
|
||||
const panel = btn.nextElementSibling;
|
||||
const isOpen = btn.classList.contains('open');
|
||||
document.querySelectorAll('.acc-trig.open').forEach(b => { b.classList.remove('open'); b.nextElementSibling.classList.remove('open'); });
|
||||
if (!isOpen) { btn.classList.add('open'); panel.classList.add('open'); }
|
||||
}
|
||||
|
||||
function toggleContested(hd) {
|
||||
const body = hd.nextElementSibling;
|
||||
const isOpen = body.style.display === 'block';
|
||||
body.style.display = isOpen ? 'none' : 'block';
|
||||
hd.querySelector('span:last-child').textContent = isOpen ? '▾' : '▴';
|
||||
}
|
||||
|
||||
function openLightbox(id) { document.getElementById(id).classList.add('open'); document.body.style.overflow='hidden'; }
|
||||
function closeLb(id) { document.getElementById(id).classList.remove('open'); document.body.style.overflow=''; }
|
||||
function closeLbOv(e, id) { if (e.target === document.getElementById(id)) closeLb(id); }
|
||||
|
||||
document.addEventListener('click', function(e) {
|
||||
if (!e.target.closest('.decoder') && !e.target.closest('.mn')) {
|
||||
document.querySelectorAll('.decoder-panel.open,.mn-panel.open').forEach(p => p.classList.remove('open'));
|
||||
document.querySelectorAll('.decoder-trigger.open,.mn-trig.open').forEach(b => b.classList.remove('open'));
|
||||
}
|
||||
});
|
||||
document.addEventListener('keydown', function(e) {
|
||||
if (e.key === 'Escape') {
|
||||
document.querySelectorAll('.lb-ov.open').forEach(l => l.classList.remove('open'));
|
||||
document.querySelectorAll('.decoder-panel.open,.mn-panel.open').forEach(p => p.classList.remove('open'));
|
||||
document.body.style.overflow = '';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user