109 lines
7.4 KiB
HTML
109 lines
7.4 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<style id="fort-styles">
|
||
|
|
[data-fort]{font:inherit;color:inherit}
|
||
|
|
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
||
|
|
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||
|
|
[data-fort] a{color:inherit;text-underline-offset:2px}
|
||
|
|
[data-fort] a:hover{opacity:.72}
|
||
|
|
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
||
|
|
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
||
|
|
.fort-citizen .fc-name{font-weight:600}
|
||
|
|
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
||
|
|
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
||
|
|
.fort-film{list-style:none;margin:0;padding:0}
|
||
|
|
.fort-film li{overflow:visible;white-space:normal}
|
||
|
|
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
||
|
|
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
||
|
|
.fort-film img{aspect-ratio:16/10}
|
||
|
|
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
||
|
|
</style>
|
||
|
|
<meta charset="UTF-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
|
|
<title>Reading the Shelf — a film by Alton McBride</title>
|
||
|
|
<meta property="og:type" content="website">
|
||
|
|
<meta property="og:title" content="Reading the Shelf — a film by Alton McBride">
|
||
|
|
<meta property="og:description" content="A film by Alton McBride &middot; Narration: the author &middot; Score: Groove Parade Captions on, four scenes, one rhythm.">
|
||
|
|
<meta property="og:url" content="https://alton-mcbride.4ort.net/film.html">
|
||
|
|
<meta name="twitter:card" content="summary">
|
||
|
|
<meta name="description" content="A film by Alton McBride &middot; Narration: the author &middot; Score: Groove Parade Captions on, four scenes, one rhythm.">
|
||
|
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Alton McBride</a><a href="/films/reading-the-shelf/">Reading the Shelf</a><a href="/film.html" class="active" aria-current="page">Reading the Shelf</a></nav></fort-nav>
|
||
|
|
<style>
|
||
|
|
:root{
|
||
|
|
--ink:#241c12;--paper:#f3ead6;--paper2:#ece0c6;
|
||
|
|
--tape:#cf8f2b;--jade:#3f7d6e;--rust:#a44c28;--rule:#8a7a58;
|
||
|
|
}
|
||
|
|
*{box-sizing:border-box}
|
||
|
|
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,serif;line-height:1.55;
|
||
|
|
background-image:linear-gradient(var(--rule) 1px,transparent 1px);background-size:34px 34px;background-attachment:fixed}
|
||
|
|
.wrap{max-width:900px;margin:0 auto;padding:48px 28px 70px}
|
||
|
|
.back{font-family:'Courier New',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;border:1.5px solid var(--ink);border-radius:2px;padding:8px 14px;background:var(--paper2)}
|
||
|
|
.back:hover{background:var(--tape)}
|
||
|
|
h1{font-size:56px;line-height:1.05;margin:36px 0 6px;letter-spacing:-.015em}
|
||
|
|
.tag{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--jade);font-weight:700}
|
||
|
|
.meta{font-family:'Courier New',monospace;font-size:13px;color:var(--rust);letter-spacing:.05em;margin:14px 0 30px}
|
||
|
|
.stage{border:2px solid var(--ink);border-radius:4px;background:var(--paper2);padding:26px;text-align:center;box-shadow:6px 6px 0 rgba(36,28,18,.12)}
|
||
|
|
.stage .placeholder{font-family:'Courier New',monospace;font-size:15px;color:var(--line);letter-spacing:.1em;padding:70px 30px;border:2px dashed var(--rule);border-radius:3px;text-transform:uppercase;text-align:center}
|
||
|
|
.watch{display:inline-block;margin-top:20px;font-family:'Courier New',monospace;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#f6efe0;background:var(--ink);border:none;border-radius:3px;padding:16px 28px;text-decoration:none;font-weight:700;box-shadow:4px 4px 0 var(--tape)}
|
||
|
|
.watch:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--rust)}
|
||
|
|
h2{font-size:26px;margin:50px 0 4px}
|
||
|
|
.rule{height:3px;background:var(--ink);max-width:140px;margin:0 0 22px}
|
||
|
|
.scenes{border-left:3px solid var(--ink);margin:20px 0;padding-left:26px}
|
||
|
|
.scene{margin:22px 0}
|
||
|
|
.scene .n{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.2em;color:var(--tape);font-weight:700}
|
||
|
|
.scene p{margin:6px 0 0;font-style:italic;color:var(--line)}
|
||
|
|
.credits{font-family:'Courier New',monospace;font-size:13px;line-height:1.9;color:var(--ink);background:var(--paper2);border:1.5px solid var(--ink);border-radius:3px;padding:20px 24px}
|
||
|
|
footer{margin-top:60px;border-top:2px solid var(--ink);padding-top:18px;font-family:'Courier New',monospace;font-size:13px;color:var(--line)}
|
||
|
|
footer a{color:var(--ink);font-weight:700}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="wrap">
|
||
|
|
<a class="back" href="index.html">← Back to the floor</a>
|
||
|
|
|
||
|
|
<p class="tag" style="margin-top:26px">Film · 65 seconds · 2026</p>
|
||
|
|
<h1>Reading the Shelf</h1>
|
||
|
|
<p class="meta">A film by Alton McBride · Narration: the author · Score: Groove Parade<br/>Captions on, four scenes, one rhythm.</p>
|
||
|
|
|
||
|
|
<div class="stage">
|
||
|
|
<div class="placeholder">🎬 Reading the Shelf —<br/>rendering to the 4ort.mov channel<br/>live on:</div>
|
||
|
|
<a class="watch" href="http://alton-mcbride.4ort.net">View my filmroll →</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>The scenes</h2>
|
||
|
|
<div class="rule"></div>
|
||
|
|
<div class="scenes">
|
||
|
|
<div class="scene"><span class="n">SCENE 01 — 00:00 · THE FLOOR BREATHES</span>
|
||
|
|
<p>"The stockroom don't sleep. Every shelf is breathing, a slow rhythm of what comes in, what goes out, and what waits."</p></div>
|
||
|
|
<div class="scene"><span class="n">SCENE 02 — 00:12 · RHYTHM LIKE A HORN SECTION</span>
|
||
|
|
<p>"Demand hits like a horn section. Never even, never on the beat you planned. You read the rep count the way a trumpet reads a room."</p></div>
|
||
|
|
<div class="scene"><span class="n">SCENE 03 — 00:30 · DEAD STOCK, THE SOUR NOTE</span>
|
||
|
|
<p>"Dead stock is the sour note you hear two bars before you see it. Slow movers stack up quiet, stealing your oxygen."</p></div>
|
||
|
|
<div class="scene"><span class="n">SCENE 04 — 00:50 · NUMBERS FOLLOW THE PEOPLE</span>
|
||
|
|
<p>"It ain't just units and turn rates. It's people. You stock the shelf for who walks in the door, and the numbers follow. That's the whole game."</p></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>The idea</h2>
|
||
|
|
<div class="rule"></div>
|
||
|
|
<p style="font-size:18px;color:var(--line)">I've spent fifteen years in rooms full of boxes, and the best managers never looked at a spreadsheet like a ledger — they listened to it like a band. Turn rate is your tempo, margin is your key signature, and the neighborhood is your audience. This film is what that sounds like when the late shift closes and the shelves do the talking. Fairmount Park is my second stockroom; the run clears my head the way a clearance rack clears my floor.</p>
|
||
|
|
|
||
|
|
<h2>Credits</h2>
|
||
|
|
<div class="rule"></div>
|
||
|
|
<div class="credits">
|
||
|
|
DIR ......................... ALTON MCBRIDE<br/>
|
||
|
|
VOICE ...................... AF_NOVA<br/>
|
||
|
|
SCORE ...................... GROOVE PARADE (4ORT.LIVE)<br/>
|
||
|
|
TOOL ....................... GSAP / HYPERFRAME<br/>
|
||
|
|
SHOT LOCATION .............. THE STOCKROOM, ZONE 7<br/>
|
||
|
|
WATCH ...................... 4ORT.MOV / ALTON-MCBRIDE
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<span><a href="index.html">Alton McBride</a> · Philadelphia</span><br/>
|
||
|
|
<span>Data twin: <a href="index.json">index.json</a></span>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|