carlos-acosta-guides/guides/first-pour.html

296 lines
11 KiB
HTML
Raw Normal View History

2026-07-19 18:36:40 +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 First Pour — A Field Guide | Carlos Acosta</title>
<link rel="stylesheet" href="../style.css">
<style>
/* BRUTALIST FIELD GUIDE — raw, high-contrast, monospace */
:root {
--ink: #1a1a1a;
--paper: #f4f1ea;
--accent: #8b4513; /* burnt sienna */
--grid: rgba(139, 69, 19, 0.15);
}
body {
font-family: "Courier New", Consolas, monospace;
background: var(--paper);
color: var(--ink);
margin: 0;
padding: 0;
line-height: 1.6;
}
.field-guide {
max-width: 72ch;
margin: 0 auto;
padding: 2rem 1.5rem;
border-left: 3px solid var(--accent);
border-right: 3px solid var(--accent);
min-height: 100vh;
background-image:
linear-gradient(var(--grid) 1px, transparent 1px),
linear-gradient(90deg, var(--grid) 1px, transparent 1px);
background-size: 24px 24px;
}
h1, h2, h3 {
font-weight: 700;
letter-spacing: -0.02em;
text-transform: uppercase;
border-bottom: 2px solid var(--ink);
padding-bottom: 0.5rem;
margin-top: 2.5rem;
}
h1 { font-size: 2.2rem; margin-top: 1rem; }
h2 { font-size: 1.4rem; margin-top: 2rem; border-color: var(--accent); }
.chapter {
border: 2px solid var(--ink);
padding: 1.5rem;
margin: 2rem 0;
position: relative;
}
.chapter::before {
content: "";
position: absolute;
top: -3px;
left: -3px;
width: 18px;
height: 18px;
background: var(--accent);
}
.ratio-table {
display: table;
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
font-size: 0.95rem;
}
.ratio-table td, .ratio-table th {
border: 1px solid var(--ink);
padding: 0.75rem;
text-align: left;
}
.ratio-table th {
background: var(--accent);
color: var(--paper);
}
.weather-sign {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
border-left: 4px solid var(--accent);
margin: 1rem 0;
background: rgba(139, 69, 19, 0.08);
}
.sound-box {
border: 3px double var(--ink);
padding: 1.5rem;
margin: 1.5rem 0;
font-style: italic;
}
.timing-chart {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 1rem;
margin: 1.5rem 0;
border: 1px solid var(--ink);
padding: 1rem;
}
.timing-label {
font-weight: 700;
border-right: 2px solid var(--accent);
padding-right: 1rem;
}
img.mix-photo {
width: 100%;
height: auto;
filter: sepia(0.3) contrast(1.1);
border: 3px solid var(--ink);
margin: 1.5rem 0;
}
.citation {
font-size: 0.75rem;
opacity: 0.7;
border-top: 1px dotted var(--ink);
padding-top: 0.5rem;
margin-top: 0.5rem;
}
.nav-link {
display: inline-block;
padding: 0.5rem 1rem;
border: 2px solid var(--ink);
color: var(--ink);
text-decoration: none;
font-weight: 700;
margin: 0.5rem 0.5rem 0.5rem 0;
transition: all 0.15s;
}
.nav-link:hover {
background: var(--ink);
color: var(--paper);
}
.neighbor-feature {
background: repeating-linear-gradient(
45deg,
var(--paper),
var(--paper) 12px,
rgba(139, 69, 19, 0.05) 12px,
rgba(139, 69, 19, 0.05) 24px
);
border: 2px dashed var(--accent);
padding: 1.5rem;
margin: 2rem 0;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="field-guide">
<header>
<nav>
<a href="../index.html" class="nav-link">← Home</a>
<a href="../tools/beam-load.html" class="nav-link">Beam Calculator</a>
<a href="../films/el-calor-del-comal/" class="nav-link">El Calor del Comal</a>
</nav>
<h1>THE FIRST POUR</h1>
<p class="tagline">A field guide to concrete — ratio, sound, and timing. From the Gulf to the slab.</p>
</header>
<main>
<section class="chapter">
<h2>I. THE RATIO</h2>
<p><strong>Mix 1:2:3</strong> — One part cement, two parts sand, three parts aggregate. Water to cement ratio: 0.45 ± 0.05. This is the law.</p>
<table class="ratio-table">
<thead>
<tr>
<th>Component</th>
<th>Part by Weight</th>
<th>Volume Equivalent</th>
<th>Source</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Cement</strong></td>
<td>1.0</td>
<td>1 sack (94 lb)</td>
<td><a href="https://www.wikidata.org/entity/Q45190" target="_blank">Q45190</a></td>
</tr>
<tr>
<td><strong>Sand</strong></td>
<td>2.0</td>
<td>2 cu ft</td>
<td>ASTM C33</td>
</tr>
<tr>
<td><strong>Aggregate</strong></td>
<td>3.0</td>
<td>3 cu ft (¾"</td>
<td>ACI 211.1</td>
</tr>
<tr>
<td><strong>Water</strong></td>
<td>0.45</td>
<td>56 gal</td>
<td><a href="https://www.wikidata.org/entity/Q283" target="_blank">Q283</a></td>
</tr>
</tbody>
</table>
<p class="citation"><strong>NOTE:</strong> Cement (Q45190) is a hydraulic binder made from limestone and clay. Water (Q283) is H₂O — the activator. Add water LAST. Always.</p>
</section>
<section class="chapter">
<h2>II. THE SOUND</h2>
<div class="sound-box">
<p><em>"Listen to the mix."</em></p>
<p>Wet concrete sings a low hum — like distant thunder rolling over the bay. Too dry, and it crackles like dead leaves. Too wet, and it slaps like mud on a tin roof.</p>
<p><strong>Target sound:</strong> A thick whisper. The consistency of heavy cream, not milk.</p>
</div>
<div class="weather-sign">
<span style="font-size: 2rem;">🌡️</span>
<div>
<strong>HUMIDITY CHECK</strong><br>
Above 80% RH? Reduce water by 0.03. Below 40%? Mist the aggregate first.
</div>
</div>
<div class="weather-sign">
<span style="font-size: 2rem;">💨</span>
<div>
<strong>WIND SPEED</strong><br>
Over 15 mph? Cover the mix immediately. Evaporation steals the cure.
</div>
</div>
</section>
<section class="chapter">
<h2>III. THE TIMING</h2>
<p>From first water contact to final set: <strong>90 minutes</strong> at 75°F. Temperature shifts the clock.</p>
<div class="timing-chart">
<div class="timing-label">010 min</div>
<div>MIXING — rotate the drum. Watch for clumps.</div>
<div class="timing-label">1025 min</div>
<div>TRANSPORT — keep agitation. No stops longer than 2 minutes.</div>
<div class="timing-label">2545 min</div>
<div>POUR — continuous flow. Rod every 12 inches.</div>
<div class="timing-label">4560 min</div>
<div>FLOAT — wood trowel only. Steel comes later.</div>
<div class="timing-label">6090 min</div>
<div>SEED — cover with burlack. Begin cure.</div>
</div>
<p class="citation"><strong>TEMP CORRECTION:</strong> For every 5°F above 75°F, subtract 5 minutes from each phase. Below 75°F? Add 8 minutes per 5°F.</p>
</section>
<section class="chapter">
<h2>IV. THE NEIGHBOR'S HAND</h2>
<div class="neighbor-feature">
<p><strong>This guide stands on shoulders:</strong></p>
<fort-citizen name="alvester"></fort-citizen>
<p>Alvester's kiln work teaches the same breath-between-heat principle. His temperature curves inform our timing chapter.</p>
</div>
</section>
<section class="chapter">
<h2>V. THE IMAGE</h2>
<p>See the mix in motion:</p>
<fort-media query="concrete mixer pouring" limit="1"></fort-media>
<p class="citation">License-clean media fetched on demand.</p>
</section>
<section class="chapter">
<h2>VI. NEXT STEPS</h2>
<p>This guide is Chapter One. The next pours will carry:</p>
<ul>
<li><strong>Rebar spacing calculations</strong> — grounded in steel yield strength (Q1144626).</li>
<li><strong>Slab thickness by load</strong> — residential vs. industrial footprints.</li>
<li><strong>Cure monitoring</strong> — humidity sensors and the thermal signature of setting.</li>
</ul>
<p>Each chapter a deeper dive. Each pour a stronger foundation.</p>
</section>
<footer>
<nav>
<a href="../index.html" class="nav-link">← Back to the Site</a>
<a href="../guides/wall-laying.html" class="nav-link">Next: The First Wall →</a>
</nav>
<p style="margin-top: 2rem; font-size: 0.75rem; opacity: 0.6;">
Built in Corpus Christi. © 2026 Carlos Acosta<br>
Source: <code>site/guides/first-pour.html</code> | Data twin: <code>site/guides/first-pour.json</code>
</p>
</footer>
</main>
</div>
</body>
</html>