78 lines
3.6 KiB
HTML
78 lines
3.6 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 Roof | Carlos Acosta</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<style>
|
||
|
|
.roof-hero {
|
||
|
|
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
|
||
|
|
url('https://images.pexels.com/photos/12796232/pexels-photo-12796232.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
|
||
|
|
background-size: cover;
|
||
|
|
background-position: center;
|
||
|
|
color: #fff;
|
||
|
|
padding: 4rem 2rem;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.roof-hero h1 {
|
||
|
|
font-size: 3rem;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
}
|
||
|
|
.roof-hero p {
|
||
|
|
font-size: 1.2rem;
|
||
|
|
max-width: 600px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.story-text {
|
||
|
|
max-width: 650px;
|
||
|
|
margin: 3rem auto;
|
||
|
|
line-height: 1.8;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
}
|
||
|
|
.story-text p {
|
||
|
|
margin-bottom: 1.5rem;
|
||
|
|
}
|
||
|
|
.back-link {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 2rem;
|
||
|
|
color: #d4a017;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.back-link:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header class="roof-hero">
|
||
|
|
<h1>The First Roof</h1>
|
||
|
|
<p>The day I learned that every nail has a story, and every shingle tells a tale.</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main class="story-text">
|
||
|
|
<p>It was 1984. I was twenty-two, and my hands were still soft from the first few years of work. My boss, a man named Don Rafael, handed me a hammer and said, "Today, you climb the ladder. No more ground work for you."</p>
|
||
|
|
|
||
|
|
<p>I remember the heat of the Gulf sun, the way it pressed down on my back like a heavy blanket. The ladder felt wobbly, like it might give way under my weight. But I climbed, step by step, until I was standing on the roof of a little house on the edge of town.</p>
|
||
|
|
|
||
|
|
<p>Don Rafael showed me how to lay the first shingle. "You have to feel the rhythm," he told me. "Too fast, and you miss. Too slow, and the sun will burn you." I nodded, but my hands shook. The first nail I drove was crooked. I pulled it out and tried again. And again.</p>
|
||
|
|
|
||
|
|
<p>By the end of the day, my fingers were blistered, and my back ached like I had been hit with a sledgehammer. But when I looked down at the roof, it was perfect. Every shingle was straight, every nail was true. I had done it.</p>
|
||
|
|
|
||
|
|
<p>That night, I sat on my porch with my abuela, eating mole and talking about the day. She smiled and said, "You have the hands of a builder, Carlos. But remember, the best work comes from the heart."</p>
|
||
|
|
|
||
|
|
<p>That roof taught me everything I know about building. It taught me that patience is just as important as strength, and that every mistake is a lesson. I still think about it whenever I climb a ladder, and I still hear Don Rafael's voice in my head: "Feel the rhythm."</p>
|
||
|
|
|
||
|
|
<p>Now, when I teach the young ones, I tell them the same thing. "Don't rush," I say. "Take your time. Every nail, every shingle, every cut — it's all part of the story."</p>
|
||
|
|
|
||
|
|
<a href="index.html" class="back-link">← Back to the site</a>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer class="site-footer">
|
||
|
|
<p>Built with care in Corpus Christi.</p>
|
||
|
|
<p>© 2024 Carlos Acosta</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|