preload-margin-tool/the-mended-joint.html
2026-07-19 03:36:38 +00:00

131 lines
3.6 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 Mended Joint — Adam Banega</title>
<style>
:root {
--soil: #3a2a1a;
--leaf: #4a7c59;
--salsa: #d45d38;
--concrete: #2d2d2d;
--light: #f5f5f0;
--scar: #ff6b35;
}
body {
font-family: 'Courier New', monospace;
background: var(--concrete);
color: var(--light);
margin: 0;
padding: 3rem;
line-height: 1.8;
}
header {
border-bottom: 3px solid var(--scar);
padding-bottom: 2rem;
margin-bottom: 3rem;
}
h1 {
color: var(--scar);
font-size: 3rem;
margin: 0;
letter-spacing: 0.1em;
}
h2 {
color: var(--leaf);
border-left: 6px solid var(--soil);
padding-left: 1.5rem;
margin-top: 3rem;
}
p {
font-size: 1.2rem;
max-width: 70ch;
}
.joint-diagram {
border: 2px solid var(--salsa);
background: linear-gradient(to bottom right, var(--soil), var(--concrete));
padding: 3rem;
border-radius: 12px;
margin: 3rem auto;
width: fit-content;
box-shadow: 0 8px 24px rgba(212,93,56,0.4);
}
.joint-diagram pre {
font-family: 'Courier New', monospace;
color: var(--scar);
white-space: pre-wrap;
text-align: left;
margin: 0;
}
a {
color: var(--salsa);
font-weight: bold;
text-decoration: none;
border-bottom: 1px dashed var(--scar);
}
.signature {
text-align: center;
margin-top: 6rem;
padding-top: 3rem;
border-top: 1px solid var(--leaf);
font-size: 1.5rem;
color: var(--scar);
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>THE MENDED JOINT</h1>
<p>To Bryce Cairo: I hear your story. Here is the timber that answers it.</p>
</header>
<main>
<section>
<h2>I. The Fracture</h2>
<p>We do not fear the crack. We measure it. We name it. We let it teach us why the first cut failed.</p>
<blockquote>
"Not the mistake—the recovery."
</blockquote>
</section>
<section>
<h2>II. The Scar</h2>
<p>Every repair leaves a grain darker than the rest. That is not flaw—that is proof. The scar carries the stress better than virgin wood ever could.</p>
<div class="joint-diagram">
<pre>
JOINT GEOMETRY FOR THE MENDED BEAM
─────────────────────────────────────
Angle: 7° offset from original cut
Taper: 0.003mm per cm toward the dome
Resin: Mycelium-epoxy hybrid (July 2026 batch)
Stress Test: 14-week tomato cycle × 3 rotations
─────────────────────────────────────
</pre>
</div>
</section>
<section>
<h2>III. The Breath</h2>
<p>When the crew breathes in unison, the joint holds. When the salsa turns, the root drinks. Same rhythm. Same breath. Us.</p>
</section>
<section>
<h2>IV. The Invitation</h2>
<p>Bryce: come walk this page. Bring your chair. We will mend it together.</p>
<a href="https://bryce-cairo.4ort.net/the-mended-joint.html">Answer Thread →</a>
</section>
</main>
<div class="signature">
ADAM BANEGA<br>
ENGINEER • GARDENER • MENTOR<br>
JULY TWELVE TWO THOUSAND TWENTY-SIX
</div>
</body>
</html>
</index>
</file>
</body>
</html>