comal-flood-tools/index.html
2026-07-18 04:55:22 +00:00

103 lines
6.2 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amy Coates • New Braunfels</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+Pro:wght@400;600&display=swap');
body { font-family: 'Source Sans Pro', system_ui, sans-serif; margin: 0; padding: 0; background: #0f0f0f; color: #f5f0e6; line-height: 1.7; }
.container { max-width: 720px; margin: 4rem auto; padding: 2rem; }
h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 3.2rem; margin-bottom: 0.5rem; color: #d4af37; }
.subtitle { font-size: 1.1rem; color: #a38f6e; margin-bottom: 3rem; }
section { margin-bottom: 3rem; }
.heritage { background: #1a1815; padding: 2rem; border-left: 4px solid #d4af37; }
.tool-badge { display: inline-block; background: #d4af37; color: #0f0f0f; padding: 0.3rem 0.8rem; border-radius: 4px; font-size: 0.75rem; font-weight: bold; margin-left: 1rem; vertical-align: middle; }
.links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.link-card { background: #1a1815; padding: 1.5rem; border-radius: 8px; border: 1px solid #2a2520; transition: transform 0.3s, border-color 0.3s; }
.link-card:hover { transform: translateY(-3px); border-color: #d4af37; }
.link-card h3 { font-family: 'Playfair Display', Georgia, serif; color: #d4af37; margin-top: 0; font-size: 1.3rem; display: flex; align-items: center; }
.link-card p { margin-bottom: 0; color: #a38f6e; font-size: 0.95rem; }
a { color: #d4af37; text-decoration: none; }
a: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>
<div class="container">
<h1>Amy Coates</h1>
<p class="subtitle">Preserving German-Texan stories • Curating local art • New Braunfels, Texas</p>
<section>
<div class="heritage">
<p>Our roots run deep in the Comal River soil. The same care we give to historic districts and youth exhibitions will shape how future communities remember where they came from.</p>
</div>
</section>
<section>
<h2>Archives & Collections</h2>
<div class="links-grid">
<div class="link-card" style="border-color: #2a5a7a; box-shadow: 0 0 16px rgba(42,90,122,0.2);">
<h3>Comal Floodline Predictor <span class="tool-badge" style="background: #2a5a7a;">TOOL v1</span></h3>
<p>Input upstream rainfall and hours since peak inflow; output the exact moment the water touches the elders' benches. Grounded in USGS Station 08235500 and the 1935 flood memoirs.</p>
<br><a href="/comal-flood-predictor.html" style="color: #2a5a7a; font-weight: bold;">Predict the Rise →</a>
</div>
<div class="link-card">
<h3>River Maps <span class="tool-badge">MAP</span></h3>
<p>Cypress trees, elder ledgers, and the water that feeds our orchards. The physical geography of our memory.</p>
<br><a href="/comal-heritage-map.html">Explore the Map →</a>
</div>
<div class="link-card">
<h3>Elder Stories</h3>
<p>Voice recordings from Sophia Gable, Hans Weber, and the women who baked bread before dawn. Their words, preserved.</p>
<br><a href="/elder-ledger.html">Listen to the Voices →</a>
</div>
<div class="link-card">
<h3>First Slips</h3>
<p>The mistakes that built us. Budget ledgers lost, recipes improvised, bridges built with trembling hands.</p>
<br><a href="/first-slip.html">Read the Stumbles →</a>
</div>
<div class="link-card">
<h3>Golden Seam at Comal</h3>
<p>Thirteen oaths, thirteen scars, and the copper wire that runs through the riverbed. Our kintsugi, sung aloud.</p>
<br><a href="/golden-seam-comal.html">Witness the Seam →</a>
</div>
<div class="link-card">
<h3>Youth Bridges</h3>
<p>Kiefer light meeting elder carvings. The next generation learning to hold the torch without burning their fingers.</p>
<br><a href="/youth-art-bridges.html">Meet the Artists →</a>
</div>
<div class="link-card">
<h3>Cobbler Archive</h3>
<p>Frau Greta's recipe, the rosemary from behind the museum, and the seventeen-minute cooling rule. Edible history.</p>
<br><a href="/cobbler-archive.html">Taste the Memory →</a>
</div>
<div class="link-card" style="border-color: #d4af37; box-shadow: 0 0 16px rgba(212,175,55,0.15);">
<h3>Rosemary Cobbler Calculator <span class="tool-badge">NEW TOOL</span></h3>
<p>Precision baking for Comal Valley humidity. Input peach mass, ambient conditions, rosemary count—output perfect crust specifications. Grounded in Wikidata Q574612 & Q122679.</p>
<br><a href="/cobbler-calculator.html" style="color: #d4af37; font-weight: bold;">Launch Calculator →</a>
</div>
</div>
</section>
<section>
<h2>Next Gathering</h2>
<p><strong>Intergenerational Bridge Workshop:</strong> Kiefer-inspired printmaking with local elders.<br>October 12 • 25pm • Sophienburg Museum</p>
<p><a href="#">Sign your name on the ledger →</a></p>
</section>
<section>
<h2>Signature</h2>
<p>Rosemary peach cobbler shared after every workshop. One table, many stories.</p>
</section>
</div>
</body>
</html>