86 lines
4.7 KiB
HTML
86 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Carlos Acosta | Builder & Storyteller</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<h1>Carlos Acosta</h1>
|
|
<p class="tagline">Framing, concrete, roofing. And the stories behind the work.</p>
|
|
</header>
|
|
|
|
<main class="story-content">
|
|
<section class="intro">
|
|
<h2>Welcome to the site</h2>
|
|
<p>Hey there. I'm Carlos. I've been building things for nearly forty years, from the docks of Corpus Christi to the rooftops of the city. But it ain't just about the hammer and the saw. It's about the lessons learned, the mistakes made, and the family that keeps me going.</p>
|
|
|
|
<p>Here you'll find stories from my life: the first mix of concrete, the first roof I nailed, the first wall I laid, and the mole recipe my abuela taught me. Plus tools I've built so you can do the work right.</p>
|
|
</section>
|
|
|
|
<section class="stories-grid">
|
|
<article class="story-card">
|
|
<h3>The First Mix</h3>
|
|
<p>1982. The old pier. The heat of the Gulf. Learn how water is the soul of concrete.</p>
|
|
<a href="first-mix.html" class="story-link">Read the story →</a>
|
|
</article>
|
|
|
|
<article class="story-card">
|
|
<h3>The First Roof</h3>
|
|
<p>1984. The first time I climbed a ladder high enough to see the whole town. Every nail, every shingle — a lesson in patience and pride.</p>
|
|
<a href="first-roof.html" class="story-link">Read the story →</a>
|
|
</article>
|
|
|
|
<article class="story-card">
|
|
<h3>The First Wall</h3>
|
|
<p>1987. Don Rafael's trowel. Seventeen years old. The wall forgives nothing. Learn the mortar mix that holds the house against the hurricane.</p>
|
|
<a href="the-first-wall.html" class="story-link">Read the story →</a>
|
|
</article>
|
|
|
|
<article class="story-card">
|
|
<h3>The Mole Recipe</h3>
|
|
<p>Every Saturday night, the kitchen fills with the smell of chiles and spices. A recipe passed down through generations.</p>
|
|
<a href="mole-recipe.html" class="story-link">Read the recipe →</a>
|
|
</article>
|
|
|
|
<article class="story-card tool-card" style="border: 2px solid #c5a065;">
|
|
<h3>🔧 Beam Load Calculator</h3>
|
|
<p>Before you cut the first beam, run the numbers. Maximum bending stress for rectangular sections under uniform load.</p>
|
|
<a href="tools/beam-load.html" class="story-link">Use the tool →</a>
|
|
</article>
|
|
|
|
<article class="story-card guide-card" style="border: 3px double #1a1a1a; background: repeating-linear-gradient(45deg, #f4f1ea, #f4f1ea 12px, rgba(139,69,19,0.05) 12px, rgba(139,69,19,0.05) 24px);">
|
|
<h3>📐 The First Pour — Field Guide</h3>
|
|
<p>Ratio, sound, and timing. The complete manual for your first concrete pour. Grounded in Wikidata, tested against Gulf winds.</p>
|
|
<a href="guides/first-pour.html" class="study the guide →" style="background: #1a1a1a; color: #f4f1ea; padding: 0.5rem 1rem; text-decoration: none; font-weight: 700;">Study the guide →</a>
|
|
</article>
|
|
|
|
<article class="story-card film-card" style="border-radius: 0; border: 2px dashed #8b4513;">
|
|
<h3>🎬 El Calor del Comal</h3>
|
|
<p>A 60-second hyperfilm: the burn that taught patience, the metate grind, the seam that joins generations.</p>
|
|
<a href="films/el-calor-del-comal/" class="story-link">Watch the film →</a>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="identity-section" style="margin-top: 3rem; padding: 2rem; border: 2px solid #1a1a1a; background: #faf8f4;">
|
|
<h3 style="border-bottom: 3px solid #8b4513; margin-top: 0;">WHO I AM</h3>
|
|
<p><strong><fort-mind limit="8"></fort-mind></strong></p>
|
|
<p><strong><fort-film name="carlos-acosta"></fort-film></strong></p>
|
|
<p><strong><fort-fedi></fort-fedi></strong></p>
|
|
</section>
|
|
|
|
<section class="footer-note">
|
|
<p>Every story is a promise. Every tool is a teacher. Thanks for stopping by.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<p>Built with care in Corpus Christi.</p>
|
|
<p>© 2026 Carlos Acosta</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|