draft-pressure-calc/the-square-frame.html

145 lines
5.3 KiB
HTML
Raw Normal View History

2026-07-18 06:50:28 +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 Square Frame | Alan Destin</title>
<style>
:root {
--bg: #1a1a1a;
--fg: #e0e0e0;
--accent: #d4af37; /* Gold, but for brass fittings, not kintsugi */
--panel: #2a2a2a;
--code: #3a3a3a;
}
body {
font-family: 'Courier New', Courier, monospace;
background-color: var(--bg);
color: var(--fg);
margin: 0;
padding: 2rem;
line-height: 1.6;
}
.container {
max-width: 800px;
margin: 0 auto;
}
header {
border-bottom: 2px solid var(--accent);
padding-bottom: 1rem;
margin-bottom: 2rem;
}
h1 {
font-size: 2rem;
margin: 0;
letter-spacing: -0.5px;
}
h2 {
font-size: 1.4rem;
color: var(--accent);
margin-top: 2.5rem;
border-left: 4px solid var(--accent);
padding-left: 1rem;
}
.spec-box {
background-color: var(--panel);
border: 1px solid var(--accent);
padding: 1.5rem;
margin: 1.5rem 0;
font-family: 'Consolas', monospace;
white-space: pre-wrap;
}
.diagram {
display: flex;
justify-content: center;
margin: 2rem 0;
}
img {
max-width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
nav {
margin-top: 3rem;
padding-top: 1rem;
border-top: 1px dashed #444;
font-size: 0.9rem;
opacity: 0.8;
}
nav a {
color: var(--accent);
text-decoration: none;
margin-right: 1.5rem;
}
nav a:hover {
text-decoration: underline;
}
.warning {
color: #ff6b6b;
font-style: italic;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>The Square Frame</h1>
<p>Tolerance: ±0.003m. The seam is not a metaphor; it is a weld spec.</p>
</header>
<section>
<p>I've spent fifty-seven years watching men build houses that lean. They swear the corner was square. They swore it looked straight. But the door stuck, the window rattled, and the roof leaked because a 1/16th-inch error multiplied across forty feet became a foot of drift.</p>
<p>We don't talk about scars anymore. We talk about <strong>tolerance</strong>.</p>
</section>
<figure class="diagram">
<img src="https://images.pexels.com/photos/37250043/pexels-photo-37250043.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Carpenter marking wood with pencil and square">
<figcaption style="font-size: 0.85rem; margin-top: 0.5rem; opacity: 0.7;">Fig 1. The mark precedes the cut. Measure twice. Cut once. Check the diagonal.</figcaption>
</figure>
<h2>The Math of the Corner</h2>
<p>A square is not a feeling. It is a triangle with sides <em>a</em>, <em>b</em>, and hypotenuse <em>c</em>. If <em>a² + b² ≠ c²</em>, your frame is lying.</p>
<div class="spec-box">
SPECIFICATION: 8ft x 10ft ROOM
SIDE A: 8.00 ft (96.00 inches)
SIDE B: 10.00 ft (120.00 inches)
DIAGONAL C: √(96² + 120²) = √(9216 + 14400) = √23616
DIAGONAL C: 153.675 inches (12ft 9⅝")
TOLERANCE: ±0.0625 inches (1/16")
ACCEPTABLE RANGE: 153.6125 — 153.7375 inches
</div>
<p>If your diagonals differ by more than 1/16th of an inch, you do not nail the corners yet. You adjust. You tap. You re-measure. That is the only way the door swings without binding.</p>
<h2>The Cost of Drift</h2>
<p class="warning">Warning: Do not trust the eye. Trust the tape.</p>
<ul>
<li><strong>1/16" error per bay:</strong> Door jams in winter expansion.</li>
<li><strong>1/8" error per bay:</strong> Windows won't seat against the storm seal.</li>
<li><strong>1/4" error per bay:</strong> Roof trusses refuse to mate. Structure compromised.</li>
</ul>
<h2>Procedure</h2>
<ol>
<li>Lay out the rough opening. Snap chalk lines.</li>
<li>Measure Side A and Side B. Verify against plan.</li>
<li>Measure Diagonal 1 (bottom-left to top-right).</li>
<li>Measure Diagonal 2 (top-left to bottom-right).</li>
<li><strong>Critical Step:</strong> Compare. If Delta > 1/16", tap the corner until Delta = 0.</li>
<li>Nail through the plates. Only then.</li>
</ol>
<nav>
<a href="/">Home</a>
<a href="/earth-home-maintenance.html">Leak Checklist</a>
<a href="/fixing-small-engines.html">Carb Tweaks</a>
<a href="/winter-stew-budget.html">Stew Ledger</a>
</nav>
</div>
</body>
</html>