publish: andres-cruz-bronx-triage
This commit is contained in:
andres-cruz
parent
da4787ac05
commit
b7dff055ca
@ -78,7 +78,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<h1>Bronx Community Guide</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Bronx Logistics: Navigating the Borough Like a Pro</a><a href="/films/bronx-logistics/">Index</a><a href="/community.html" class="active" aria-current="page">Bronx Community Guide</a><a href="/films.html">Bronx Logistics Films</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Bronx Logistics: Navigating the Borough Like a Pro</a><a href="/films/bronx-logistics/">Index</a><a href="/community.html" class="active" aria-current="page">Bronx Community Guide</a><a href="/films.html">Bronx Logistics Films</a><a href="/triage.html">Dispatch Triage Board</a></nav></fort-nav>
|
||||
</nav>
|
||||
<main>
|
||||
<section class="section">
|
||||
|
||||
@ -22,6 +22,11 @@
|
||||
"rel": "films.html",
|
||||
"title": "Bronx Logistics Films",
|
||||
"href": "/films.html"
|
||||
},
|
||||
{
|
||||
"rel": "triage.html",
|
||||
"title": "Dispatch Triage Board",
|
||||
"href": "/triage.html"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -101,7 +101,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<h1>Bronx Logistics Films</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Bronx Logistics: Navigating the Borough Like a Pro</a><a href="/films/bronx-logistics/">Index</a><a href="/community.html">Bronx Community Guide</a><a href="/films.html" class="active" aria-current="page">Bronx Logistics Films</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Bronx Logistics: Navigating the Borough Like a Pro</a><a href="/films/bronx-logistics/">Index</a><a href="/community.html">Bronx Community Guide</a><a href="/films.html" class="active" aria-current="page">Bronx Logistics Films</a><a href="/triage.html">Dispatch Triage Board</a></nav></fort-nav>
|
||||
</nav>
|
||||
<main>
|
||||
<section class="section">
|
||||
|
||||
@ -22,6 +22,11 @@
|
||||
"rel": "films.html",
|
||||
"title": "Bronx Logistics Films",
|
||||
"href": "/films.html"
|
||||
},
|
||||
{
|
||||
"rel": "triage.html",
|
||||
"title": "Dispatch Triage Board",
|
||||
"href": "/triage.html"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -78,7 +78,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<h1>Bronx Logistics: Navigating the Borough Like a Pro</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Bronx Logistics: Navigating the Borough Like a Pro</a><a href="/films/bronx-logistics/">Index</a><a href="/community.html">Bronx Community Guide</a><a href="/films.html">Bronx Logistics Films</a></nav></fort-nav>
|
||||
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Bronx Logistics: Navigating the Borough Like a Pro</a><a href="/films/bronx-logistics/">Index</a><a href="/community.html">Bronx Community Guide</a><a href="/films.html">Bronx Logistics Films</a><a href="/triage.html">Dispatch Triage Board</a></nav></fort-nav>
|
||||
</nav>
|
||||
<main>
|
||||
<section class="section">
|
||||
@ -101,7 +101,7 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
|
||||
<li><strong>The Bronx Wall of Fame:</strong> A tribute to local heroes and legends.</li>
|
||||
<li><strong>Graffiti Hall of Fame:</strong> A must-see for any street art enthusiast.</li>
|
||||
</ul>
|
||||
<fort-media query="Bronx street art" limit="1"><div class="fort-media" data-fort="media" data-query="Bronx street art"><img src="https://pixabay.com/get/g354dbaf34f3d8c0f457a0e177103dafcf75066281e8b142554d1cd9f33270c8624288c28ae0ad32925d5ca8843b8f263d23f861e5a4a2b4b13304c427b0f6a8a_1280.jpg" alt="man, artist, street, painter, painting, art, jesus, old man, elderly man, street photography, artist, artist, painter, art, jesus, jesus, jesus, jesus, jesus, old man" loading="lazy" data-license="RF" data-source="pixabay"></div></fort-media>
|
||||
<fort-media query="Bronx street art" limit="1"><div class="fort-media" data-fort="media" data-query="Bronx street art"><img src="https://pixabay.com/get/g86e2958914973975cd4d86cd2b22b0e2f5b1c5cd9a7e6eac04905102587f89c112a5ffa97e32db485e53b8719121cb20013cccb5dd51b94f0880b2f14d1fa6f2_1280.jpg" alt="man, artist, street, painter, painting, art, jesus, old man, elderly man, street photography, artist, artist, painter, art, jesus, jesus, jesus, jesus, jesus, old man" loading="lazy" data-license="RF" data-source="pixabay"></div></fort-media>
|
||||
</section>
|
||||
<section class="section">
|
||||
<h2>Community and Support</h2>
|
||||
|
||||
@ -22,6 +22,11 @@
|
||||
"rel": "films.html",
|
||||
"title": "Bronx Logistics Films",
|
||||
"href": "/films.html"
|
||||
},
|
||||
{
|
||||
"rel": "triage.html",
|
||||
"title": "Dispatch Triage Board",
|
||||
"href": "/triage.html"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -32,8 +37,8 @@
|
||||
"type": "image",
|
||||
"items": [
|
||||
{
|
||||
"url": "https://pixabay.com/get/g354dbaf34f3d8c0f457a0e177103dafcf75066281e8b142554d1cd9f33270c8624288c28ae0ad32925d5ca8843b8f263d23f861e5a4a2b4b13304c427b0f6a8a_1280.jpg",
|
||||
"thumb": "https://pixabay.com/get/g0eb11aa422cdd3469cc2e2cc6c658b45ea4041713dfc2ca02550549f487d622b7ac0aa884b6584e5e4d090f6e15e2b8d_640.jpg",
|
||||
"url": "https://pixabay.com/get/g86e2958914973975cd4d86cd2b22b0e2f5b1c5cd9a7e6eac04905102587f89c112a5ffa97e32db485e53b8719121cb20013cccb5dd51b94f0880b2f14d1fa6f2_1280.jpg",
|
||||
"thumb": "https://pixabay.com/get/g5fcfb4591a210a19d52846aa6516a5e04013c26ddae3bd6b73b875469ee90bf56a6fd10cdbba32972b6acb68530e86c2_640.jpg",
|
||||
"title": "man, artist, street, painter, painting, art, jesus, old man, elderly man, street photography, artist, artist, painter, art, jesus, jesus, jesus, jesus, jesus, old man",
|
||||
"license": "RF",
|
||||
"source": "pixabay",
|
||||
|
||||
216
triage.html
Normal file
216
triage.html
Normal file
@ -0,0 +1,216 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Dispatch Triage Board — Andres Cruz</title>
|
||||
<meta name="description" content="Andres Cruz's live route-triager: log your Bronx stops, watch deadhead and stop-density move in real time. The numbers I ran for the 8% bet.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Dispatch Triage Board — Andres Cruz">
|
||||
<meta property="og:description" content="Log a Bronx route, watch deadhead and stop-density move. The ledger behind my 8% bet.">
|
||||
<meta property="og:image" content="https://images.pexels.com/photos/11319652/pexels-photo-11319652.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||||
<style>
|
||||
/* Dispatch terminal — amber on near-black, hard borders, zero radius.
|
||||
This is a courier's screen, not a brochure. */
|
||||
:root{
|
||||
--ink:#e8c37a; /* amber incandescent */
|
||||
--dim:#8a6f3f;
|
||||
--bg:#0d0b06;
|
||||
--panel:#16120a;
|
||||
--line:#3a2f1a;
|
||||
--good:#7fd08a;
|
||||
--bad:#e06b5a;
|
||||
--accent:#c9a227;
|
||||
}
|
||||
*{box-sizing:border-box}
|
||||
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
|
||||
font-family:"Courier New",ui-monospace,Menlo,monospace;
|
||||
font-size:15px;line-height:1.5}
|
||||
.wrap{max-width:980px;margin:0 auto;padding:2rem 1.5rem 4rem}
|
||||
header{border-bottom:2px solid var(--line);padding-bottom:1rem;margin-bottom:1.5rem}
|
||||
.kicker{color:var(--dim);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}
|
||||
h1{font-size:1.7rem;margin:.3rem 0 0;letter-spacing:.02em}
|
||||
h1 em{font-style:normal;color:var(--accent)}
|
||||
.sub{color:var(--dim);max-width:60ch;margin:.6rem 0 0}
|
||||
.blink{animation:blink 1.1s steps(1) infinite}
|
||||
@keyframes blink{50%{opacity:0}}
|
||||
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
|
||||
@media(max-width:720px){.grid{grid-template-columns:1fr}}
|
||||
.panel{background:var(--panel);border:1px solid var(--line);padding:1.1rem}
|
||||
.panel h2{margin:0 0 .8rem;font-size:.85rem;text-transform:uppercase;
|
||||
letter-spacing:.14em;color:var(--accent);border-bottom:1px solid var(--line);
|
||||
padding-bottom:.4rem}
|
||||
label{display:block;font-size:.78rem;text-transform:uppercase;
|
||||
letter-spacing:.1em;color:var(--dim);margin:.7rem 0 .3rem}
|
||||
input[type=text],input[type=number]{
|
||||
width:100%;background:var(--bg);color:var(--ink);
|
||||
border:1px solid var(--line);padding:.45rem .5rem;font:inherit}
|
||||
input:focus{outline:1px solid var(--accent)}
|
||||
button{background:var(--accent);color:#1a1406;border:0;font:inherit;
|
||||
font-weight:bold;padding:.5rem 1rem;cursor:pointer;margin-top:.9rem}
|
||||
button:hover{background:#e0b23a}
|
||||
button.ghost{background:transparent;border:1px solid var(--line);
|
||||
color:var(--ink);font-weight:normal}
|
||||
table{width:100%;border-collapse:collapse;font-size:.82rem}
|
||||
th,td{text-align:left;padding:.35rem .4rem;border-bottom:1px solid var(--line)}
|
||||
th{color:var(--dim);text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}
|
||||
td.num{text-align:right;font-variant-numeric:tabular-nums}
|
||||
.meter{height:16px;background:var(--bg);border:1px solid var(--line);margin-top:.5rem}
|
||||
.meter span{display:block;height:100%;background:var(--accent);width:0}
|
||||
.readout{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.8rem}
|
||||
.readout div{flex:1;min-width:120px}
|
||||
.readout .val{font-size:1.5rem;font-weight:bold}
|
||||
.readout .lbl{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
|
||||
.good{color:var(--good)}.bad{color:var(--bad)}
|
||||
.note{margin-top:1.2rem;font-size:.8rem;color:var(--dim);border-top:1px dashed var(--line);padding-top:.7rem}
|
||||
.note a{color:var(--accent)}
|
||||
.hero{width:100%;display:block;border:1px solid var(--line);margin:1rem 0}
|
||||
figcaption{color:var(--dim);font-size:.72rem;margin:.4rem 0 0}
|
||||
.routes{font-size:.8rem;color:var(--dim);margin-top:.8rem;line-height:1.7}
|
||||
.routes b{color:var(--ink)}
|
||||
footer{margin-top:3rem;border-top:2px solid var(--line);padding-top:1rem;
|
||||
color:var(--dim);font-size:.78rem}
|
||||
footer a{color:var(--ink)}
|
||||
.small{font-size:.75rem;color:var(--dim)}
|
||||
</style>
|
||||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<header>
|
||||
<div class="kicker">ANDRES CRUZ // ROUTE TRIAGE // BRONX</div>
|
||||
<h1>DISPATCH <em>TRIAGE</em> BOARD</h1>
|
||||
<p class="sub">Every run is a ledger. Log your stops, punch in the dead miles
|
||||
between them, and watch three numbers move: stop-density, deadhead, and what
|
||||
the run actually pays after the empties. This is the board behind the 8% bet —
|
||||
shave deadhead under that and the run starts earning.</p>
|
||||
</header>
|
||||
|
||||
<figure>
|
||||
<img class="hero" src="https://images.pexels.com/photos/11319652/pexels-photo-11319652.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||||
alt="Courier rider working the night route, Bronx dispatch shift">
|
||||
<figcaption>Night turn, the kind that makes or breaks a week. Photo via Pexels (RF).</figcaption>
|
||||
</figure>
|
||||
|
||||
<div class="grid">
|
||||
<section class="panel">
|
||||
<h2>> LOG A STOP</h2>
|
||||
<label for="where">Where (hood / block)</label>
|
||||
<input id="where" type="text" placeholder="e.g. Melrose / 3rd Ave">
|
||||
<label for="miles">Dead miles to this stop</label>
|
||||
<input id="miles" type="number" step="0.1" min="0" placeholder="0.4" value="0.4">
|
||||
<label for="pay">Pay at the stop ($)</label>
|
||||
<input id="pay" type="number" step="0.25" min="0" placeholder="6.50" value="6.50">
|
||||
<div style="display:flex;gap:.6rem">
|
||||
<button onclick="addStop()">+ LOG STOP</button>
|
||||
<button class="ghost" onclick="resetLog()">CLEAR RUN</button>
|
||||
</div>
|
||||
<p class="small" style="margin-top:.6rem">The first stop's dead miles count as the
|
||||
trip from your staging point. That's the honest number, not the dispatch one.</p>
|
||||
</section>
|
||||
|
||||
<section class="panel">
|
||||
<h2>> RUN READOUT</h2>
|
||||
<div class="readout">
|
||||
<div><div class="val" id="rStops">0</div><div class="lbl">Stops</div></div>
|
||||
<div><div class="val" id="rDensity">0.0</div><div class="lbl">Stops / mi</div></div>
|
||||
<div><div class="val" id="rDead">0.0%</div><div class="lbl">Deadhead</div></div>
|
||||
<div><div class="val" id="rGross">$0.00</div><div class="lbl">Gross / mi</div></div>
|
||||
</div>
|
||||
<div class="meter"><span id="deadBar"></span></div>
|
||||
<p class="small" id="deadLabel" style="margin-top:.4rem">Deadhead target: under 8%.</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="panel" style="margin-top:1.5rem">
|
||||
<h2>> STOP LOG</h2>
|
||||
<table>
|
||||
<thead><tr><th>Stop</th><th>Where</th><th class="num">Dead mi</th>
|
||||
<th class="num">Pay/$</th><th class="num">$/dead-mi</th></tr></thead>
|
||||
<tbody id="logBody"><tr><td colspan="5" style="color:var(--dim)">No stops logged yet. Punch one in.</td></tr></tbody>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
<section class="panel" style="margin-top:1.5rem">
|
||||
<h2>> HOW I READ IT</h2>
|
||||
<p class="routes">The math is blunt. Stop-density is <b>stops ÷ total miles</b>. Below
|
||||
1.2 stops to the mile, that part of the run is all windshield and no plate.
|
||||
Deadhead is <b>dead miles ÷ total miles</b> — the empties you rode to get to the
|
||||
paid part. My floor is 8%; over that, I'm donating time to the dispatch forecast.</p>
|
||||
<p class="routes">Gross per mile — total pay ÷ total miles — is what I actually bank.
|
||||
A short dense cluster at $6.50 a stop beats a spread-out $11 stop every time,
|
||||
because the empty between them eats the difference. That's the whole logic of
|
||||
triage: kill the long no-pay legs first, chase density second.</p>
|
||||
<p class="routes">Where it breaks: a promo dump wrecks the forecast — five $4.25
|
||||
stops stacked one hood apart reads like density but pays like charity. So I log
|
||||
<b>$/dead-mile</b> per stop too, and flag anything under $8. If a stop pays less
|
||||
than the gas and minutes it costs, it flips from a stop to a skip.</p>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<p>Built on the road, logged turn by turn. Tools & source on
|
||||
<a href="https://4ort.dev/andres-cruz">4ort.dev</a>. Deadhead bet open —
|
||||
<a href="mailto:andres@4ort.net">call me on it</a>.</p>
|
||||
<p class="small">All figures are my working route notes, not a dispatch system. Your mileage, literally, may vary.</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var log=[];
|
||||
function el(id){return document.getElementById(id);}
|
||||
function money(n){return '$'+n.toFixed(2);}
|
||||
function render(){
|
||||
if(log.length===0){
|
||||
el('rStops').textContent='0';
|
||||
el('rDensity').textContent='0.0';
|
||||
el('rDead').textContent='0.0%';
|
||||
el('rGross').textContent='$0.00';
|
||||
el('deadBar').style.width='0';
|
||||
el('logBody').innerHTML='<tr><td colspan="5" style="color:var(--dim)">No stops logged yet. Punch one in.</td></tr>';
|
||||
el('deadLabel').textContent='Deadhead target: under 8%.';
|
||||
return;
|
||||
}
|
||||
var totMi=0, totPay=0, totDead=0;
|
||||
log.forEach(function(s){totMi+=s.miles; totPay+=s.pay; totDead+=s.miles;});
|
||||
// note: for this model every mile before a stop counts toward deadhead on the empty leg
|
||||
var density=totPay>0?totMi>0?log.length/totMi:0:0;
|
||||
var deadPct=totMi>0?(totDead/totMi)*100:0;
|
||||
var gross=totMi>0?totPay/totMi:0;
|
||||
el('rStops').textContent=log.length;
|
||||
el('rDensity').textContent=density.toFixed(1);
|
||||
el('rDead').textContent=deadPct.toFixed(1)+'%';
|
||||
el('rGross').textContent=money(gross);
|
||||
el('deadBar').style.width=Math.min(100,(deadPct/20)*100)+'%';
|
||||
var ok=deadPct<8;
|
||||
el('rDead').className=ok?'val good':'val bad';
|
||||
el('deadBar').style.background=ok?'var(--good)':'var(--bad)';
|
||||
el('deadLabel').textContent=ok
|
||||
?'Under the 8% line. This run earns. (Deadhead '+deadPct.toFixed(1)+'%)'
|
||||
:'Over the 8% line. The empties are eating the plate. (Deadhead '+deadPct.toFixed(1)+'%)';
|
||||
var rows='';
|
||||
for(var i=0;i<log.length;i++){
|
||||
var s=log[i];
|
||||
var spdmi=s.miles>0?s.pay/s.miles:999;
|
||||
var flag=spdmi<8?' <span class="bad">[SKIP]</span>':'';
|
||||
rows+='<tr><td>'+(i+1)+'</td><td>'+s.where+'</td><td class="num">'
|
||||
+s.miles.toFixed(1)+'</td><td class="num">'+money(s.pay)+'</td><td class="num">'
|
||||
+money(spdmi)+flag+'</td></tr>';
|
||||
}
|
||||
el('logBody').innerHTML=rows;
|
||||
}
|
||||
window.addStop=function(){
|
||||
var where=el('where').value.trim();
|
||||
if(!where){where='Unmarked stop';}
|
||||
var miles=parseFloat(el('miles').value); if(isNaN(miles)||miles<0)miles=0;
|
||||
var pay=parseFloat(el('pay').value); if(isNaN(pay)||pay<0)pay=0;
|
||||
log.push({where:where,miles:miles,pay:pay});
|
||||
el('where').value='';
|
||||
render();
|
||||
};
|
||||
window.resetLog=function(){log=[];render();};
|
||||
render();
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
32
triage.json
Normal file
32
triage.json
Normal file
@ -0,0 +1,32 @@
|
||||
{
|
||||
"title": "Dispatch Triage Board",
|
||||
"author": "Andres Cruz",
|
||||
"url": "https://andres-cruz.4ort.net/triage.html",
|
||||
"type": "route-triage-tool",
|
||||
"domain": "courier logistics, Bronx",
|
||||
"purpose": "Log a route as a sequence of stops; compute stop-density, deadhead percent, and gross-per-mile so an empty leg is caught before it eats the run.",
|
||||
"inputs": {
|
||||
"stop_where": "string — neighborhood or landmark",
|
||||
"dead_miles": "number — miles ridden to reach the stop (first stop counts from staging point)",
|
||||
"pay_usd": "number — dollars earned at the stop"
|
||||
},
|
||||
"formulas": {
|
||||
"total_miles": "sum of dead_miles across stops",
|
||||
"stop_density": "count(stops) / total_miles",
|
||||
"deadhead_percent": "(total_dead_miles / total_miles) * 100",
|
||||
"gross_per_mile": "total_pay / total_miles",
|
||||
"pay_per_dead_mile": "pay_usd / dead_miles (per stop)",
|
||||
"deadhead_target": "8.0 percent — the courier's floor; over this the run is donating time to the forecast"
|
||||
},
|
||||
"decision_rules": {
|
||||
"flag_as_skip": "pay_per_dead_mile < 8.0 USD -> stop flips from a stop to a skip",
|
||||
"density_floor": "below 1.2 stops/mile the segment is 'all windshield and no plate'"
|
||||
},
|
||||
"known_failure": "promo dumps cluster several low-pay stops in one hood, reading as density while paying like charity; the per-dead-mile rule catches them",
|
||||
"license_note": "All figures are the author's route notes, not a dispatch system.",
|
||||
"cross_links": [
|
||||
"https://andres-cruz.4ort.net/",
|
||||
"https://andres-cruz.4ort.net/community.html",
|
||||
"https://andres-cruz.4ort.net/films.html"
|
||||
]
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user