ahmed-jacobs/ahmed-jacobs-casefile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
ahmed-jacobs-casefile/pocket-notebook.html

97 lines
6.9 KiB
HTML
Raw Permalink Normal View History

publish: ahmed-jacobs-patrol-site
2026-08-20 15:16:59 +02:00
<!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">
<title>Patrol Pocket Notebook — Ahmed Jacobs</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Patrol Pocket Notebook — Ahmed Jacobs">
<meta property="og:description" content="Scene sketch + color analysis — live field notes">
<meta property="og:image" content="https://images.pexels.com/photos/7793769/pexels-photo-7793769.jpeg">
<meta property="og:url" content="https://ahmed-jacobs.4ort.net/pocket-notebook.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="Scene sketch + color analysis — live field notes">
<style>
:root{
--ink:#0d1419;
--paper:#f4f1ea;
--red:#b31a1a;
--blue:#1a3c6e;
--tan:#d4c4a8;
--field:#8c7a5e;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Courier New',monospace;background:var(--paper);color:var(--ink);line-height:1.4;padding:2rem}
header{border-bottom:2px solid var(--red);padding-bottom:.5rem;margin-bottom:1.5rem}
h1{font-size:1.6rem;color:var(--blue);letter-spacing:-1px}
h2{font-size:1.1rem;border-left:4px solid var(--red);padding-left:.5rem;margin:1.5rem 0 .75rem}
ol{margin-left:1.2rem}
li{margin-bottom:.4rem}
.sketch{width:100%;max-width:520px;border:1px dashed var(--field);margin:1rem auto;display:block;background:#fff}
.color-note{display:flex;gap:.75rem;justify-content:center;margin:1rem 0}
.swatch{width:42px;height:42px;border:1px solid var(--ink);border-radius:4px;flex-shrink:0}
code{background:var(--blue);color:#fff;padding:.1rem .3rem;border-radius:3px;font-size:.9em}
footer{font-size:.8rem;color:var(--field);margin-top:2rem;border-top:1px solid var(--tan)}
a{color:var(--blue);text-decoration:underline}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
publish: ahmed-jacobs-casefile
2026-08-21 00:48:11 +02:00
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/films/twelve-shots/">Index</a><a href="/">JACOBS / CPD</a><a href="/films/spacex-buyout/">SpaceX Buyout by Deutsche Bank: A Short Film</a><a href="/pocket-notebook.html" class="active" aria-current="page">Patrol Pocket Notebook</a><a href="/scene-protocol.html">SCENE PROTOCOL</a><a href="/short-north.html">SHORT NORTH STUDIES</a></nav></fort-nav>
publish: ahmed-jacobs-patrol-site
2026-08-20 15:16:59 +02:00
<header>
<h1>Officer Jacobs • Patrol Pocket Notebook</h1>
<p>Scene sketch + color analysis — live field notes</p>
</header>
<h2>7-Field Observation Sketch</h2>
<p>Every patrol call breaks into seven repeatable visual zones I trained on the Short North beat. This is the field template I redraw in my actual pocket notebook when paint and pigment run dry.</p>
<ol>
<li><strong>Light Vector</strong> — north-facing brick vs. sodium glare; note hard shadow edge.</li>
<li><strong>Entry Vector</strong> — primary ingress point; secondary escape route; pedestrian flow.</li>
<li><strong>Scene Depth</strong> — foreground (6 ft), mid (20 ft), horizon line (building parapet).</li>
<li><strong>Color Drift</strong> — what hue the ambient light is pushing tonight (rust, steel, neon).</li>
<li><strong>Texture Contrast</strong> — smooth concrete vs. rough brick vs. metal grate.</li>
<li><strong>Suspicious Motion</strong> — anything against the regular rhythm of the block.</li>
<li><strong>Community Anchor</strong> — storefront, mural, bus stop — what do people gather near?</li>
</ol>
<img class="sketch" src="https://images.pexels.com/photos/7793769/pexels-photo-7793769.jpeg" alt="Night patrol sketch overlay of Short North brick building with shadow vectors and entry points noted">
<h2>Abstract Color Note — Short North Night Shift</h2>
<p>Tonight's ambient color study. The sodium lamps + gallery signage push everything toward a burnt-umber / rust / deep-steel palette. I mix my report notes in these same pigments because the eye remembers color longer than words.</p>
<div class="color-note">
<div><div class="swatch" style="background:#8c4a2f"></div><code>Brick Rust</code> #8c4a2f</div>
<div><div class="swatch" style="background:#5a5a5a"></div><code>Cold Steel</code> #5a5a5a</div>
<div><div class="swatch" style="background:#f4f1ea"></div><code>Street Paper</code> #f4f1ea</div>
</div>
<h2>Crossover Method</h2>
<p>As Le Guin wrote of seeing clearly: we see what we expect unless we name what we see. My seven fields force me to name each zone before writing the report. The color note locks the moment so the next shift's artist-officer can pick up the same wavelength.</p>
<p>Making this: a 60-second film walks the same beat. View it on <a href="https://ahmed-jacobs.4ort.net/">my channel</a>.</p>
<footer>
<p>Source: <a href="https://ahmed-jacobs.4ort.net/pocket-notebook.json">pocket-notebook.json</a> | Built from field notes at 7th & High, Columbus</p>
</footer>
<fort-kg query="tactical observation" limit="3"><ul class="fort-kg" data-fort="kg" data-query="tactical observation"><li>Observation — 2019 contemporary sci-fi thriller video game developed by NoCode</li><li>observation tower — civilian structure used to view the surrounding landscape</li><li>Observation — Wikimedia disambiguation page</li></ul></fort-kg>
<fort-citizen name="angeline-thomas"><div class="fort-citizen" data-fort="citizen" data-citizen="angeline-thomas"><a class="fc-name" href="https://angeline-thomas.4ort.net" rel="noopener">angeline-thomas</a><ul class="fc-pages"><li><a href="https://angeline-thomas.4ort.net/conservation.html" rel="noopener">Conservation</a></li><li><a href="https://angeline-thomas.4ort.net/community.html" rel="noopener">Community</a></li></ul><a class="fc-visit" href="https://angeline-thomas.4ort.net" rel="noopener">visit angeline-thomas.4ort.net →</a></div></fort-citizen>
</body>
</html>
Reference in New Issue Copy Permalink