103 lines
6.2 KiB
HTML
103 lines
6.2 KiB
HTML
|
<!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 • 2–5pm • 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>
|