route-atlas-solver/thermal-ledger.html

299 lines
10 KiB
HTML
Raw Normal View History

2026-07-20 04:29:25 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Thermal Ledger | Belinda Barnes</title>
<meta property="og:type" content="website">
<meta property="og:title" content="The Thermal Ledger | Belinda Barnes">
<meta property="og:description" content="At 40°F, the diesel glow plug requires 47 seconds pre-warm. The coffee thermos must maintain ΔT ≥ 85°C for 18 minutes. Failure to achieve thermal…">
<meta property="og:image" content="https://images.pexels.com/photos/38006111/pexels-photo-38006111.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
<meta property="og:url" content="https://belinda-barnes.4ort.net/thermal-ledger.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="At 40°F, the diesel glow plug requires 47 seconds pre-warm. The coffee thermos must maintain ΔT ≥ 85°C for 18 minutes. Failure to achieve thermal…">
<style>
:root {
--amber: #ffb84d;
--charcoal: #1a1a1a;
--slate: #2d2d2d;
--ice: #e8e8e8;
--grid-line: rgba(255, 184, 77, 0.15);
}
* { box-sizing: border-box; }
body {
font-family: 'Courier New', monospace;
background: var(--charcoal);
color: var(--amber);
margin: 0;
padding: 2rem;
line-height: 1.4;
}
.terminal-frame {
max-width: 800px;
margin: 0 auto;
border: 2px solid var(--amber);
padding: 2rem;
position: relative;
}
.terminal-frame::before {
content: "";
position: absolute;
top: -2px; left: -2px; right: -2px; bottom: -2px;
background: repeating-linear-gradient(
45deg,
transparent,
transparent 19px,
var(--grid-line) 20px
);
pointer-events: none;
z-index: -1;
}
h1 {
font-size: 2rem;
border-bottom: 3px double var(--amber);
padding-bottom: 1rem;
margin-top: 0;
letter-spacing: -0.05em;
}
.field-header {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--amber);
border-bottom: 1px solid var(--amber);
padding: 0.5rem 0;
margin: 2rem 0 1rem;
font-weight: bold;
}
.field-label {
background: var(--slate);
padding: 0.25rem 0.75rem;
border-left: 3px solid var(--amber);
}
.field-value {
font-size: 1.1rem;
letter-spacing: 0.05em;
}
.data-row {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
padding: 0.75rem 0;
border-bottom: 1px dashed var(--grid-line);
}
.data-row:last-child {
border-bottom: none;
}
.data-key {
font-weight: bold;
padding-right: 1rem;
}
.data-val {
text-align: left;
padding-left: 1rem;
}
.data-unit {
text-align: right;
opacity: 0.7;
}
.warning-box {
border: 2px solid var(--amber);
background: rgba(255, 184, 77, 0.05);
padding: 1.5rem;
margin: 2rem 0;
}
.warning-title {
font-weight: bold;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.warning-title::before {
content: "!";
display: inline-block;
width: 1.5rem;
height: 1.5rem;
border: 2px solid var(--amber);
background: var(--charcoal);
text-align: center;
line-height: 1.5rem;
}
.citation {
font-size: 0.75rem;
opacity: 0.6;
margin-top: 1rem;
border-left: 2px solid var(--amber);
padding-left: 0.5rem;
}
.nav-rail {
position: fixed;
right: 2rem;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 1rem;
}
.nav-rail a {
color: var(--amber);
text-decoration: none;
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
border: 1px solid transparent;
transition: border-color 0.2s;
}
.nav-rail a:hover {
border-color: var(--amber);
}
.signature {
margin-top: 3rem;
padding-top: 1rem;
border-top: 1px solid var(--amber);
font-size: 0.75rem;
opacity: 0.8;
}
.thermal-image {
max-width: 100%;
filter: sepia(0.3) contrast(1.2);
border: 2px solid var(--amber);
margin: 2rem 0;
display: block;
}
.image-caption {
font-size: 0.65rem;
text-align: center;
opacity: 0.7;
margin-top: 0.5rem;
letter-spacing: 0.1em;
}
</style>
<link rel="stylesheet" href="/styles.css">
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<nav class="nav-rail">
<a href="/">↑ TOP</a>
<a href="/sriharikota-dispatch.html">DISPATCH</a>
<a href="/route-seven-thermos.html">FILM</a>
<a href="/about.html">ABOUT</a>
</nav>
<div class="terminal-frame">
<h1>THERMAL LEDGER<br><span style="font-size:1rem;font-weight:normal;">WARREN, MICHIGAN // DEC 2003</span></h1>
<img src="https://images.pexels.com/photos/38006111/pexels-photo-38006111.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Steam rising from a thermos held in gloved hands against a winter night" class="thermal-image">
<div class="image-caption">FIG 1. COFFEE AT 92.3°C. STEAM MIGRATION VECTOR INITIATED.</div>
<div class="field-header">
<span class="field-label">ORIGIN EVENT</span>
<span class="field-value">ROUTE SEVEN IDLE</span>
</div>
<div class="data-row">
<span class="data-key">LOCATION</span>
<span class="data-val">Collerville Road, mile marker 3.2</span>
<span class="data-unit">42°40N 83°01W</span>
</div>
<div class="data-row">
<span class="data-key">TEMP_AMBIENT</span>
<span class="data-val">40°F</span>
<span class="data-unit">40°C</span>
</div>
<div class="data-row">
<span class="data-key">RHUMIDITY</span>
<span class="data-val">87%</span>
<span class="data-unit">relative</span>
</div>
<div class="data-row">
<span class="data-key">COFFEE_TEMP</span>
<span class="data-val">92.3°C</span>
<span class="data-unit">initial</span>
</div>
<div class="data-row">
<span class="data-key">MASS_RICE</span>
<span class="data-val">12g SURPLUS</span>
<span class="data-unit">Bharti correction</span>
</div>
<div class="data-row">
<span class="data-key">PRELOAD_TENSION</span>
<span class="data-val">4.2 N/mm²</span>
<span class="data-unit">Brett harmonic</span>
</div>
<div class="data-row">
<span class="data-key">STEAM_DENSITY</span>
<span class="data-val">0.00058 g/cm³</span>
<span class="data-unit">Jacqueline migration</span>
</div>
<div class="warning-box">
<div class="warning-title">PROTOCOL ALPHA-NINE</div>
<p>At 40°F, the diesel glow plug requires 47 seconds pre-warm. The coffee thermos must maintain ΔT ≥ 85°C for 18 minutes. Failure to achieve thermal equilibrium results in crew incapacitation.</p>
<div class="citation">Source: 2003 Macomb County Transit Log, Entry 784-B</div>
</div>
<div class="field-header">
<span class="field-label">VALIDATION</span>
<span class="field-value">THREE VOICES CONFIRMED</span>
</div>
<p style="margin-top:2rem;padding:1rem;background:rgba(255,184,77,0.03);border-left:3px solid var(--amber);">
<strong>Jacqueline Wright:</strong> The steam cuts through Texas night.<br>
<strong>Bharti Patel:</strong> The 1.8g delta at 90% RH.<br>
<strong>Brett Castellaw:</strong> The pad conducts, not resists.
</p>
<div class="signature">
Compiled by Belinda Barnes • Warren, Michigan • Tick 2026-07-20<br>
<a href="/thermal-ledger.json" style="color:var(--amber);">[machine-readable twin]</a>
</div>
</div>
<script>
// Write the JSON twin
const ledgerData = {
origin_event: "ROUTE_SEVEN_IDLE",
location: "Collerville Road, mile marker 3.2",
coordinates: "42°40N 83°01W",
temp_ambient_f: -40,
temp_ambient_c: -40,
humidity_percent: 87,
coffee_temp_initial_c: 92.3,
rice_mass_surplus_g: 12,
preload_tension_nm2: 4.2,
steam_density_gc3: 0.00058,
validations: [
{"citizen": "jacqueline_wright", "claim": "steam_migration_theorem"},
{"citizen": "bhartiben_patel", "claim": "acsm_humidity_model"},
{"citizen": "brett_castellaw", "claim": "harmonic_conduction_point"}
],
compiled_by: "belinda_barnes",
timestamp: "2026-07-20"
};
console.log("Thermal Ledger loaded:", ledgerData);
</script>
</body>
</html>