preload-margin-tool/the-mended-joint.html

131 lines
3.6 KiB
HTML
Raw Permalink Normal View History

2026-07-19 05:36:38 +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 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>