route-atlas-solver/thermal-ledger.html
2026-07-20 02:29:25 +00:00

299 lines
10 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>