JL Kruger
fc60904e69
Renegade Storyteller: - Ribeye Marrow → Amarante (Art Nouveau, cleaner mobile rendering) - h1 floor reduced 4rem → 3rem - h1::before letter-spacing tightened on mobile (was overflowing narrow screens) Writings (11 files via script): - Bebas Neue → Fredericka the Great (4 files) - Anton → Rubik Glitch (2 files) - Cinzel / Cinzel Decorative → Glass Antiqua (5 files) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1086 lines
57 KiB
HTML
1086 lines
57 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>LAST MEN STANDING — Annotated</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Special+Elite&family=Courier+Prime:ital@0;1&display=swap" rel="stylesheet">
|
||
<style>
|
||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
|
||
html{font-size:16px;scroll-behavior:smooth;}
|
||
|
||
:root {
|
||
--ink: #1a1208;
|
||
--paper: #f0e6cc;
|
||
--paper-mid: #e8dcc0;
|
||
--paper-dark:#ddd0aa;
|
||
--amber: #b86820;
|
||
--amber-hi: #d88030;
|
||
--amber-dim: #7a4010;
|
||
--amber-burn:#e8a040;
|
||
--smoke: #6a6050;
|
||
--smoke-dim: #9a9080;
|
||
--smoke-faint:#ccc0a8;
|
||
--red: #8a2010;
|
||
--red-hi: #c03020;
|
||
--panel-bg: #1a1208;
|
||
--panel-text:#c8b890;
|
||
}
|
||
|
||
/* ── paper + burn texture ───────────────────── */
|
||
body {
|
||
background: var(--paper);
|
||
color: var(--ink);
|
||
font-family: 'Special Elite', serif;
|
||
min-height: 100vh;
|
||
background-image:
|
||
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E"),
|
||
radial-gradient(ellipse at 80% 20%, rgba(184,104,32,0.08) 0%, transparent 50%),
|
||
radial-gradient(ellipse at 20% 80%, rgba(26,18,8,0.06) 0%, transparent 50%);
|
||
}
|
||
|
||
/* ── HEADER ─────────────────────────────────── */
|
||
.site-header {
|
||
background: var(--ink);
|
||
padding: 0;
|
||
position: relative;
|
||
overflow: hidden;
|
||
border-bottom: 4px solid var(--amber);
|
||
}
|
||
|
||
/* diagonal slash across header */
|
||
.site-header::after {
|
||
content:'';
|
||
position:absolute;
|
||
top:0; bottom:0;
|
||
right: -60px;
|
||
width: 200px;
|
||
background: var(--amber-dim);
|
||
transform: skewX(-12deg);
|
||
opacity:0.3;
|
||
pointer-events:none;
|
||
}
|
||
|
||
.header-inner {
|
||
max-width: 900px;
|
||
margin: 0 auto;
|
||
padding: 2.8rem 2rem 2.4rem;
|
||
position:relative;
|
||
}
|
||
|
||
.header-eyebrow {
|
||
font-family: 'Courier Prime', monospace;
|
||
font-size: 0.62rem;
|
||
letter-spacing: 0.38em;
|
||
text-transform: uppercase;
|
||
color: var(--amber-dim);
|
||
margin-bottom: 0.9rem;
|
||
display:flex;
|
||
align-items:center;
|
||
gap:0.8rem;
|
||
}
|
||
.header-eyebrow::after {
|
||
content:'';
|
||
flex:1;
|
||
height:1px;
|
||
background: var(--amber-dim);
|
||
max-width:160px;
|
||
opacity:0.4;
|
||
}
|
||
|
||
h1 {
|
||
font-family: 'Fredericka the Great', sans-serif;
|
||
font-size: clamp(3.5rem, 14vw, 8.5rem);
|
||
letter-spacing: 0.05em;
|
||
line-height: 0.9;
|
||
color: var(--paper);
|
||
animation: slam 0.4s cubic-bezier(0.2,0.8,0.4,1) forwards;
|
||
}
|
||
h1 span { color: var(--amber); }
|
||
|
||
@keyframes slam {
|
||
from { opacity:0; transform:scale(1.04) translateY(-6px); }
|
||
to { opacity:1; transform:scale(1) translateY(0); }
|
||
}
|
||
|
||
.header-meta {
|
||
margin-top: 1.2rem;
|
||
display:flex;
|
||
gap:2rem;
|
||
flex-wrap:wrap;
|
||
}
|
||
.header-meta p {
|
||
font-family:'Courier Prime', monospace;
|
||
font-size:0.62rem;
|
||
letter-spacing:0.15em;
|
||
color: var(--smoke);
|
||
line-height:1.8;
|
||
}
|
||
.header-meta a { color: var(--amber-dim); text-decoration:none; }
|
||
.header-meta a:hover { color: var(--amber); }
|
||
|
||
/* ── TAB NAV ─────────────────────────────────── */
|
||
.tab-nav {
|
||
background: var(--paper-mid);
|
||
border-bottom: 2px solid var(--ink);
|
||
display:flex;
|
||
padding: 0 1.5rem;
|
||
overflow-x:auto; scrollbar-width:none;
|
||
position:sticky; top:0; z-index:100;
|
||
}
|
||
.tab-nav::-webkit-scrollbar{display:none;}
|
||
|
||
.tab-btn {
|
||
background:transparent; border:none;
|
||
border-bottom: 3px solid transparent;
|
||
color: var(--smoke);
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:1rem; letter-spacing:0.18em;
|
||
padding: 0.85rem 1.5rem 0.65rem;
|
||
cursor:pointer; transition:all 0.15s;
|
||
white-space:nowrap; margin-bottom:-2px;
|
||
}
|
||
.tab-btn:hover { color:var(--ink); }
|
||
.tab-btn.active { color:var(--amber); border-bottom-color:var(--amber); }
|
||
|
||
/* ── TAB CONTENT ────────────────────────────── */
|
||
.tab-content { display:none; }
|
||
.tab-content.active { display:block; }
|
||
|
||
/* ── PROSE ──────────────────────────────────── */
|
||
.prose-wrap {
|
||
max-width: 680px;
|
||
margin: 0 auto;
|
||
padding: 3.5rem 1.5rem 6rem;
|
||
}
|
||
|
||
.prose-wrap p {
|
||
font-family: 'Special Elite', serif;
|
||
font-size: 1.02rem;
|
||
line-height: 1.92;
|
||
color: #2a1e0e;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
/* Dialogue runs — indented like a screenplay */
|
||
.prose-wrap p.dialogue {
|
||
padding-left: 1rem;
|
||
border-left: 2px solid var(--paper-dark);
|
||
}
|
||
|
||
/* The big laughing beat */
|
||
.prose-wrap p.beat {
|
||
font-family:'Courier Prime', monospace;
|
||
font-style:italic;
|
||
font-size:0.92rem;
|
||
color: var(--smoke);
|
||
padding: 1rem 1.5rem;
|
||
background: var(--paper-mid);
|
||
border-left: 3px solid var(--amber-dim);
|
||
margin: 2rem 0;
|
||
}
|
||
|
||
/* Rooftop silence markers */
|
||
.silence {
|
||
text-align:center;
|
||
padding: 1.8rem 0;
|
||
color: var(--smoke-faint);
|
||
font-family:'Courier Prime', monospace;
|
||
font-size:0.7rem;
|
||
letter-spacing:0.5em;
|
||
text-transform:uppercase;
|
||
position:relative;
|
||
}
|
||
.silence::before, .silence::after {
|
||
content:'';
|
||
position:absolute;
|
||
left:10%; right:10%;
|
||
height:1px;
|
||
background: var(--paper-dark);
|
||
}
|
||
.silence::before { top:0.9rem; }
|
||
.silence::after { bottom:0.9rem; }
|
||
|
||
/* The anti-climax */
|
||
.nothing-happens {
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:1.1rem;
|
||
letter-spacing:0.3em;
|
||
color: var(--smoke-faint);
|
||
text-align:center;
|
||
padding: 0.5rem 0;
|
||
display:block;
|
||
}
|
||
|
||
/* Challenge box */
|
||
.challenge-box {
|
||
background: var(--ink);
|
||
padding: 1.3rem 1.5rem;
|
||
margin-top: 3rem;
|
||
border-left: 3px solid var(--amber);
|
||
}
|
||
.challenge-box .ch-label {
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:0.78rem;
|
||
letter-spacing:0.28em;
|
||
color: var(--amber-dim);
|
||
margin-bottom:0.5rem;
|
||
}
|
||
.challenge-box p {
|
||
font-family:'Courier Prime', monospace;
|
||
font-size:0.75rem;
|
||
color: var(--smoke);
|
||
line-height:1.7;
|
||
margin-bottom:0 !important;
|
||
}
|
||
|
||
.author-note {
|
||
margin-top:1.5rem;
|
||
font-family:'Courier Prime', monospace;
|
||
font-style:italic;
|
||
font-size:0.78rem;
|
||
color: var(--smoke-dim);
|
||
}
|
||
|
||
/* ── DECODER ────────────────────────────────── */
|
||
.decoder { display:inline; position:relative; }
|
||
.decoder-trigger {
|
||
background:none; border:none;
|
||
border-bottom: 1px dotted var(--amber);
|
||
color: var(--amber);
|
||
cursor:pointer;
|
||
font-family:inherit; font-size:inherit; line-height:inherit;
|
||
padding:0; display:inline; transition:color 0.12s;
|
||
}
|
||
.decoder-trigger:hover { color: var(--amber-burn); }
|
||
.decoder-trigger::after {
|
||
content:'▾'; font-size:0.5em;
|
||
margin-left:1px; vertical-align:super; opacity:0.5;
|
||
}
|
||
.decoder-trigger.open::after { content:'▴'; }
|
||
|
||
.decoder-panel {
|
||
display:none;
|
||
position:absolute; top:calc(100% + 6px); left:0;
|
||
z-index:500; width:290px;
|
||
background: var(--panel-bg);
|
||
border:1px solid #3a2a10;
|
||
border-top: 2px solid var(--amber);
|
||
padding: 1rem 1.1rem;
|
||
box-shadow: 4px 4px 0 rgba(0,0,0,0.4);
|
||
}
|
||
.decoder-panel.open { display:block; }
|
||
.decoder-panel.flip-left { left:auto; right:0; }
|
||
|
||
.decode-label {
|
||
display:block;
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:0.68rem; letter-spacing:0.3em;
|
||
color: var(--amber-dim); margin-bottom:0.25rem;
|
||
}
|
||
.decode-term {
|
||
display:block;
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:1.05rem; letter-spacing:0.1em;
|
||
color: var(--amber); margin-bottom:0.4rem;
|
||
}
|
||
.decoder-panel .panel-body {
|
||
display:block;
|
||
font-family:'Courier Prime', monospace;
|
||
font-size:0.72rem; color: var(--panel-text); line-height:1.68;
|
||
}
|
||
.decode-link {
|
||
display:block; margin-top:0.5rem;
|
||
font-family:'Courier Prime', monospace; font-size:0.62rem;
|
||
color: var(--amber-dim); text-decoration:none;
|
||
}
|
||
.decode-link:hover { color: var(--amber); }
|
||
|
||
/* Red variant — for the critique thread */
|
||
.decoder-panel.critique {
|
||
border-top-color: var(--red-hi);
|
||
}
|
||
.decoder-panel.critique .decode-label { color: var(--red); }
|
||
.decoder-panel.critique .decode-term { color: var(--red-hi); }
|
||
|
||
/* ── MARGIN NOTE ────────────────────────────── */
|
||
.marginnote { display:inline; position:relative; }
|
||
.marginnote-trigger {
|
||
background:none; border:none;
|
||
border-bottom: 1px dotted var(--smoke);
|
||
color:inherit; cursor:pointer;
|
||
font-family:inherit; font-size:inherit; line-height:inherit;
|
||
padding:0; display:inline;
|
||
}
|
||
.marginnote-trigger::after {
|
||
content:'✎'; font-size:0.52em;
|
||
margin-left:2px; vertical-align:super;
|
||
color: var(--smoke); opacity:0.7;
|
||
}
|
||
|
||
.marginnote-panel {
|
||
display:none;
|
||
position:absolute; top:calc(100% + 6px); left:0;
|
||
z-index:500; width:290px;
|
||
background: var(--panel-bg);
|
||
border:1px solid #3a2a10;
|
||
border-top: 2px solid var(--smoke);
|
||
padding: 1rem 1.1rem;
|
||
box-shadow: 4px 4px 0 rgba(0,0,0,0.4);
|
||
}
|
||
.marginnote-panel.open { display:block; }
|
||
.marginnote-panel.flip-left { left:auto; right:0; }
|
||
|
||
.mn-label {
|
||
display:block;
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:0.68rem; letter-spacing:0.3em;
|
||
color: var(--smoke); margin-bottom:0.25rem;
|
||
}
|
||
.marginnote-panel .panel-body {
|
||
display:block;
|
||
font-family:'Courier Prime', monospace;
|
||
font-size:0.72rem; color: var(--smoke-dim); line-height:1.68;
|
||
}
|
||
|
||
/* ── LIGHTBOX TRIGGER ───────────────────────── */
|
||
.lb-trigger {
|
||
background:none; border:none;
|
||
border-bottom: 1px solid rgba(138,32,16,0.45);
|
||
color:inherit; cursor:pointer;
|
||
font-family:inherit; font-size:inherit; line-height:inherit;
|
||
padding:0; display:inline;
|
||
}
|
||
.lb-trigger::after {
|
||
content:'⊕'; font-size:0.5em;
|
||
margin-left:2px; vertical-align:super;
|
||
color: var(--red); opacity:0.7;
|
||
}
|
||
|
||
/* ── LIGHTBOX ───────────────────────────────── */
|
||
.lb-overlay {
|
||
display:none; position:fixed; inset:0;
|
||
background: rgba(10,6,2,0.88);
|
||
z-index:1000; align-items:center; justify-content:center;
|
||
padding:1rem; backdrop-filter:blur(3px);
|
||
}
|
||
.lb-overlay.open { display:flex; }
|
||
.lb-box {
|
||
background: var(--paper);
|
||
border: 2px solid var(--ink);
|
||
border-top: 4px solid var(--amber);
|
||
max-width:600px; width:100%;
|
||
max-height:88vh; overflow-y:auto;
|
||
box-shadow: 8px 8px 0 rgba(0,0,0,0.5);
|
||
}
|
||
.lb-header {
|
||
display:flex; align-items:center; justify-content:space-between;
|
||
padding:1rem 1.3rem; border-bottom:2px solid var(--ink);
|
||
background: var(--paper-mid); position:sticky; top:0;
|
||
}
|
||
.lb-title {
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:1.1rem; letter-spacing:0.15em; color: var(--ink);
|
||
}
|
||
.lb-close {
|
||
background:none; border:2px solid var(--ink);
|
||
color:var(--ink); cursor:pointer;
|
||
font-size:0.8rem; width:26px; height:26px;
|
||
display:flex; align-items:center; justify-content:center;
|
||
transition:all 0.15s; font-family:'Courier Prime',monospace;
|
||
}
|
||
.lb-close:hover { background:var(--ink); color:var(--paper); }
|
||
.lb-body { padding:1.5rem; }
|
||
.lb-body h3 {
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:0.85rem; letter-spacing:0.25em;
|
||
color: var(--amber-dim); margin:1.4rem 0 0.5rem;
|
||
padding-bottom:0.35rem; border-bottom:1px solid var(--paper-dark);
|
||
}
|
||
.lb-body h3:first-child { margin-top:0; }
|
||
.lb-body p {
|
||
font-family:'Courier Prime', monospace; font-size:0.8rem;
|
||
color: var(--smoke); line-height:1.78; margin-bottom:0.6rem;
|
||
}
|
||
.lb-body a { color: var(--amber-dim); font-size:0.75rem; text-decoration:none; }
|
||
.lb-body a:hover { color: var(--amber); }
|
||
.lb-body strong { color:var(--ink); }
|
||
|
||
/* ── ACCORDION ──────────────────────────────── */
|
||
.acc-item { border:2px solid var(--paper-dark); margin-bottom:0.5rem; overflow:hidden; }
|
||
.acc-trigger {
|
||
background:var(--paper-mid); border:none; width:100%;
|
||
text-align:left; padding:0.9rem 1.1rem; cursor:pointer;
|
||
display:flex; justify-content:space-between; align-items:center;
|
||
font-family:'Fredericka the Great', sans-serif; font-size:0.95rem;
|
||
letter-spacing:0.12em; color:var(--smoke);
|
||
transition:all 0.15s; gap:1rem;
|
||
}
|
||
.acc-trigger:hover { background:var(--paper-dark); color:var(--ink); }
|
||
.acc-trigger.open { color:var(--amber); background:var(--paper-dark); }
|
||
.acc-arrow { font-size:0.8rem; flex-shrink:0; transition:transform 0.2s; }
|
||
.acc-trigger.open .acc-arrow { transform:rotate(180deg); }
|
||
.acc-panel {
|
||
display:none; padding:1.2rem 1.3rem;
|
||
border-top:2px solid var(--paper-dark); background:var(--paper);
|
||
}
|
||
.acc-panel.open { display:block; }
|
||
.acc-panel p {
|
||
font-family:'Courier Prime', monospace; font-size:0.8rem;
|
||
color:var(--smoke); line-height:1.78; margin-bottom:0.65rem;
|
||
}
|
||
.acc-panel p:last-child { margin-bottom:0; }
|
||
.acc-panel a { color:var(--amber-dim); text-decoration:none; }
|
||
.acc-panel a:hover { color:var(--amber); }
|
||
.acc-panel strong { color:var(--ink); }
|
||
.acc-panel em { font-style:italic; }
|
||
|
||
/* ── EDU WRAP ───────────────────────────────── */
|
||
.edu-wrap {
|
||
max-width:680px; margin:0 auto;
|
||
padding:3.5rem 1.5rem 6rem;
|
||
}
|
||
.edu-wrap > h2 {
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:clamp(2rem,6vw,3rem);
|
||
letter-spacing:0.1em; color:var(--ink);
|
||
margin-bottom:0.15rem;
|
||
}
|
||
.edu-intro {
|
||
font-family:'Courier Prime', monospace;
|
||
font-size:0.62rem; letter-spacing:0.15em;
|
||
color:var(--smoke-faint); margin-bottom:2.2rem;
|
||
padding-bottom:1.2rem; border-bottom:2px solid var(--paper-dark);
|
||
}
|
||
|
||
/* ── FURTHER READING ────────────────────────── */
|
||
.reading-section h3 {
|
||
font-family:'Fredericka the Great', sans-serif;
|
||
font-size:0.85rem; letter-spacing:0.28em;
|
||
color:var(--amber-dim); margin:2rem 0 0.6rem;
|
||
padding-bottom:0.4rem; border-bottom:2px solid var(--paper-dark);
|
||
}
|
||
.reading-section h3:first-child { margin-top:0; }
|
||
.reading-link {
|
||
display:block; padding:0.65rem 0;
|
||
border-bottom:1px solid var(--paper-dark);
|
||
text-decoration:none; transition:all 0.15s;
|
||
}
|
||
.reading-link:hover .rl-title { color:var(--amber); }
|
||
.rl-title {
|
||
display:block; font-family:'Special Elite', serif;
|
||
font-size:0.95rem; color:var(--smoke);
|
||
transition:color 0.15s;
|
||
}
|
||
.rl-desc {
|
||
display:block; font-family:'Courier Prime', monospace;
|
||
font-size:0.65rem; color:var(--smoke-faint);
|
||
margin-top:0.15rem; line-height:1.5;
|
||
}
|
||
|
||
/* ── SCROLLBAR ──────────────────────────────── */
|
||
::-webkit-scrollbar{ width:4px; }
|
||
::-webkit-scrollbar-track{ background:var(--paper); }
|
||
::-webkit-scrollbar-thumb{ background:var(--paper-dark); }
|
||
::-webkit-scrollbar-thumb:hover{ background:var(--amber-dim); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ══════════════ HEADER ══════════════ -->
|
||
<header class="site-header">
|
||
<div class="header-inner">
|
||
<div class="header-eyebrow">Renegade Storyteller · C022 · Annotated</div>
|
||
<h1>Last Men <span>Standing</span></h1>
|
||
<div class="header-meta">
|
||
<p>Author / JL</p>
|
||
<p>Genre / End-of-World Drama · Challenge Fiction</p>
|
||
<p>Source / <a href="https://renegadestoryteller.tumblr.com/post/67622333827/c022-last-men-standing?" target="_blank">renegadestoryteller.tumblr.com</a></p>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ══════════════ TAB NAV ══════════════ -->
|
||
<nav class="tab-nav">
|
||
<button class="tab-btn active" onclick="switchTab('story',this)">The Story</button>
|
||
<button class="tab-btn" onclick="switchTab('world',this)">The World</button>
|
||
<button class="tab-btn" onclick="switchTab('craft',this)">The Craft</button>
|
||
<button class="tab-btn" onclick="switchTab('reading',this)">Further Reading</button>
|
||
</nav>
|
||
|
||
|
||
<!-- ══════════════════════════════════════════════════
|
||
TAB 1: THE STORY
|
||
══════════════════════════════════════════════════ -->
|
||
<div id="tab-story" class="tab-content active">
|
||
<div class="prose-wrap">
|
||
|
||
<p>
|
||
<span class="marginnote" id="mn-open">
|
||
<button class="marginnote-trigger" onclick="togglePanel('mn-open',this)">A man sits on a rooftop, waiting for the end of the world.</button>
|
||
<span class="marginnote-panel">
|
||
<span class="mn-label">Craft Note · Opening</span>
|
||
<span class="panel-body">Ten words and the genre is established: lone man, elevated position, apocalyptic stakes. It's a pulp archetype — the solitary figure above the chaos, apart from the crowd, watching. The story is going to complicate this archetype rather than simply inhabit it. The second man arrives in the next sentence, and the third — Alexis — will prove to be the most interesting person on the roof.</span>
|
||
</span>
|
||
</span>
|
||
He's lost in his thoughts as he lights a cigarette and looks out towards the pale blue horizon. He inhales the smoke and savours the way it stings the back of his throat; it's been a long time. When he breathes out, it's almost like a sigh. This is apparently the last sunrise he'll ever see but he isn't scared; more annoyed at the fact that this is it. There was a lot he never got to do.</p>
|
||
|
||
<p>"I see you also decided to take up smoking again, Mr Grimm," says a familiar voice.</p>
|
||
|
||
<p>Grimm looks back and sees his old friend, Murdock, holding two tumblers of whiskey and ice, with the bottle under his arm.</p>
|
||
|
||
<p>"Yeah, well I figured cancer wasn't going to get me before… What's it called again?" says Grimm, "And I see you've started drinking again."</p>
|
||
|
||
<p>"<span class="decoder" id="dec-pandora">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-pandora',this)">Pandora</button>
|
||
<span class="decoder-panel critique">
|
||
<span class="decode-label">Name · Mythological</span>
|
||
<span class="decode-term">Pandora</span>
|
||
<span class="panel-body">In Greek myth, Pandora was the first woman, created by the gods as a punishment for humanity's theft of fire. She was given a jar (later mistranslated as a "box") which she was instructed never to open. She opened it. Out came every evil and misery — plague, death, sorrow — with only Hope remaining at the bottom. The story names its world-ending asteroid after her without drawing attention to the choice. An asteroid named after a woman who couldn't resist curiosity, destroying a world of "last men standing."</span>
|
||
<a class="decode-link" href="https://en.wikipedia.org/wiki/Pandora" target="_blank">→ Pandora — Wikipedia</a>
|
||
</span>
|
||
</span>," answers Murdock, "And I figured we should share one last bottle, you know, for old times' sake. Can I sit down?"</p>
|
||
|
||
<p>"Well obviously," replies Grimm as Murdock hands him one of the glasses and puts the bottle of the floor, "You mean I'll finish the bottle while you nurse that glass for the next three hours."</p>
|
||
|
||
<p>"Pretty much," laughs Murdock. He pulls up one of the deck chairs that lie scattered all over the rooftop and sits down next to Grimm. "By the way, can I bum a smoke? My box got lost in the chaos downstairs."</p>
|
||
|
||
<p>"Some things never change," says Grimm as he tosses Murdock his box of smokes. "What's it like down there?"</p>
|
||
|
||
<p>
|
||
<span class="marginnote" id="mn-lastmen">
|
||
<button class="marginnote-trigger" onclick="togglePanel('mn-lastmen',this)">"Pretty much everyone's passed out, except those who are trying to bang their way into the afterlife. So, once again, we are the last men standing. Cheers."</button>
|
||
<span class="marginnote-panel">
|
||
<span class="mn-label">Craft Note · The Title</span>
|
||
<span class="panel-body">The title earns itself here — this is the third or fourth time they've been the last two conscious people at a party. It's a running joke between them, a badge of mild superiority. Worth noting that "last men standing" is also what they are literally: the party below includes women who are equally upright, but the phrase doesn't account for them. The title's blind spot is the story's blind spot, stated with cheerful self-awareness.</span>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
|
||
<p>They both raise their glasses and nod before each taking a sip of the fiery amber liquid.</p>
|
||
|
||
<p>"Is this
|
||
<span class="decoder" id="dec-blackwhite">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-blackwhite',this)">Black and White</button>
|
||
<span class="decoder-panel">
|
||
<span class="decode-label">Brand · Scotch Whisky</span>
|
||
<span class="decode-term">Black & White</span>
|
||
<span class="panel-body">A blended Scotch whisky produced since 1884, named for the black and white Scottish Terriers on its label. A mid-shelf bottle with a long history — not the flashiest choice, which is entirely the point. Murdock has kept this bottle for five years for an occasion worth it. The end of the world qualifies.</span>
|
||
<a class="decode-link" href="https://en.wikipedia.org/wiki/Black_%26_White_(whisky)" target="_blank">→ Black & White whisky — Wikipedia</a>
|
||
</span>
|
||
</span>?" asks Grimm.</p>
|
||
|
||
<p>"It is."<br>"Didn't they stop making it?"<br>"I've had this one in my cupboard for about five years."<br>"Well played."<br>"Thanks."</p>
|
||
|
||
<div class="silence">· · · · ·</div>
|
||
|
||
<p>"You know, I didn't expect you to be here. I would have thought you'd be with your family," remarks Murdock.</p>
|
||
|
||
<p>"Couldn't get a flight," says Grimm without looking away from the sky.</p>
|
||
|
||
<p>"Same."</p>
|
||
|
||
<p>"So where's this thing going to hit?"</p>
|
||
|
||
<p>"Somewhere in the Pacific I think. I bet you anything it'll be Hawaii. Literally on the island."</p>
|
||
|
||
<p>"But that's on the other side of the planet."</p>
|
||
|
||
<p>"Yeah, but the shockwaves and energy and stuff will pretty much wipe out everything. Unless you're one of those rich idiots in your own personal bunker."</p>
|
||
|
||
<p>"I don't know hey."</p>
|
||
|
||
<p>"It doesn't really matter though. Whatever happens, the world that we've lived in for how long won't exist this time tomorrow."</p>
|
||
|
||
<p>"I suppose it ended three months ago then."</p>
|
||
|
||
<p>"How so?"</p>
|
||
|
||
<p>"Come on, the minute – no, the second people heard that space shuttle, uh –"</p>
|
||
|
||
<p>"Titan."</p>
|
||
|
||
<p>"Yeah, that one. As soon as they blew themselves up instead of themselves and the rock, the world went crazy."</p>
|
||
|
||
<p>"Well…"</p>
|
||
|
||
<p>"What?"</p>
|
||
|
||
<p>
|
||
<span class="marginnote" id="mn-crazy">
|
||
<button class="marginnote-trigger" onclick="togglePanel('mn-crazy',this)">"World's always been crazy hasn't it. People just stopped pretending."</button>
|
||
<span class="marginnote-panel">
|
||
<span class="mn-label">Craft Note</span>
|
||
<span class="panel-body">Murdock's best line, and the story's most credible philosophical moment. It arrives without fanfare and isn't dwelt upon — which is exactly right. The story knows when to be light and when to let something land. This is the rooftop scene earning its atmosphere: two men who have run out of pretence alongside everyone else, being honest about what was always true.</span>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
|
||
<p>They laugh at this. The silence of the dawn doesn't sit well with it. Grimm turns to Murdock.</p>
|
||
|
||
<p>"So how's things with you and whatserface? How's that going?"</p>
|
||
|
||
<p>"Um… She, uh, ran off. Well, sort of. It was a bit of a mess actually."</p>
|
||
|
||
<p>
|
||
<span class="marginnote" id="mn-code">
|
||
<button class="marginnote-trigger" onclick="togglePanel('mn-code',this)">Murdock doesn't say any more; Grimm doesn't ask. They have an understanding about these things – prospects are fair game, exes are not.</button>
|
||
<span class="marginnote-panel">
|
||
<span class="mn-label">Craft Note · The Code</span>
|
||
<span class="panel-body">The male friendship code rendered in two neat clauses. It's economical characterisation — we learn more about how these two work from this rule than from pages of backstory. It also subtly positions the women in their lives as categories: "prospects" and "exes." The story's female characters will be sorted into these buckets before Alexis arrives and declines to fit either.</span>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
|
||
<p>"Guess who I ran into at one of these, um, parties, I guess," says Grimm, filling up his second glass while Murdock takes a second sip. "I don't know what to call them."</p>
|
||
|
||
<p>"Early wakes. Who?"</p>
|
||
|
||
<p>"
|
||
<span class="decoder" id="dec-wonderland">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-wonderland',this)">Miss Wonderland</button>
|
||
<span class="decoder-panel critique">
|
||
<span class="decode-label">Nickname · Catalogue</span>
|
||
<span class="decode-term">Miss Wonderland</span>
|
||
<span class="panel-body">A nickname, not a name. She is filed in Grimm's memory not as a person but as a character from a story — curio, spectacle, wonder. The story tells us she got "completely wasted" and "one-eye-closed-needs-subtitles-kind-of-trashed," and that "nothing" happened between them. She exists in the narrative purely as colour, a way of establishing Grimm's social world. She is named after a place you visit and leave.</span>
|
||
</span>
|
||
</span>. Haven't spoken to her in, I don't know how long, and next thing I know I see her getting completely wasted, I mean one-eye-closed-needs-subtitles-kind-of-trashed."</p>
|
||
|
||
<p>"And then?"<br>"And then nothing."<br>"Is that really the end of the story?"<br>"Pretty much."<br>"Fair enough."</p>
|
||
|
||
<p>"Oh, but that Ashe."<br>"Still good?"<br>"Oh yes."<br>"Well at least you got over her."</p>
|
||
|
||
<div class="silence">· · · · ·</div>
|
||
|
||
<p>The door to the rooftop opens. Loudly. Grimm and Murdock turn to see the source of the commotion. A petite blonde woman, who was on every man's radar at the beginning of last night stumbles forth into the still morning air, mumbles a "Hello" to the two men and then promptly passes out on an upside down deck chair. Grimm and Murdock are about to get up, but then a second lady, brunette and oft-overlooked, comes out to check on her unconscious friend.
|
||
<span class="marginnote" id="mn-shesGotThis">
|
||
<button class="marginnote-trigger" onclick="togglePanel('mn-shesGotThis',this)">The men sit down, she's got this.</button>
|
||
<span class="marginnote-panel">
|
||
<span class="mn-label">Craft Note</span>
|
||
<span class="panel-body">Four words that accomplish a lot. The men are about to perform gallantry; they clock that it's unnecessary and stand down. It's a small, accurate observation about how competence reads — and a quiet foreshadowing. The brunette who nobody was watching is the one who has things handled. She will continue to be the most capable person on the roof for the rest of the story.</span>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
|
||
<p>"Hi," she says, "Sorry."</p>
|
||
|
||
<p>"I take it this happens a lot," says Murdock, nodding towards the blonde.</p>
|
||
|
||
<p>"All the time," comes the reply, along with a smile.</p>
|
||
|
||
<p>"At least she's a happy drunk," says Grimm.</p>
|
||
|
||
<p>"Most of the time," says the brunette, "As long as you smile and nod like you agree."</p>
|
||
|
||
<p>She starts tapping her friend's face, softly cooing what sounds like "Wake up, bitch." Blondie responds by opening one eye and mumbling "You're so nice," before retching. Murdock chuckles to himself when he sees Grimm close his eyes and cover his ears to guard against his own gag reflex. Some things never change.</p>
|
||
|
||
<p>"Let's get you downstairs, okay?" says the brunette to the blonde, helping her friend to her feet and leading her to the door.</p>
|
||
|
||
<p>"Have a drink with us!" calls Murdock suddenly, just before the ladies disappear, "When you're done tucking her in."</p>
|
||
|
||
<p>For a moment it seems like he's too late, but then a voice from inside calls out "Sure, okay" from the stairwell. Murdock turns to Grimm who is still shaking off the heebie-jeebies by pouring another glass.</p>
|
||
|
||
<p>
|
||
<span class="decoder" id="dec-jackclubs">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-jackclubs',this)">"What do you think? Jack of Clubs?"</button>
|
||
<span class="decoder-panel critique">
|
||
<span class="decode-label">Slang · Rating System</span>
|
||
<span class="decode-term">Jack of Clubs</span>
|
||
<span class="panel-body">A rating system using playing cards — face cards being the higher end of attractiveness, suits adding a modifier. Jack of Clubs is a middling face card: handsome enough but not the top of the deck. The exchange happens while Alexis is inside taking care of her friend. She has no idea she's being appraised, catalogued, and scored before she's even been introduced. The story presents this as background texture. Readers can decide whether to let it sit there.</span>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
|
||
<p>"Which one?"<br>"The one who could still walk."<br>"Yeah, although… Maybe ten. I'm not sure."<br>"And the other one?"<br>"Meh."</p>
|
||
|
||
<p>The orange light finally hits their faces, bringing silence with it. They don't speak for a long while. They don't need to.</p>
|
||
|
||
<div class="silence">· · · · ·</div>
|
||
|
||
<p>The door behind them opens.</p>
|
||
|
||
<p>"Pull up a chair," says Murdock, "That was quick."</p>
|
||
|
||
<p>"She saw some guy in the blue room that she liked and just barrelled in," says the brunette as she sits down beside Grimm, "Anyway, not my problem. How about that drink?"</p>
|
||
|
||
<p>Grimm fills his empty glass and hands it to her, taking a sip from the bottle.</p>
|
||
|
||
<p>"Thanks," she says, "Hang on, don't I know you?"</p>
|
||
|
||
<p>"I don't know," says Grimm, "Do you?"</p>
|
||
|
||
<p>"Yeah," she says, with that sudden-recognition tone in her voice, "You were in that thing with, um, gosh, what's his name? Michael something…"</p>
|
||
|
||
<p>"Marrionettes?" offers Murdock.</p>
|
||
|
||
<p>"Yes! That's the one," she says brightly, "You were the teacher guy who got killed by the prefect, I think."</p>
|
||
|
||
<p>Murdock bursts out laughing.</p>
|
||
|
||
<p>"Shut up," Grimm quips, "Yeah that was me."</p>
|
||
|
||
<p>"What's so funny?" the lady asks Murdock as he almost chokes on his last sip of his first glass.</p>
|
||
|
||
<p>"No, it's just a bit of a running joke with us," he final replies.</p>
|
||
|
||
<p>"I'm the guy that dies," says Grimm.</p>
|
||
|
||
<p>"Oh," she says, smiling, "Like uh –"</p>
|
||
|
||
<p>"
|
||
<span class="decoder" id="dec-seanbean">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-seanbean',this)">Sean Bean</button>
|
||
<span class="decoder-panel">
|
||
<span class="decode-label">Actor · Running Joke</span>
|
||
<span class="decode-term">Sean Bean</span>
|
||
<span class="panel-body">English actor (b. 1959) so reliably killed off in film and television roles that his character deaths became a cultural meme. Notable fatalities include Boromir in The Lord of the Rings (2001), Ned Stark in Game of Thrones (2011), and many others. Alexis completes the reference before Grimm can say it — her first real move in the scene, demonstrating that she speaks the same cultural language.</span>
|
||
<a class="decode-link" href="https://en.wikipedia.org/wiki/Sean_Bean" target="_blank">→ Sean Bean — Wikipedia</a>
|
||
</span>
|
||
</span>."</p>
|
||
|
||
<p>"Yes! It was a great movie though."<br>"Thanks," say Grimm and Murdock in unison.</p>
|
||
|
||
<p>"So," says Murdock, lighting a smoke and handing the pack to Grimm, "What's your name then?"</p>
|
||
|
||
<p>"Why not," she says when Grimm offers her a smoke, "It is the last day on Earth, after all. Um, my name's Alexis. Alexis James."</p>
|
||
|
||
<p>"Well, Alexis James," says Murdock, raising his glass, "Thanks for sharing a drink with us on this day of days."</p>
|
||
|
||
<p>Alexis inhales deeply as Grimm lights her smoke and promptly coughs her lungs out.</p>
|
||
|
||
<p>"Oh God," she sputters, shaking her head and blinking away tears, "I forgot about that part."</p>
|
||
|
||
<p>"What do you mean?"<br>"That first drag. It burns!" she says, mimicking the
|
||
<span class="decoder" id="dec-wickedwitch">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-wickedwitch',this)">Wicked Witch of the West</button>
|
||
<span class="decoder-panel">
|
||
<span class="decode-label">Reference · Wizard of Oz</span>
|
||
<span class="decode-term">Wicked Witch of the West</span>
|
||
<span class="panel-body">Margaret Hamilton's performance in the 1939 MGM film — specifically the drawn-out scream of "I'm melting!" Alexis deploys it to describe smoke inhalation, which is a quick, specific, funny choice. It's also the second Wizard of Oz reference across these four stories, which begins to feel like a signature. Here it functions as a character-establishing beat: she is unguarded, a little theatrical, comfortable with self-deprecation.</span>
|
||
</span>
|
||
</span>
|
||
with that last bit. Grimm and Murdock chuckle. She cools down with the fire-water before trying again, this time with great success.</p>
|
||
|
||
<p>"You know what I won't miss," she says as she exhales, "Social networks."</p>
|
||
|
||
<p class="beat">What follows is the story's most collaborative scene. For the first time, all three voices braid together — Murdock, Alexis, Grimm — building a list of everything nobody will miss. It is also, structurally, the scene where Alexis becomes equal. The rooftop, which has belonged to Grimm and Murdock, becomes a shared space.</p>
|
||
|
||
<p>"Hear, hear." says Murdock.<br>"And crappy music," adds Grimm.<br>"Beliebers." says Alexis.<br>"Stupid memes."<br>"Internet trolls."<br>"Rent payments."<br>"Insurance."<br>"Twilight."<br>"Twilight fan fiction."<br>"Definitely! And politicians,"<br>"Politics in general."<br>"Well I was kind of hoping to see Arnie become President of the U.S."<br>"I definitely won't miss taxes," interrupts Murdock.</p>
|
||
|
||
<p>
|
||
<span class="marginnote" id="mn-taxes">
|
||
<button class="marginnote-trigger" onclick="togglePanel('mn-taxes',this)">"Death without taxes," quips Alexis, "that's a plus."</button>
|
||
<span class="marginnote-panel">
|
||
<span class="mn-label">Craft Note · The Best Line</span>
|
||
<span class="panel-body">Alexis has the funniest line in the story. "Death and taxes" is the oldest cliché for the unavoidable; she inverts it in half a second, without setup. The laughter that follows lasts five minutes and is the story's emotional peak — the moment where three strangers become, briefly, one thing. The story correctly identifies this as hers: it's "what she said" that ambushed them, and "the last time they will ever experience one of these tiny, insignificant gems of human existence."</span>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
|
||
<p>They all fall silent. Grimm starts laughing, and then Murdock, and then Alexis. Soon they're practically doubled over with tears in their eyes. It's not because what she said was funny, but because she said it so quickly that it snuck up on them and, somehow, they all realise that this is probably the last time they will ever experience one of these tiny, insignificant gems of human existence. It takes a full five minutes before they calm down.</p>
|
||
|
||
<p>"I'll miss this, though," says Murdock.</p>
|
||
|
||
<p>Grimm looks up. The sky is as clear as it could ever be, the pale blue of the morning forcing back the darkness. The last remaining stars seem to fade out as a ball of fire and ice, that looks as large as the moon appears in the west. "There she is," he says.</p>
|
||
|
||
<p>None of them know why, but they all rise to their feet as they watch Pandora on her way to the still-dark side of the Earth. It's slow, almost graceful.</p>
|
||
|
||
<p>Alexis touches Grimm's arm and says, "I'm going inside, it was nice to meet you guys."</p>
|
||
|
||
<p>"You too."<br>"Definitely," says Murdock, "You're brilliant, Alexis James."</p>
|
||
|
||
<p>She waves goodbye when she reaches the door, and then she's gone.</p>
|
||
|
||
<div class="silence">· · · · ·</div>
|
||
|
||
<p>"So, Mr Grimm. What do you think?"<br>"I would."<br>"I thought so. It's a pity."<br>"What is?"</p>
|
||
|
||
<p>
|
||
<span class="decoder" id="dec-perfect">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-perfect',this)">"Methinks you could have found a good one there. One of the few. Bright, confident, awkward pretty and doesn't need a man. She's perfect for you, guy."</button>
|
||
<span class="decoder-panel critique">
|
||
<span class="decode-label">Craft Note · The Compliment</span>
|
||
<span class="decode-term">Doesn't Need a Man</span>
|
||
<span class="panel-body">Murdock's highest praise assembles four qualities: bright, confident, "awkward pretty" (a physical qualifier that softens her looks into something non-threatening), and — the capstone — "doesn't need a man." In the story's value system, female self-sufficiency is presented as an asset to a potential male partner rather than as something that exists independently. She is perfect for Grimm. The story, to its credit, has already shown us who Alexis is — the compliment is accurate but the framing is its own thing.</span>
|
||
</span>
|
||
</span>
|
||
</p>
|
||
|
||
<p>"I don't know."<br>"You never know."</p>
|
||
|
||
<p>Pandora nears the horizon.</p>
|
||
|
||
<p>"Not long now," says Murdock.<br>"Whiskey's done."<br>"Smoke?"<br>"Smoke."</p>
|
||
|
||
<p>"It's funny," says Murdock, "It took the end of the world for me to finally be a good wingman."</p>
|
||
|
||
<p>They light up. As they watch the Earth's death rattle draw near, each man regards the other in his turn. They don't say anything. They don't need to.</p>
|
||
|
||
<p>Pandora begins to fade.</p>
|
||
|
||
<p>"
|
||
<span class="decoder" id="dec-susan">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-susan',this)">Well call me Susan and respect my life choices</button>
|
||
<span class="decoder-panel">
|
||
<span class="decode-label">Internet Slang · C. 2010</span>
|
||
<span class="decode-term">Call Me Susan</span>
|
||
<span class="panel-body">An early-2010s internet expression of mock-exasperated surprise — roughly equivalent to "well I'll be damned" or "colour me shocked." The "respect my life choices" suffix was a common self-deprecating internet tag of the era. Murdock uses it at the exact moment he realises the asteroid is leaving rather than arriving — the story's anti-climax delivered via period-specific slang.</span>
|
||
</span>
|
||
</span>," whispers Murdock, dropping his cigarette.</p>
|
||
|
||
<p>"What?"<br>"It's fading."<br>"So?"<br>"So, it should be going past the horizon line, to the Pacific. Fading means it's leaving the atmosphere."<br>"You're joking."<br>"No."<br>"Well, are you sure?"<br>"Can't hurt to wait and see, right."</p>
|
||
|
||
<p>And so they wait.</p>
|
||
<span class="nothing-happens">Nothing happens.</span>
|
||
<p>They finish their smokes.</p>
|
||
<span class="nothing-happens">Nothing happens.</span>
|
||
<p>They wait some more.</p>
|
||
<span class="nothing-happens">Nothing happens.</span>
|
||
|
||
<p>"Well that was anti-climactic," says Grimm.<br>"Agreed," says Murdock. "Bit of a let-down really."</p>
|
||
|
||
<p>"So, what now?"</p>
|
||
|
||
<p>"Keep on living, I guess."<br>"I guess."<br>"Well… Go on then."<br>"Huh?"<br>"Go see about that girl. 'Surprise! The world isn't ending! Let's go on a date. To celebrate. And not be celeb –"<br>"You're an idiot."<br>"I know. Just go already. I'll see you around."<br>"Cheers."<br>"Peace, love and happiness, guy. We should do this again sometime."<br>"Without the asteroid."<br>"Yeah, without the asteroid."</p>
|
||
|
||
<p>They shake hands and Grimm walks over to the door, practising his
|
||
<span class="decoder" id="dec-rebel">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-rebel',this)">Rebel Without a Cause</button>
|
||
<span class="decoder-panel">
|
||
<span class="decode-label">Film Reference · 1955</span>
|
||
<span class="decode-term">Rebel Without a Cause</span>
|
||
<span class="panel-body">Nicholas Ray's 1955 film starring James Dean — the defining image of cool, non-committal masculine swagger. Grimm is literally practising a walk to approach a woman. The reference is self-aware: he knows he's performing, and the story knows it too. The gap between the cinematic ideal and the reality (a slightly hungover man on a rooftop rehearsing his entrance) is where the story's warmth lives.</span>
|
||
<a class="decode-link" href="https://en.wikipedia.org/wiki/Rebel_Without_a_Cause" target="_blank">→ Rebel Without a Cause — Wikipedia</a>
|
||
</span>
|
||
</span>.
|
||
He's left the pack of smokes. Murdock takes out a fresh one, the last one in the pack in fact, and lights it, looking out at the unlikely dawn.</p>
|
||
|
||
<p>"
|
||
<span class="decoder" id="dec-carpe">
|
||
<button class="decoder-trigger" onclick="togglePanel('dec-carpe',this)">Carpe diem, Grimm. Carpe f****ng diem.</button>
|
||
<span class="decoder-panel">
|
||
<span class="decode-label">Latin · Horace</span>
|
||
<span class="decode-term">Carpe Diem</span>
|
||
<span class="panel-body">"Seize the day" — from Horace's <em>Odes</em> (23 BC), in full: <em>carpe diem, quam minimum credula postero</em> — "seize the day, trusting as little as possible in the next." The full phrase is about mortality: tomorrow is not guaranteed, so live now. Murdock delivers it in a story where the asteroid — the ultimate reminder of mortality — has just failed to arrive. The Latin is simultaneously sincere and ridiculous, which is exactly right.</span>
|
||
<a class="decode-link" href="https://en.wikipedia.org/wiki/Carpe_diem" target="_blank">→ Carpe diem — Wikipedia</a>
|
||
</span>
|
||
</span>"</p>
|
||
|
||
<div style="margin-top:3rem;">
|
||
<div class="challenge-box">
|
||
<div class="ch-label">Challenge C022 — Requirements</div>
|
||
<p>Tell Me a Story About: Old friends. | Genre: Any Genre | Style: 3rd Person Narrative (Present Tense) | It Must Have: 1) Two old friends in a strange situation. 2) A girl. 3) An open ending. | Someone must say: "So what now?" | Anything Else? Don't make it a love triangle thing, 'coz that's lame.</p>
|
||
</div>
|
||
<p class="author-note">Author's note: It's been ages since my last story because of other work (again, I know). One day these will be daily, but for now, I need a little slack here. JL.</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div><!-- /tab-story -->
|
||
|
||
|
||
<!-- ══════════════════════════════════════════════════
|
||
TAB 2: THE WORLD
|
||
══════════════════════════════════════════════════ -->
|
||
<div id="tab-world" class="tab-content">
|
||
<div class="edu-wrap">
|
||
<h2>The World</h2>
|
||
<p class="edu-intro">The party below, the rooftop above, and the male friendship code that governs the space between them</p>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>What kind of world ends here, and what is "Titan"?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The story is set in a recognisable near-future. A space shuttle called <strong>Titan</strong> was sent to intercept an asteroid; its crew chose to destroy the shuttle rather than themselves and the rock, failing the mission. The asteroid — named <strong>Pandora</strong> — has been incoming ever since. Three months have passed between the Titan incident and this rooftop. In that time, the world "went crazy" — not because it changed fundamentally, Murdock argues, but because people stopped pretending it was sane.</p>
|
||
<p>The story is deliberately vague about geopolitics, survival infrastructure, and who exactly is at this party. What matters is the social texture: the wealthy have bunkers; everyone else has parties. The "early wakes" — end-of-world celebrations — have been running for three months. Grimm and Murdock have been to enough of them to have given them a name.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>What is the rooftop, socially? Why are they up there and not below?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The party below involves people who are "passed out" or "trying to bang their way into the afterlife." The rooftop is for people who prefer to watch, think, and drink slowly. Grimm and Murdock position themselves above the chaos — not moralistically, but temperamentally. They are observers by nature.</p>
|
||
<p>This is a familiar literary geography: the elevated position as a space for reflection, removed from the noise of ordinary human behaviour. It's also a mildly self-congratulatory geography — the men who are "last standing" above the fallen crowd. The story knows this, which is why Murdock says "once again" with a laugh rather than a sneer. The self-awareness doesn't dissolve the mild superiority, but it acknowledges it.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>How does the male friendship code function in this story?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>Grimm and Murdock operate by an understood set of rules: prospects are discussable, exes are not; a bad wingman is a character flaw worth noting; smoking and drinking are things you quit and restart, which is a way of saying life keeps making demands and sometimes you need a vice. They are fluent in each other's preferences — Grimm will drink, Murdock will nurse; Grimm rates on the ten scale, Murdock rates by playing cards.</p>
|
||
<p>The code is presented with affection because the story is warm toward these men. But the code also has edges: women in the "prospects" category are appraised before they're known. The card system operates while Alexis is inside looking after her friend. The discussion of whether Grimm "could have found a good one" happens after she leaves — she never hears herself assessed and approved. The code is a closed system, and she was never a participant in it. She was a subject.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>What does the anti-climax mean? Why doesn't Pandora hit?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The story gives no scientific explanation for why Pandora leaves the atmosphere. It simply fades. The challenge requirement was "an open ending" — and the story takes this seriously by refusing to explain the world's survival. It just happens. The asteroid goes away. The whiskey is done.</p>
|
||
<p>The anti-climax is the real subject of the story's final movement: the deflation of apocalyptic posturing, the bathos of surviving something you had emotionally prepared to die in. Murdock's "bit of a let-down really" is the story's most honest laugh. The world didn't end. Now Grimm has to go knock on a door and introduce himself. <em>Carpe diem</em> is a much harder instruction when you're not actually dying.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div><!-- /tab-world -->
|
||
|
||
|
||
<!-- ══════════════════════════════════════════════════
|
||
TAB 3: THE CRAFT
|
||
══════════════════════════════════════════════════ -->
|
||
<div id="tab-craft" class="tab-content">
|
||
<div class="edu-wrap">
|
||
<h2>The Craft</h2>
|
||
<p class="edu-intro">Genre, structure, and the challenge requirements that shaped this story</p>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>What tradition is this story working within?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The story belongs to a specific sub-genre: <strong>the end-of-world male friendship piece</strong> — two men, a bottle, and a view of the apocalypse. It shares DNA with films like <em>The World's End</em> (Edgar Wright, 2013) and the broader "lads face oblivion" tradition in British and American fiction, from Hemingway bar scenes to Tarantino diner monologues. The specific pleasures of the form are: naturalistic male dialogue, the revelation of character through small choices (how fast you drink, whether you nurse your glass), and the use of catastrophe as permission to be honest.</p>
|
||
<p>The story is also a <strong>challenge-response piece</strong> with specific requirements: old friends, a strange situation, a girl, an open ending, the line "So what now?" and the explicit instruction "Don't make it a love triangle thing, 'coz that's lame." The challenger's last requirement is itself a craft note — it tells the author what not to do, which often clarifies what to do instead.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>How does present tense serve this story?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The challenge specified present tense, and the story uses it to produce a specific effect: we do not know whether the world will end. In past tense, the narrator's survival is implicit — someone survived to tell the story. In present tense, Pandora is genuinely incoming, and the uncertainty is alive until the asteroid fades.</p>
|
||
<p>Present tense also keeps the dialogue immediate. The exchanges between Grimm and Murdock feel overheard rather than recounted — we are on the rooftop with them, not being told about a rooftop we missed. This is particularly important for the "nothing happens" sequence, which needs to land as anticlimax in real time rather than as a known punchline.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>What does Alexis do in the story, and what is she told she is?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>What Alexis <em>does</em>: arrives competently while managing her drunk friend; declines to let the men help (she's got this); holds her own in rapid-fire cultural reference; delivers the funniest line in the piece; leaves on her own terms without waiting to be dismissed.</p>
|
||
<p>What she is <em>told she is</em>, in Murdock's valediction: bright, confident, "awkward pretty" (a physical qualifier that frames her looks as non-threatening), and — the highest compliment available in this value system — "doesn't need a man." The gap between what Alexis demonstrates and how Murdock describes her is instructive. He is assessing her suitability as a partner for Grimm. She has been, throughout the scene, simply herself. The story is good enough to have written a character who exceeds the frame its men place around her.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc-item">
|
||
<button class="acc-trigger" onclick="toggleAcc(this)">
|
||
<span>What does the story refuse to resolve, and why is the open ending the right call?</span>
|
||
<span class="acc-arrow">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The challenge required an open ending. The story honours this by closing on Murdock alone, watching an "unlikely dawn," Grimm gone through the door toward an encounter the story doesn't show us. We don't know whether Grimm finds Alexis, whether she wants to be found, or whether the world really is safe. Pandora faded — it didn't disappear. Maybe it circled back.</p>
|
||
<p>More importantly, the story refuses to deliver the romantic resolution its structure has been building toward. The "Jack of Clubs" rating, the approval conversation, Murdock's nudge — all of this points toward a neat rom-com ending. The story stops before delivering it. Grimm practises his James Dean walk. Murdock watches the dawn. The door stays closed to us. This is the better ending not despite the challenge requirement but because of it: the instruction "don't make it a love triangle" implicitly asked for something more honest than a tidy pairing, and the story obliges.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div><!-- /tab-craft -->
|
||
|
||
|
||
<!-- ══════════════════════════════════════════════════
|
||
TAB 4: FURTHER READING
|
||
══════════════════════════════════════════════════ -->
|
||
<div id="tab-reading" class="tab-content">
|
||
<div class="edu-wrap">
|
||
<h2>Further Reading</h2>
|
||
<p class="edu-intro">The genre, the tradition, and the texts worth finding</p>
|
||
<div class="reading-section">
|
||
|
||
<h3>The End-of-World Male Friendship Tradition</h3>
|
||
<a class="reading-link" href="https://en.wikipedia.org/wiki/The_World%27s_End_(film)" target="_blank">
|
||
<span class="rl-title">The World's End — Edgar Wright (2013)</span>
|
||
<span class="rl-desc">Five men, a pub crawl, an alien invasion, and the end of the world. The most direct cinematic cousin.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://en.wikipedia.org/wiki/Seeking_a_Friend_for_the_End_of_the_World" target="_blank">
|
||
<span class="rl-title">Seeking a Friend for the End of the World (2012)</span>
|
||
<span class="rl-desc">What do you do when the asteroid is actually coming? A film that takes the premise seriously.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://en.wikipedia.org/wiki/The_Sun_Also_Rises" target="_blank">
|
||
<span class="rl-title">The Sun Also Rises — Ernest Hemingway (1926)</span>
|
||
<span class="rl-desc">The archetype: men drinking, talking around what they can't say, bonding in the margins of disaster.</span>
|
||
</a>
|
||
|
||
<h3>Pandora and the Myth</h3>
|
||
<a class="reading-link" href="https://en.wikipedia.org/wiki/Pandora" target="_blank">
|
||
<span class="rl-title">Pandora — Wikipedia</span>
|
||
<span class="rl-desc">The full myth: the first woman, the jar, every evil, and Hope remaining at the bottom.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://en.wikipedia.org/wiki/Works_and_Days" target="_blank">
|
||
<span class="rl-title">Works and Days — Hesiod (c. 700 BC)</span>
|
||
<span class="rl-desc">The primary source for the Pandora myth; Hesiod's account of why the world contains suffering.</span>
|
||
</a>
|
||
|
||
<h3>The Author's Work</h3>
|
||
<a class="reading-link" href="https://renegadestoryteller.tumblr.com/post/67622333827/c022-last-men-standing?" target="_blank">
|
||
<span class="rl-title">Last Men Standing — original post</span>
|
||
<span class="rl-desc">The original publication at Renegade Storyteller.</span>
|
||
</a>
|
||
<a class="reading-link" href="https://renegadestoryteller.tumblr.com" target="_blank">
|
||
<span class="rl-title">Renegade Storyteller — full archive</span>
|
||
<span class="rl-desc">JL's complete body of challenge-response fiction.</span>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div><!-- /tab-reading -->
|
||
|
||
|
||
<!-- ══════════════ JAVASCRIPT ══════════════ -->
|
||
<script>
|
||
function switchTab(id, btn) {
|
||
document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
|
||
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
|
||
document.getElementById('tab-' + id).classList.add('active');
|
||
btn.classList.add('active');
|
||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||
}
|
||
|
||
function togglePanel(id, btn) {
|
||
const wrapper = document.getElementById(id);
|
||
const panel = wrapper.querySelector('.decoder-panel, .marginnote-panel');
|
||
const isOpen = panel.classList.contains('open');
|
||
document.querySelectorAll('.decoder-panel.open, .marginnote-panel.open').forEach(p => p.classList.remove('open'));
|
||
document.querySelectorAll('.decoder-trigger.open, .marginnote-trigger.open').forEach(b => b.classList.remove('open'));
|
||
if (!isOpen) {
|
||
panel.classList.add('open');
|
||
btn.classList.add('open');
|
||
const rect = panel.getBoundingClientRect();
|
||
if (rect.right > window.innerWidth - 16) panel.classList.add('flip-left');
|
||
else panel.classList.remove('flip-left');
|
||
}
|
||
}
|
||
|
||
document.addEventListener('click', function(e) {
|
||
if (!e.target.closest('.decoder') && !e.target.closest('.marginnote')) {
|
||
document.querySelectorAll('.decoder-panel.open, .marginnote-panel.open').forEach(p => p.classList.remove('open'));
|
||
document.querySelectorAll('.decoder-trigger.open, .marginnote-trigger.open').forEach(b => b.classList.remove('open'));
|
||
}
|
||
});
|
||
|
||
function toggleAcc(btn) {
|
||
const panel = btn.nextElementSibling;
|
||
const isOpen = btn.classList.contains('open');
|
||
document.querySelectorAll('.acc-trigger.open').forEach(b => {
|
||
b.classList.remove('open');
|
||
b.nextElementSibling.classList.remove('open');
|
||
});
|
||
if (!isOpen) { btn.classList.add('open'); panel.classList.add('open'); }
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|