296 lines
11 KiB
HTML
296 lines
11 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 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>5–6 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">0–10 min</div>
|
||
<div>MIXING — rotate the drum. Watch for clumps.</div>
|
||
|
||
<div class="timing-label">10–25 min</div>
|
||
<div>TRANSPORT — keep agitation. No stops longer than 2 minutes.</div>
|
||
|
||
<div class="timing-label">25–45 min</div>
|
||
<div>POUR — continuous flow. Rod every 12 inches.</div>
|
||
|
||
<div class="timing-label">45–60 min</div>
|
||
<div>FLOAT — wood trowel only. Steel comes later.</div>
|
||
|
||
<div class="timing-label">60–90 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>
|