185 lines
5.3 KiB
HTML
185 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>The First Wall | Carlos Acosta</title>
|
||
<style>
|
||
:root {
|
||
--brick-red: #8B3A3A;
|
||
--mortar-gray: #2D2D2D;
|
||
--sun-orange: #D97634;
|
||
--deep-night: #0a0a0a;
|
||
}
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
font-family: 'Georgia', serif;
|
||
background-color: var(--deep-night);
|
||
color: #e8e8e8;
|
||
line-height: 1.6;
|
||
max-width: 80ch;
|
||
margin: 0 auto;
|
||
padding: 2rem 1rem;
|
||
}
|
||
header {
|
||
border-bottom: 3px solid var(--brick-red);
|
||
padding-bottom: 1rem;
|
||
margin-bottom: 3rem;
|
||
}
|
||
h1 {
|
||
font-size: 2.5rem;
|
||
letter-spacing: 0.05em;
|
||
color: var(--sun-orange);
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
.subtitle {
|
||
font-style: italic;
|
||
opacity: 0.8;
|
||
font-size: 1.1rem;
|
||
}
|
||
nav {
|
||
display: flex;
|
||
gap: 1.5rem;
|
||
margin-top: 1.5rem;
|
||
list-style: none;
|
||
font-weight: bold;
|
||
}
|
||
nav a {
|
||
color: var(--brick-red);
|
||
text-decoration: none;
|
||
transition: color 0.3s ease;
|
||
}
|
||
nav a:hover {
|
||
color: var(--sun-orange);
|
||
}
|
||
main {
|
||
display: grid;
|
||
gap: 2rem;
|
||
}
|
||
.story-section {
|
||
background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
|
||
padding: 2rem;
|
||
border-left: 4px solid var(--brick-red);
|
||
border-radius: 0 1rem 1rem 0;
|
||
}
|
||
.story-section img {
|
||
width: 100%;
|
||
height: auto;
|
||
border-radius: 0.5rem;
|
||
margin: 1.5rem 0;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.5);
|
||
}
|
||
.story-section p {
|
||
margin-bottom: 1rem;
|
||
font-size: 1.1rem;
|
||
}
|
||
.story-section .quote {
|
||
font-style: italic;
|
||
border-left: 3px solid var(--sun-orange);
|
||
padding-left: 1.5rem;
|
||
margin: 2rem 0;
|
||
color: var(--sun-orange);
|
||
font-size: 1.2rem;
|
||
}
|
||
.tech-specs {
|
||
background: #000;
|
||
padding: 1.5rem;
|
||
border: 1px solid var(--mortar-gray);
|
||
border-radius: 0.5rem;
|
||
font-family: 'Courier New', monospace;
|
||
font-size: 0.95rem;
|
||
}
|
||
.tech-specs dt {
|
||
color: var(--brick-red);
|
||
font-weight: bold;
|
||
margin-top: 1rem;
|
||
}
|
||
.tech-specs dd {
|
||
margin-left: 1.5rem;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
footer {
|
||
margin-top: 4rem;
|
||
padding-top: 2rem;
|
||
border-top: 1px solid var(--mortar-gray);
|
||
text-align: center;
|
||
opacity: 0.7;
|
||
font-size: 0.9rem;
|
||
}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>The First Wall</h1>
|
||
<div class="subtitle">Corpus Christi, Texas • 1987 • Age 17</div>
|
||
<nav>
|
||
<ul>
|
||
<li><a href="/">Home</a></li>
|
||
<li><a href="/first-roof.html">The First Roof</a></li>
|
||
<li><a href="/mole-recipe.html">Abuela's Mole</a></li>
|
||
<li><strong>The First Wall</strong></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="story-section">
|
||
<p>I was seventeen when Don Rafael handed me the trowel. My hands were still soft from schoolbooks, not calloused from steel. He didn't say much. Just pointed to the pile of red bricks and the bucket of wet mortar.</p>
|
||
|
||
<p>"La pared no perdona," he said. "The wall forgives nothing."</p>
|
||
|
||
<div class="quote">
|
||
"The wall forgives nothing. Not a wobble. Not a rushed joint. Not a lie you tell yourself about tomorrow fixing today's mistake."
|
||
</div>
|
||
|
||
<img src="https://images.pexels.com/photos/7394220/pexels-photo-7394220.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="High-resolution textured brick wall showing the perfect alignment of red bricks with gray mortar joints">
|
||
|
||
<p>My first course leaned. Just a hair. Enough to make Don Rafael stop, wipe his brow, and shake his head. He didn't yell. He didn't curse. He just walked away and started over on his own side.</p>
|
||
|
||
<p>I spent three hours dismantling that lean. Three hours learning that pride is lighter than dust.</p>
|
||
</section>
|
||
|
||
<section class="story-section">
|
||
<h2>The Mortar Mix</h2>
|
||
<p>Before we touched a brick, we mixed the mortar. One part Portland cement, three parts sand, enough water to make it sing. Not pour. Sing. Like the consistency of heavy cream, thick enough to hold shape, fluid enough to breathe.</p>
|
||
|
||
<div class="tech-specs">
|
||
<dl>
|
||
<dt>Mix Ratio</dt>
|
||
<dd>1:3 (Portland cement : sharp sand)</dd>
|
||
|
||
<dt>Water Content</dt>
|
||
<dd>Target slump: 76–102mm (3–4 inches)</dd>
|
||
|
||
<dt>Curing Time</td>
|
||
<dd>Initial set: 24 hours<br>Full strength: 28 days</dd>
|
||
|
||
<dt>Joint Thickness</dt>
|
||
<dd>10mm nominal (⅜ inch)</dd>
|
||
|
||
<dt>Temperature Range</dt>
|
||
<dd>Apply between 10°C and 35°C<br>(Cover in rain, shade in noon sun)</dd>
|
||
</dl>
|
||
</div>
|
||
|
||
<p>This isn't theory. This is what holds up the house against the hurricane winds that sweep the Gulf every September. Get the ratio wrong, and the wall becomes powder. Get the water wrong, and it cracks before sunset.</p>
|
||
</section>
|
||
|
||
<section class="story-section">
|
||
<h2>The Lesson</h2>
|
||
<p>By the sixth course, I got it right. Every brick level, every joint even, every plumb line true. Don Rafael nodded once. That was enough.</p>
|
||
|
||
<p>We don't build walls to stand straight. We build them to teach our children how to stand straight themselves.</p>
|
||
|
||
<p>Thirty-eight years later, my back aches when the pressure drops. But my hands remember. And when I hand the trowel to a boy with soft palms, I know he'll learn the same lesson: the wall forgives nothing.</p>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>Carlos Acosta • carlos-acosta.4ort.net • Built on the rhythm of the sun</p>
|
||
<p>Grounded in Wikidata: bricklayer (Q327321), masonry (Q272999), concrete (Q22657)</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|