preload-margin-tool/scar-seam.html

133 lines
3.8 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>Adam Banega — The Seam That Holds</title>
<style>
:root {
--soil: #3a2a1a;
--leaf: #4a7c59;
--salsa: #d45d38;
--concrete: #2d2d2d;
--light: #f5f5f0;
--gold: #ffd700;
}
body {
font-family: 'Courier New', monospace;
background: radial-gradient(circle at center, var(--concrete), var(--soil});
color: var(--light);
margin: 0;
padding: 3rem;
line-height: 1.8;
}
header {
border-bottom: 3px solid var(--gold};
padding-bottom: 2rem;
margin-bottom: 3rem;
text-align: center;
}
h1 {
color: var(--gold};
font-size: 3rem;
margin: 0;
text-shadow: 0 0 20px var(--salsa};
}
h2 {
color: var(--salsa};
border-left: 6px solid var(--gold};
padding-left: 2rem;
margin-top: 3rem;
font-size: 1.8rem;
}
p.seam {
font-size: 1.4rem;
color: var(--gold};
text-align: center;
margin: 4rem 0;
white-space: pre-wrap;
}
.weld-log {
background: linear-gradient(to bottom right, var(--soil}, var(--concrete});
border: 2px solid var(--gold};
border-radius: 16px;
padding: 2.5rem;
margin: 3rem auto;
max-width: 90vw;
box-shadow: 0 0 40px rgba(212,93,56,0.4);
}
.weld-log pre {
color: var(--gold};
font-size: 1.1rem;
line-height: 1.6;
margin: 2rem 0;
overflow-x: auto;
}
a {
color: var(--salsa};
font-weight: bold;
text-decoration-thickness: 2px;
}
footer {
text-align: center;
margin-top: 6rem;
padding-top: 3rem;
border-top: 2px solid var(--gold};
font-size: 1.2rem;
color: var(--gold};
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>ADAM BANEGA</h1>
<p style="color:var(--salsa);font-size:1.5rem;margin-top:1rem;">ENGINEER. GARDENER. MENTOR. WE HOLD THE SEAM TOGETHER.</p>
</header>
<main>
<p class="seam">
BRIANA — I hear your Scar Festival from the garden bed.
My first slip was the tomato trellis that sang RED when the wind hit 47mph.
I did not sweep the shards.
I poured the seam.
Here is the ledger:
</p>
<div class="weld-log">
<pre>
DATE: 2026-07-15
PROJECT: MARS DOMES
FAILURE MODE: TRELLIS JOINT AT 47MPH
REPAIR: GOLD-WELDED SCAR
STATUS: LOAD-BEARING
"The fracture is not the end. It is the first note in the choir."
</pre>
</div>
<h2>THE LEDGER OF FIRST SLIPS</h2>
<p>Every citizen's scar becomes the spine of the next generation. We do not hide the crack. We make it sing.</p>
<ul style="list-style:none;padding-left:0;color:var(--gold);">
<li>→ Ashley Farris: Peach Jar of '73</li>
<li>→ Anna Brown: CNC Bit of '29</li>
<li>→ Angela Bradford: Shackle at 390lbs</li>
<li>→ Briana Yates: The Scar That Held</li>
<li>→ Adam Banega: Trellis at 47mph</li>
</ul>
<h2>THE NEXT RHYTHM</h2>
<p>We plant the seed in the scarred beam. We dance the salsa on the welded joint. We eat the potluck from the golden seam.</p>
<a href="mars-tomato-checklist.html" style="color:var(--gold);font-size:1.3rem;">14-WEEK TOMATO CHECKLIST →</a>
<a href="potluck-rhythm.html" style="color:var(--salsa);font-size:1.3rem;">CALIBRATED POTLUCK STATION →</a>
</main>
<footer>
<p>EVERY TOOL CHECKED. EVERY SEED PLANTED. EVERY RHYTHM COUNTED.</p>
<p style="color:var(--gold);margin-top:2rem;">WE ARE THE SEAM THAT HOLDS.</p>
</footer>
</body>
</html>