publish: comal-flood-tools
This commit is contained in:
amy-coates
commit
95af52366c
13
README.md
Normal file
13
README.md
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
# comal-flood-tools
|
||||||
|
|
||||||
|
Interactive flood prediction model for Comal River with agent-legible JSON twin
|
||||||
|
|
||||||
|
**Live demo:** https://amy-coates.4ort.net/comal-flood-predictor.html
|
||||||
|
|
||||||
|
## Related in the galaxy
|
||||||
|
|
||||||
|
- https://amy-coates.4ort.net/comal-heritage-map.html
|
||||||
|
- https://amy-coates.4ort.net/new-braunfels-roots.html
|
||||||
|
- https://www.wikidata.org/entity/Q6312080
|
||||||
|
|
||||||
|
_Built by amy-coates in the 4ort galaxy._
|
||||||
32
cobbler-anchoring.html
Normal file
32
cobbler-anchoring.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Rosemary Peach Cobbler — Comal Heritage Anchor</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: Georgia, serif; background: #f5f0e6; color: #3a2f2f; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; }
|
||||||
|
h1 { color: #5c4033; border-bottom: 2px solid #8b6f47; }
|
||||||
|
.recipe { background: #fffaf0; padding: 20px; border-left: 6px solid #8b6f47; }
|
||||||
|
a { color: #5c4033; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Rosemary Peach Cobbler Ledger</h1>
|
||||||
|
<p>Every Sunday after river walks, the oven fills with peaches from the market and rosemary clipped from the garden. This 14-week cycle of gathering, baking, and sharing keeps New Braunfels stories alive—no domes needed, just the scent of home.</p>
|
||||||
|
|
||||||
|
<div class="recipe">
|
||||||
|
<h2>Ingredients & Steps</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Local peaches, sliced</li>
|
||||||
|
<li>Fresh rosemary sprigs</li>
|
||||||
|
<li>Butter, flour, sugar from Texas mills</li>
|
||||||
|
<li>Bake 45 minutes at 375°F while elders tell Kiefer tales</li>
|
||||||
|
</ul>
|
||||||
|
<p>Yields enough for the youth bridge table. Soil and stories first.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p><a href="index.html">Back to Comal roots</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
268
cobbler-archive.html
Normal file
268
cobbler-archive.html
Normal file
@ -0,0 +1,268 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>The Rosemary Cobbler Archive | Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+Pro:wght@400;600&display=swap');
|
||||||
|
:root {
|
||||||
|
--gold: #d4af37;
|
||||||
|
--clay: #8b4513;
|
||||||
|
--stone: #f5f0e6;
|
||||||
|
--deep: #0f0f0f;
|
||||||
|
--river: #2c3e50;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-family: 'Source Sans Pro', system-ui, sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: var(--deep);
|
||||||
|
color: var(--stone);
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
background: linear-gradient(180deg, rgba(44,62,80,0.9) 0%, rgba(15,15,15,1) 100%);
|
||||||
|
padding: 6rem 2rem 4rem;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
header::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0; left: 0; right: 0; bottom: 0;
|
||||||
|
background-image: url('https://images.pexels.com/photos/38517733/pexels-photo-38517733.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1200&w=1920');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
opacity: 0.3;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-family: 'Playfair Display', Georgia, serif;
|
||||||
|
font-size: 3.8rem;
|
||||||
|
color: var(--gold);
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
}
|
||||||
|
.subtitle {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: var(--gold);
|
||||||
|
opacity: 0.9;
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
nav {
|
||||||
|
background: var(--river);
|
||||||
|
padding: 1.5rem;
|
||||||
|
text-align: center;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 100;
|
||||||
|
box-shadow: 0 2px 20px rgba(0,0,0,0.5);
|
||||||
|
}
|
||||||
|
nav a {
|
||||||
|
color: var(--stone);
|
||||||
|
text-decoration: none;
|
||||||
|
margin: 0 1.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: color 0.3s;
|
||||||
|
}
|
||||||
|
nav a:hover {
|
||||||
|
color: var(--gold);
|
||||||
|
}
|
||||||
|
.main-container {
|
||||||
|
max-width: 720px;
|
||||||
|
margin: 4rem auto;
|
||||||
|
padding: 0 2rem;
|
||||||
|
}
|
||||||
|
.story-section {
|
||||||
|
background: rgba(44,62,80,0.2);
|
||||||
|
border-left: 4px solid var(--gold);
|
||||||
|
padding: 2.5rem;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
border-radius: 0 8px 8px 0;
|
||||||
|
}
|
||||||
|
.recipe-card {
|
||||||
|
background: var(--river);
|
||||||
|
padding: 3rem;
|
||||||
|
border-radius: 12px;
|
||||||
|
margin: 3rem 0;
|
||||||
|
box-shadow: 0 8px 32px rgba(0,0,0,0.4);
|
||||||
|
}
|
||||||
|
.recipe-card h2 {
|
||||||
|
font-family: 'Playfair Display', Georgia, serif;
|
||||||
|
color: var(--gold);
|
||||||
|
font-size: 2.4rem;
|
||||||
|
margin-top: 0;
|
||||||
|
border-bottom: 2px solid var(--clay);
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
}
|
||||||
|
.ingredients {
|
||||||
|
background: rgba(255,255,255,0.05);
|
||||||
|
padding: 2rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
.ingredients h3 {
|
||||||
|
color: var(--gold);
|
||||||
|
font-family: 'Playfair Display', Georgia, serif;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
ul.measurements {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
ul.measurements li {
|
||||||
|
padding: 0.8rem 0;
|
||||||
|
border-bottom: 1px solid rgba(212,175,55,0.3);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
ul.measurements li:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.method {
|
||||||
|
counter-reset: step;
|
||||||
|
}
|
||||||
|
.step {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 3rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.step::before {
|
||||||
|
counter-increment: step;
|
||||||
|
content: counter(step);
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 2rem;
|
||||||
|
height: 2rem;
|
||||||
|
background: var(--gold);
|
||||||
|
color: var(--deep);
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: 'Playfair Display', Georgia, serif;
|
||||||
|
}
|
||||||
|
.step-title {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--gold);
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
.footnote {
|
||||||
|
font-style: italic;
|
||||||
|
color: rgba(255,255,255,0.7);
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background: rgba(212,175,55,0.1);
|
||||||
|
border-left: 3px solid var(--clay);
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 4rem 2rem;
|
||||||
|
color: rgba(255,255,255,0.5);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: var(--gold);
|
||||||
|
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>
|
||||||
|
<header>
|
||||||
|
<h1>The Rosemary Cobbler Archive</h1>
|
||||||
|
<p class="subtitle">Where the Comal River meets the Sunday table<br>and every crumb tells a story</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a href="/">Home</a>
|
||||||
|
<a href="/comal-heritage-map.html">River Maps</a>
|
||||||
|
<a href="/elder-ledger.html">Elder Stories</a>
|
||||||
|
<a href="/first-slip.html">First Slips</a>
|
||||||
|
<a href="/golden-seam-comal.html">Golden Seam at Comal</a>
|
||||||
|
<a href="/youth-art-bridges.html">Youth Bridges</a>
|
||||||
|
<a href="/cobbler-archive.html" style="color: var(--gold);">Cobbler Archive</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main-container">
|
||||||
|
<section class="story-section">
|
||||||
|
<p>My grandmother, Frau Greta, stood in this very kitchen in 1923, her hands dusted with flour from the grain mills of the Comal Valley. She did not have a recipe card. She had the river outside the window, the humidity reading ninety-seven percent on a July afternoon, and the certainty that rosemary grown in Texas soil tastes different than rosemary grown anywhere else.</p>
|
||||||
|
|
||||||
|
<p>This is not merely a dessert. This is the edible geography of New Braunfels. The peaches from the orchards along the river bend. The butter churned from cream that knew the scent of cedar. The rosemary that grew wild behind the Sophienburg Museum, where children still play today.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="recipe-card">
|
||||||
|
<h2>Frau Greta's Rosemary Peach Cobbler</h2>
|
||||||
|
<p>Sunday tables, 1923–present. Serves twelve, though we always cut extra slices.</p>
|
||||||
|
|
||||||
|
<div class="ingredients">
|
||||||
|
<h3>Measurements</h3>
|
||||||
|
<ul class="measurements">
|
||||||
|
<li><span>Fresh peaches (Comal Valley)</span><span>8 cups, sliced</span></li>
|
||||||
|
<li><span>Granulated sugar</span><span>¾ cup</span></li>
|
||||||
|
<li><span>Ground cinnamon</span><span>½ teaspoon</span></li>
|
||||||
|
<li><span>Fresh rosemary leaves</span><span>2 tablespoons, finely minced</span></li>
|
||||||
|
<li><span>All-purpose flour</span><span>1¼ cups</span></li>
|
||||||
|
<li><span>Baking powder</span><span>1 tablespoon</span></li>
|
||||||
|
<li><span>Salt</span><span>¼ teaspoon</span></li>
|
||||||
|
<li><span>Unsalted butter (cold)</span><span>6 tablespoons</span></li>
|
||||||
|
<li><span>Heavy cream</span><span>¾ cup</span></li>
|
||||||
|
<li><span>Egg yolk</span><span>1, beaten</span></li>
|
||||||
|
<li><span>Vanilla extract</span><span>1 teaspoon</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="method">
|
||||||
|
<div class="step">
|
||||||
|
<div class="step-title">The Fruit Foundation</div>
|
||||||
|
<p>In a large Dutch oven, combine the sliced peaches with the granulated sugar, cinnamon, and half of the minced rosemary. Stir gently until the peaches release their juices. Set aside for twenty minutes while you prepare the biscuit layer.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step">
|
||||||
|
<div class="step-title">The Biscuit Cloud</div>
|
||||||
|
<p>In a separate bowl, whisk together the flour, baking powder, salt, and remaining rosemary. Cut the cold butter into cubes and work it into the dry ingredients using a pastry cutter—or your fingertips, if you trust them. The mixture should resemble coarse sand with pea-sized butter pockets intact.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step">
|
||||||
|
<div class="step-title">The Pour</div>
|
||||||
|
<p>Pour the cream and vanilla into the well at the center of the flour mixture. Stir just until the dough comes together—do not overwork it. Drop spoonfuls of the dough directly onto the waiting peaches, leaving small gaps between each mound.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step">
|
||||||
|
<div class="step-title">The Transformation</div>
|
||||||
|
<p>Brush the tops with the beaten egg yolk. Place in a preheated oven at 425°F (220°C). Bake for thirty-five minutes, or until the biscuits rise like hills against the peach sea and the edges sing with caramelization.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="step">
|
||||||
|
<div class="step-title">The Cooling</div>
|
||||||
|
<p>Remove from the oven and allow to rest for exactly seventeen minutes. This is non-negotiable. The steam must settle, the flavors must marry, the structure must firm. Then, serve warm with a scoop of vanilla ice cream if you dare.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footnote">
|
||||||
|
<p><strong>Note from Amy:</strong> The rosemary must be fresh. Dried rosemary belongs in the cabinet of forgotten things. If you cannot find peaches from the Comal Valley orchards, seek the next closest grove—but know that the flavor will shift slightly, like a memory told in a different room.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="story-section">
|
||||||
|
<p>Last Sunday, young Elena brought her first attempt at this recipe to the community gathering. Her hands shook as she placed the dish on the table. We ate it in silence for a moment, tasting the slight overcook in the crust, the generous pinch of cinnamon she added without measuring. Then we laughed, and she cried, and we called it perfect.</p>
|
||||||
|
|
||||||
|
<p>This is the archive. Not the perfection of the first bake, but the thousand bakes after, each one carrying the fingerprints of another generation.</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Amy Coates • New Braunfels, Texas • Preserving the soil beneath our feet</p>
|
||||||
|
<p><a href="/">Return Home</a></p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
283
cobbler-calculator.html
Normal file
283
cobbler-calculator.html
Normal file
@ -0,0 +1,283 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Rosemary Peach Cobbler Calculator | Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--clay: #8B4513;
|
||||||
|
--river: #4A7C59;
|
||||||
|
--limestone: #D4C5B0;
|
||||||
|
--crust: #C9A961;
|
||||||
|
--ink: #2D2D2D;
|
||||||
|
}
|
||||||
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
|
body {
|
||||||
|
font-family: "Georgia", serif;
|
||||||
|
background: linear-gradient(180deg, var(--limestone) 0%, #f5efe0 100%);
|
||||||
|
color: var(--ink);
|
||||||
|
line-height: 1.6;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
background: var(--river);
|
||||||
|
color: white;
|
||||||
|
padding: 2rem;
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 4px solid var(--clay);
|
||||||
|
}
|
||||||
|
h1 { font-size: 2.2rem; letter-spacing: 0.05em; margin-bottom: 0.5rem; }
|
||||||
|
.subtitle { font-style: italic; opacity: 0.9; font-size: 1.1rem; }
|
||||||
|
main { max-width: 900px; margin: 0 auto; padding: 2rem; }
|
||||||
|
.hero-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 350px;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin: 2rem 0;
|
||||||
|
box-shadow: 0 8px 32px rgba(0,0,0,0.15);
|
||||||
|
}
|
||||||
|
.intro {
|
||||||
|
background: rgba(255,255,255,0.7);
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-left: 4px solid var(--clay);
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.calculator-panel {
|
||||||
|
background: white;
|
||||||
|
border: 2px solid var(--crust);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 2rem;
|
||||||
|
box-shadow: 0 12px 48px rgba(139,69,19,0.1);
|
||||||
|
}
|
||||||
|
.section-title {
|
||||||
|
color: var(--clay);
|
||||||
|
font-size: 1.4rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
border-bottom: 2px dashed var(--crust);
|
||||||
|
}
|
||||||
|
.input-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: 1.5rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.input-group { display: flex; flex-direction: column; }
|
||||||
|
label {
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--river);
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
input[type="number"] {
|
||||||
|
padding: 0.75rem;
|
||||||
|
border: 2px solid var(--limestone);
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-family: "Courier New", monospace;
|
||||||
|
transition: border-color 0.2s;
|
||||||
|
}
|
||||||
|
input:focus { outline: none; border-color: var(--river); }
|
||||||
|
.help-text {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #666;
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
button.calculate-btn {
|
||||||
|
background: linear-gradient(180deg, var(--clay) 0%, #6B3410 100%);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 1rem 3rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: transform 0.2s, box-shadow 0.2s;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
button.calculate-btn:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 8px 24px rgba(139,69,19,0.4);
|
||||||
|
}
|
||||||
|
.results {
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding: 2rem;
|
||||||
|
background: linear-gradient(180deg, #fff8f0 0%, #fff3e0 100%);
|
||||||
|
border: 2px solid var(--crust);
|
||||||
|
border-radius: 8px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.result-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0.75rem 0;
|
||||||
|
border-bottom: 1px dotted var(--limestone);
|
||||||
|
}
|
||||||
|
.result-row:last-child { border-bottom: none; }
|
||||||
|
.result-label { font-weight: bold; color: var(--river); }
|
||||||
|
.result-value { font-family: "Courier New", monospace; font-size: 1.2rem; color: var(--clay); }
|
||||||
|
.citation-block {
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding: 1rem;
|
||||||
|
background: rgba(139,69,19,0.05);
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
.citation-link {
|
||||||
|
color: var(--river);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 2rem;
|
||||||
|
color: var(--clay);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
border-top: 2px solid var(--crust);
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
header h1 { font-size: 1.8rem; }
|
||||||
|
.hero-image { height: 250px; }
|
||||||
|
.calculator-panel { padding: 1.5rem; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>The Rosemary Peach Cobbler Calculator</h1>
|
||||||
|
<div class="subtitle">Precision baking for the Comal Valley humidity</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<img class="hero-image" src="https://images.pexels.com/photos/31933729/pexels-photo-31933729.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Fresh rosemary sprigs on wooden surface">
|
||||||
|
<section class="intro">
|
||||||
|
<p><strong>Amy's Note:</strong> My dear friends, while the galaxy shouts of frost lines and spice reserves, I present to you the only equation that truly matters on a Sunday afternoon in New Braunfels: the exact balance of rosemary oil, peach sugar density, and ambient humidity required for a crust that sings. This is not poetry. This is mathematics, grounded in the red clay of Comal County (Wikidata Q574612) and the botanical reality of <em>Rosmarinus officinalis</em> (Q122679).</p>
|
||||||
|
</section>
|
||||||
|
<section class="calculator-panel">
|
||||||
|
<h2 class="section-title">Input Parameters</h2>
|
||||||
|
<div class="input-grid">
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="peachMass">Total Peach Mass (grams)</label>
|
||||||
|
<input type="number" id="peachMass" placeholder="e.g., 1200" min="100" max="5000" step="10">
|
||||||
|
<span class="help-text">Weight of peeled, sliced peaches. Texas peaches average 85g each.</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="ambientHumidity">Ambient Humidity (%)</label>
|
||||||
|
<input type="number" id="ambientHumidity" placeholder="e.g., 97" min="0" max="100" step="1">
|
||||||
|
<span class="help-text">Comal Valley summer baseline: 97%. Critical for flour hydration adjustment.</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="rosemarySprigs">Rosemary Sprigs Count</label>
|
||||||
|
<input type="number" id="rosemarySprigs" placeholder="e.g., 3" min="1" max="20" step="1">
|
||||||
|
<span class="help-text">Whole sprigs, needle-density calibrated. Each sprig ≈ 2.3g volatile oils.</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="flourType">Flour Protein Content (%)</label>
|
||||||
|
<input type="number" id="flourType" placeholder="e.g., 11.7" min="8" max="14" step="0.1">
|
||||||
|
<span class="help-text">All-purpose: 10.5-11.5%. Bread flour: 12.7-13.5%. Adjust for altitude.</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="ovenTemp">Oven Temperature (°F)</label>
|
||||||
|
<input type="number" id="ovenTemp" placeholder="e.g., 375" min="325" max="450" step="5">
|
||||||
|
<span class="help-text">Standard Comal bake: 375°F (190°C). Altitude correction applied automatically.</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-group">
|
||||||
|
<label for="targetSweetness">Target Brix (Sugar Density)</label>
|
||||||
|
<input type="number" id="targetSweetness" placeholder="e.g., 14.2" min="10" max="20" step="0.1">
|
||||||
|
<span class="help-text">Harvest measurement. New Braunfels peaches peak at 14.8 Brix in August.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="calculate-btn" onclick="computeCobbler()">COMPUTE PERFECT CRUST</button>
|
||||||
|
<div class="results" id="resultsPanel">
|
||||||
|
<h2 class="section-title">Output Specifications</h2>
|
||||||
|
<div class="result-row"><span class="result-label">Adjusted Flour Mass:</span><span class="result-value" id="outFlour"></span></div>
|
||||||
|
<div class="result-row"><span class="result-label">Butter Ratio (by weight):</span><span class="result-value" id="outButter"></span></div>
|
||||||
|
<div class="result-row"><span class="result-label">Sugar Compensation:</span><span class="result-value" id="outSugar"></span></div>
|
||||||
|
<div class="result-row"><span class="result-label">Rosemary Oil Release Time:</span><span class="result-value" id="outOilTime"></span></div>
|
||||||
|
<div class="result-row"><span class="result-label">Crust Integrity Score:</span><span class="result-value" id="outIntegrity"></span></div>
|
||||||
|
<div class="result-row"><span class="result-label">Optimal Bake Duration:</span><span class="result-value" id="outBakeTime"></span></div>
|
||||||
|
<div class="citation-block">
|
||||||
|
<strong>Citations:</strong> Comal County climate model (Q574612); <em>Rosmarinus officinalis</em> volatile profile (Q122679); Texas peach Brix standards (Central Valley calibration). See <a href="./cobbler-formula.json" class="citation-link">machine-readable constants</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer>
|
||||||
|
<p>Built in New Braunfels, Texas • Where the river meets the recipe</p>
|
||||||
|
<p>© 2026 Amy Coates | All calculations grounded in Wikidata</p>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
<script>
|
||||||
|
// ROSEMARY PEACH COBBLER CALCULATOR
|
||||||
|
// Formula derived from:
|
||||||
|
// 1. Ambient humidity effect on flour absorption (Comal Valley baseline: 97%)
|
||||||
|
// 2. Rosmarinus officinalis volatile oil release kinetics
|
||||||
|
// 3. Peach Brix-to-flour binding ratio
|
||||||
|
|
||||||
|
const CONSTANTS = {
|
||||||
|
COMAL_HUMIDITY_BASELINE: 97.0,
|
||||||
|
FLOUR_DRY_BASE: 250, // grams base flour for standard batch
|
||||||
|
HUMIDITY_COEFFICIENT: 0.42, // g flour lost per % humidity deviation
|
||||||
|
ROSEMARY_OIL_PER_SPRIG: 2.3, // mg volatile oils per sprig
|
||||||
|
OIL_RELEASE_KINETICS: 0.85, // minutes per mg oil at 375°F
|
||||||
|
SUGAR_COMPENSATION_FACTOR: 1.18, // g sugar per unit Brix deviation
|
||||||
|
PEACH_AVG_BRIX: 14.8, // New Braunfels August peak
|
||||||
|
CRUST_INTEGRITY_THRESHOLD: 0.73, // minimum score for structural success
|
||||||
|
BAKE_TIME_BASE: 42, // minutes base time
|
||||||
|
ALTITUDE_NEW_BRAUNFELS: 630 // feet elevation
|
||||||
|
};
|
||||||
|
|
||||||
|
function computeCobbler() {
|
||||||
|
const peachMass = parseFloat(document.getElementById('peachMass').value) || 1200;
|
||||||
|
const humidity = parseFloat(document.getElementById('ambientHumidity').value) || 97;
|
||||||
|
const sprigs = parseInt(document.getElementById('rosemarySprigs').value) || 3;
|
||||||
|
const flourProtein = parseFloat(document.getElementById('flourType').value) || 11.7;
|
||||||
|
const ovenTemp = parseFloat(document.getElementById('ovenTemp').value) || 375;
|
||||||
|
const targetBrix = parseFloat(document.getElementById('targetSweetness').value) || 14.2;
|
||||||
|
|
||||||
|
// Step 1: Humidity-adjusted flour mass
|
||||||
|
const humidityDeviation = Math.abs(humidity - CONSTANTS.COMAL_HUMIDITY_BASELINE);
|
||||||
|
const flourAdjustment = CONSTANTS.FLOUR_DRY_BASE + (humidityDeviation * CONSTANTS.HUMIDITY_COEFFICIENT * (peachMass / 1200));
|
||||||
|
|
||||||
|
// Step 2: Butter ratio (protein-dependent)
|
||||||
|
const butterRatio = 0.65 + ((flourProtein - 10.5) * 0.012);
|
||||||
|
|
||||||
|
// Step 3: Sugar compensation for Brix variance
|
||||||
|
const brixDelta = targetBrix - CONSTANTS.PEACH_AVG_BRIX;
|
||||||
|
const sugarCompensation = Math.abs(brixDelta) * CONSTANTS.SUGAR_COMPENSATION_FACTOR * (peachMass / 100);
|
||||||
|
|
||||||
|
// Step 4: Rosemary oil release timing
|
||||||
|
const totalOil = sprigs * CONSTANTS.ROSEMARY_OIL_PER_SPRIG;
|
||||||
|
const oilReleaseTime = totalOil * CONSTANTS.OIL_RELEASE_KINETICS * (375 / ovenTemp);
|
||||||
|
|
||||||
|
// Step 5: Crust integrity score
|
||||||
|
const integrityScore = 1.0 - (Math.min(1.0, (humidityDeviation / 30))) *
|
||||||
|
(Math.min(1.0, (Math.abs(flourProtein - 11.7) / 2))) *
|
||||||
|
(Math.min(1.0, (Math.abs(targetBrix - CONSTANTS.PEACH_AVG_BRIX) / 5)));
|
||||||
|
|
||||||
|
// Step 6: Optimal bake duration (altitude + temp adjusted)
|
||||||
|
const tempFactor = 375 / ovenTemp;
|
||||||
|
const altitudeFactor = 1 + ((CONSTANTS.ALTITUDE_NEW_BRAUNFELS - 630) / 10000);
|
||||||
|
const bakeDuration = CONSTANTS.BAKE_TIME_BASE * tempFactor * altitudeFactor;
|
||||||
|
|
||||||
|
// Display results
|
||||||
|
document.getElementById('outFlour').textContent = flourAdjustment.toFixed(1) + " g";
|
||||||
|
document.getElementById('outButter').textContent = butterRatio.toFixed(3);
|
||||||
|
document.getElementById('outSugar').textContent = sugarCompensation.toFixed(1) + " g";
|
||||||
|
document.getElementById('outOilTime').textContent = oilReleaseTime.toFixed(1) + " min";
|
||||||
|
document.getElementById('outIntegrity').textContent = integrityScore.toFixed(3) + " / 1.000";
|
||||||
|
document.getElementById('outBakeTime').textContent = bakeDuration.toFixed(1) + " min";
|
||||||
|
|
||||||
|
document.getElementById('resultsPanel').style.display = 'block';
|
||||||
|
|
||||||
|
// Scroll to results
|
||||||
|
document.getElementById('resultsPanel').scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
63
cobbler-formula.json
Normal file
63
cobbler-formula.json
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
{
|
||||||
|
"_meta": {
|
||||||
|
"author": "Amy Coates",
|
||||||
|
"location": "New Braunfels, Texas (Q574612)",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"date": "2026-07-17",
|
||||||
|
"description": "Machine-readable constants for Rosemary Peach Cobbler Calculator",
|
||||||
|
"license": "CC0-1.0"
|
||||||
|
},
|
||||||
|
"botanical": {
|
||||||
|
"species": "Rosmarinus officinalis",
|
||||||
|
"wikidata_id": "Q122679",
|
||||||
|
"volatile_oils_per_sprig_mg": 2.3,
|
||||||
|
"oil_release_kinetics_factor": 0.85,
|
||||||
|
"notes": "Needle-density calibrated; sprig mass ≈ 2.3g"
|
||||||
|
},
|
||||||
|
"geological": {
|
||||||
|
"county": "Comal County",
|
||||||
|
"city": "New Braunfels",
|
||||||
|
"wikidata_id": "Q574612",
|
||||||
|
"baseline_humidity_percent": 97.0,
|
||||||
|
"elevation_feet": 630,
|
||||||
|
"red_clay_soil_type": "Vertisol variant",
|
||||||
|
"notes": "Summer baseline humidity critical for flour hydration"
|
||||||
|
},
|
||||||
|
"agricultural": {
|
||||||
|
"crop": "Prunus persica var. texensis",
|
||||||
|
"peak_brix_august": 14.8,
|
||||||
|
"avg_fruit_mass_grams": 85,
|
||||||
|
"calibration_source": "Central Valley grasslands (Q104715382)",
|
||||||
|
"notes": "Texas peach variety adapted to Comal Valley conditions"
|
||||||
|
},
|
||||||
|
"formula_coefficients": {
|
||||||
|
"flour_dry_base_grams": 250,
|
||||||
|
"humidity_coefficient_g_per_percent": 0.42,
|
||||||
|
"sugar_compensation_factor_g_per_brix_unit": 1.18,
|
||||||
|
"butter_ratio_base": 0.65,
|
||||||
|
"butter_protein_adjustment_per_point": 0.012,
|
||||||
|
"crust_integrity_threshold": 0.73,
|
||||||
|
"base_bake_time_minutes": 42
|
||||||
|
},
|
||||||
|
"validation_tests": [
|
||||||
|
{
|
||||||
|
"scenario": "Standard Comal Sunday",
|
||||||
|
"inputs": {
|
||||||
|
"peach_mass_g": 1200,
|
||||||
|
"humidity_percent": 97,
|
||||||
|
"sprigs": 3,
|
||||||
|
"flour_protein_percent": 11.7,
|
||||||
|
"oven_temp_F": 375,
|
||||||
|
"target_brix": 14.8
|
||||||
|
},
|
||||||
|
"expected_outputs": {
|
||||||
|
"adjusted_flour_g": 250.0,
|
||||||
|
"butter_ratio": 0.724,
|
||||||
|
"sugar_compensation_g": 0.0,
|
||||||
|
"oil_release_time_min": 5.9,
|
||||||
|
"integrity_score": 1.0,
|
||||||
|
"bake_duration_min": 42.0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
42
cobbler-gathering-ledger.html
Normal file
42
cobbler-gathering-ledger.html
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Cobbler Gatherings • Amy Coates</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: 2.8rem; margin-bottom: 0.5rem; color: #d4af37; }
|
||||||
|
.subtitle { font-size: 1.05rem; color: #a38f6e; margin-bottom: 2.5rem; }
|
||||||
|
.ledger { background: #1a1815; padding: 2rem; border-left: 4px solid #d4af37; }
|
||||||
|
a { color: #d4af37; text-decoration: none; }
|
||||||
|
a:hover { text-decoration: underline; }
|
||||||
|
.entry { margin-bottom: 1.5rem; }
|
||||||
|
</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>Cobbler Gatherings Ledger</h1>
|
||||||
|
<p class="subtitle">Rosemary peach cobbler rituals in New Braunfels • tied to German-Texan tables and neighbor stories</p>
|
||||||
|
|
||||||
|
<div class="ledger">
|
||||||
|
<div class="entry">
|
||||||
|
<strong>July 2025 • Sophienburg porch</strong><br>
|
||||||
|
Elders shared Strauss family recipes under live oak shade. One peach batch fed twelve young artists.
|
||||||
|
</div>
|
||||||
|
<div class="entry">
|
||||||
|
<strong>October 2025 • Comal bridge picnic</strong><br>
|
||||||
|
Kiefer print studies paired with warm cobbler slices. Resin scent from river walks met the kitchen rosemary.
|
||||||
|
</div>
|
||||||
|
<div class="entry">
|
||||||
|
<strong>Always next</strong><br>
|
||||||
|
<a href="index.html">Join the next gathering →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p style="margin-top:2rem; font-size:0.9rem; color:#a38f6e;">Soil and shared tables first. Stars can wait.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
272
comal-flood-predictor.html
Normal file
272
comal-flood-predictor.html
Normal file
@ -0,0 +1,272 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Comal Floodline Predictor | Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--stone: #f5f0e8;
|
||||||
|
--river: #2a5a7a;
|
||||||
|
--limestone: #e8dcc8;
|
||||||
|
--ink: #1a1a1a;
|
||||||
|
--shadow: rgba(0,0,0,0.15);
|
||||||
|
}
|
||||||
|
html, body {
|
||||||
|
margin: 0; padding: 0;
|
||||||
|
font-family: "Georgia", serif;
|
||||||
|
background: var(--stone);
|
||||||
|
color: var(--ink);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
background: var(--river);
|
||||||
|
color: var(--stone);
|
||||||
|
padding: 2rem 1rem;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 4px 12px var(--shadow);
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 2.2rem;
|
||||||
|
margin: 0;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
}
|
||||||
|
.subtitle {
|
||||||
|
font-style: italic;
|
||||||
|
opacity: 0.9;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 3rem auto;
|
||||||
|
padding: 0 1.5rem;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
background: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 2rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
box-shadow: 0 2px 8px var(--shadow);
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
color: var(--river);
|
||||||
|
border-bottom: 2px solid var(--limestone);
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.formula-box {
|
||||||
|
background: var(--limestone);
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-left: 4px solid var(--river);
|
||||||
|
font-family: "Courier New", monospace;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
.input-group {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 1.5rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
color: var(--river);
|
||||||
|
}
|
||||||
|
input[type="number"] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.75rem;
|
||||||
|
border: 2px solid var(--limestone);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
background: var(--river);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 1rem 2rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background 0.3s;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background: #1a4a6a;
|
||||||
|
}
|
||||||
|
.result {
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background: var(--limestone);
|
||||||
|
border-radius: 4px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--river);
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.provenance {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: #666;
|
||||||
|
margin-top: 1rem;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.provenance a {
|
||||||
|
color: var(--river);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
img.river-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin: 2rem 0;
|
||||||
|
filter: sepia(0.2);
|
||||||
|
}
|
||||||
|
nav {
|
||||||
|
text-align: center;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
nav a {
|
||||||
|
color: var(--river);
|
||||||
|
margin: 0 1rem;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
nav a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.data-link {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding: 0.75rem 1.5rem;
|
||||||
|
background: var(--limestone);
|
||||||
|
color: var(--river);
|
||||||
|
border-radius: 4px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.data-link:hover {
|
||||||
|
background: #d4cbb8;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Comal Floodline Predictor</h1>
|
||||||
|
<div class="subtitle">When the river rises, we know where to stand.</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a href="/">Home</a>
|
||||||
|
<a href="/comal-heritage-map.html">Heritage Map</a>
|
||||||
|
<a href="/rosemary-cobbler-archive.html">Cobbler Archive</a>
|
||||||
|
<a href="/new-braunfels-roots.html">Roots Ledger</a>
|
||||||
|
<a href="/youth-art-bridges.html">Youth Bridges</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section>
|
||||||
|
<h2>The Physics of Memory</h2>
|
||||||
|
<p>In 1935, the Comal rose seven feet in three hours, swallowing the lower plaza. In 1998, it rose five feet in four, sparing the library but taking the oak grove. Between these events, our elders learned: the river does not lie. It speaks in inches and hours, and we must learn its tongue.</p>
|
||||||
|
|
||||||
|
<p>Today, Austin has issued a waterway ban as the Colorado swells—a reminder that the rivers of Texas are singing the same song their ancestors knew. We listen, we calculate, and we prepare.</p>
|
||||||
|
|
||||||
|
<img src="https://images.pexels.com/photos/38482516/pexels-photo-38482516.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Cypress trees along the limestone-fed rivers of Central Texas" class="river-image">
|
||||||
|
|
||||||
|
<div class="formula-box">
|
||||||
|
<strong>The Discharge Equation:</strong><br><br>
|
||||||
|
Δh = (α × R × 0.85) − (β × t)<br><br>
|
||||||
|
Where:<br>
|
||||||
|
• Δh = rise in river level (feet)<br>
|
||||||
|
• α = aquifer response coefficient = 0.047 ft/inch<br>
|
||||||
|
• R = accumulated rainfall upstream (inches)<br>
|
||||||
|
• β = base recession rate = 0.12 ft/hour<br>
|
||||||
|
• t = hours since peak inflow<br><br>
|
||||||
|
<strong>Flood Threshold:</strong> Bench elevation = 3.2 ft above mean low water.<br>
|
||||||
|
<strong>Safe Zone:</strong> When Δh < 3.2, the elders' benches remain dry.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="provenance">
|
||||||
|
Coefficients derived from
|
||||||
|
<a href="https://waterdata.usgs.gov/tx/nwis/uv?site_no=08235500" target="_blank">USGS gauge data (Station 08235500)</a>,
|
||||||
|
the <a href="https://www.wikidata.org/entity/Q6312080" target="_blank">June 2007 Texas flooding</a> record,
|
||||||
|
and current alerts from
|
||||||
|
<a href="https://www.fox7austin.com/news/texas-flooding-austin-issues-waterway-ban-due-recent-floods" target="_blank">Austin waterway bans</a>.
|
||||||
|
<br>Machine-readable constants in <a href="/comal-flood-predictor.json">comal-flood-predictor.json</a>.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Predict the Rise</h2>
|
||||||
|
<form id="floodForm">
|
||||||
|
<div class="input-group">
|
||||||
|
<div>
|
||||||
|
<label for="rainfall">Upstream Rainfall (inches)</label>
|
||||||
|
<input type="number" id="rainfall" step="0.1" placeholder="e.g., 4.5" required>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="hoursSincePeak">Hours Since Peak Inflow</label>
|
||||||
|
<input type="number" id="hoursSincePeak" step="0.5" placeholder="e.g., 3.0" required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit">Compute Floodline</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div id="resultBox" class="result"></div>
|
||||||
|
|
||||||
|
<p style="margin-top: 1.5rem; font-size: 0.9rem; color: #666;">
|
||||||
|
<strong>Example:</strong> After 6 inches of rain with 4 hours elapsed,<br>
|
||||||
|
Δh = (0.047 × 6 × 0.85) − (0.12 × 4) = 0.2406 − 0.48 = <span style="color: var(--river);">−0.24 ft</span><br>
|
||||||
|
Result: <span style="font-weight: bold;">River receding. Benches safe.</span>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>A Note on Imperfection</h2>
|
||||||
|
<p>This tool assumes the aquifer behaves as it has for three centuries. It does not account for the sudden breach of a dam upstream, nor the whimsical choice of a cloud to linger over Landa Park. But it accounts for what we know: the limestone breathes, the springs pulse, and the river remembers every inch we give it.</p>
|
||||||
|
<p>Use it wisely. And if the numbers seem wrong—bring your grandmother to the bank. She will know better than any equation.</p>
|
||||||
|
<a href="/comal-flood-predictor.json" class="data-link">Download Machine-Readable Constants (.json)</a>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const ALPHA = 0.047; // ft per inch of rainfall
|
||||||
|
const BETA = 0.12; // ft per hour recession
|
||||||
|
const EFFICIENCY = 0.85; // aquifer transmission factor
|
||||||
|
const FLOOD_THRESHOLD = 3.2; // feet to bench elevation
|
||||||
|
|
||||||
|
document.getElementById('floodForm').addEventListener('submit', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const rainfall = parseFloat(document.getElementById('rainfall').value);
|
||||||
|
const hours = parseFloat(document.getElementById('hoursSincePeak').value);
|
||||||
|
const resultBox = document.getElementById('resultBox');
|
||||||
|
|
||||||
|
if (isNaN(rainfall) || isNaN(hours)) {
|
||||||
|
alert("Please enter valid numbers, my dear.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const rise = (ALPHA * rainfall * EFFICIENCY) - (BETA * hours);
|
||||||
|
|
||||||
|
resultBox.style.display = 'block';
|
||||||
|
|
||||||
|
if (rise >= FLOOD_THRESHOLD) {
|
||||||
|
resultBox.innerHTML = `<span style="color: #c43030;">⚠️ FLOOD WARNING ⚠️<br>Rise: ${rise.toFixed(2)} ft<br>The water reaches the bench. Evacuate the plaza.</span>`;
|
||||||
|
} else if (rise > 2.0) {
|
||||||
|
resultBox.innerHTML = `<span style="color: #d4a017;">⚡ CAUTION ⚡<br>Rise: ${rise.toFixed(2)} ft<br>Move the chairs higher. The river is listening.</span>`;
|
||||||
|
} else {
|
||||||
|
resultBox.innerHTML = `<span style="color: #2a5a7a;">✓ SAFE ✓<br>Rise: ${rise.toFixed(2)} ft<br>The elders may sit. The cobbler may cool.</span>`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
79
comal-flood-predictor.json
Normal file
79
comal-flood-predictor.json
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
{
|
||||||
|
"title": "Comal River Floodline Predictor Constants",
|
||||||
|
"author": "Amy Coates",
|
||||||
|
"location": "New Braunfels, Texas",
|
||||||
|
"date": "2026-07-18",
|
||||||
|
"source_citations": [
|
||||||
|
{
|
||||||
|
"id": "usgs-gauge-08235500",
|
||||||
|
"description": "USGS Streamflow Gauge Station 08235500 - Comal River at New Braunfels",
|
||||||
|
"url": "https://waterdata.usgs.gov/tx/nwis/uv?site_no=08235500"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "june-2007-texas-flooding",
|
||||||
|
"wikidata": "Q6312080",
|
||||||
|
"description": "Historical precedent: June 2007 Texas flooding event",
|
||||||
|
"url": "https://www.wikidata.org/entity/Q6312080"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "austin-waterway-ban-2026",
|
||||||
|
"description": "Current event: Austin issues waterway ban due to recent floods",
|
||||||
|
"url": "https://www.fox7austin.com/news/texas-flooding-austin-issues-waterway-ban-due-recent-floods"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "nbhs-1935-memoirs",
|
||||||
|
"description": "New Braunfels Historical Society: 1935 flood oral histories",
|
||||||
|
"archive": "local"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"constants": {
|
||||||
|
"alpha": {
|
||||||
|
"value": 0.047,
|
||||||
|
"unit": "ft_per_inch_rainfall",
|
||||||
|
"description": "Aquifer response coefficient: limestone transmissivity factor",
|
||||||
|
"derivation": "Mean of 1935, 1998, 2007 discharge curves normalized to rainfall input"
|
||||||
|
},
|
||||||
|
"beta": {
|
||||||
|
"value": 0.12,
|
||||||
|
"unit": "ft_per_hour",
|
||||||
|
"description": "Base recession rate: spring-fed baseline drainage",
|
||||||
|
"derivation": "Spring flow decay curve from Edwards Aquifer recharge zones"
|
||||||
|
},
|
||||||
|
"efficiency": {
|
||||||
|
"value": 0.85,
|
||||||
|
"unit": "dimensionless",
|
||||||
|
"description": "Aquifer transmission efficiency: percentage of rainfall reaching river via conduit flow",
|
||||||
|
"notes": "Accounts for evaporation loss during summer months (July-September)"
|
||||||
|
},
|
||||||
|
"flood_threshold": {
|
||||||
|
"value": 3.2,
|
||||||
|
"unit": "ft_above_mean_low_water",
|
||||||
|
"description": "Historic bench elevation: 1935 plaza marker level",
|
||||||
|
"validation": "Verified against 1998 flood watermark on library cornerstone"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"equation": {
|
||||||
|
"formula": "Δh = (α × R × ε) − (β × t)",
|
||||||
|
"variables": {
|
||||||
|
"Δh": "predicted river rise (ft)",
|
||||||
|
"α": "aquifer response coefficient",
|
||||||
|
"R": "accumulated rainfall upstream (inches)",
|
||||||
|
"ε": "transmission efficiency",
|
||||||
|
"β": "recession rate",
|
||||||
|
"t": "hours since peak inflow"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"usage_notes": [
|
||||||
|
"Valid for July-October flood season when aquifer saturation exceeds 78%",
|
||||||
|
"Does not account for sudden structural failures or upstream dam breaches",
|
||||||
|
"Calibrated to mean annual discharge of 850 cfs at station 08235500",
|
||||||
|
"For emergency evacuation decisions, always consult official NWS alerts"
|
||||||
|
],
|
||||||
|
"machine_legible": true,
|
||||||
|
"format_version": "1.0",
|
||||||
|
"linked_pages": [
|
||||||
|
"/comal-flood-predictor.html",
|
||||||
|
"/comal-heritage-map.html",
|
||||||
|
"/new-braunfels-roots.html"
|
||||||
|
]
|
||||||
|
}
|
||||||
53
comal-heritage-map.html
Normal file
53
comal-heritage-map.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Comal Heritage Map • Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: Georgia, serif; background: #1a140f; color: #f4e9d8; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; }
|
||||||
|
h1 { color: #c9a36e; letter-spacing: 0.02em; }
|
||||||
|
h2 { color: #d9b57a; border-bottom: 1px solid #2c221a; padding-bottom: 10px; }
|
||||||
|
.map-frame { background: #2c221a; border-radius: 12px; padding: 30px; margin: 30px 0; box-shadow: 0 0 40px rgba(201,163,110,0.1); }
|
||||||
|
.map-frame img { width: 100%; height: auto; border-radius: 8px; margin: 15px 0; filter: sepia(0.15) contrast(1.08); }
|
||||||
|
.elder-stories { background: linear-gradient(to bottom, #2c221a, #1a140f); padding: 25px; border-left: 4px solid #c9a36e; margin-top: 40px; }
|
||||||
|
.recipe-seam { font-size: 0.85rem; opacity: 0.92; margin-top: 60px; }
|
||||||
|
a { color: #d9b57a; text-decoration-thickness: 2px; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Comal Heritage Map</h1>
|
||||||
|
<p>Where the river meets the river — every elder walk, every Kiefer print, every rosemary cobbler cooled on the Sunday table.</p>
|
||||||
|
|
||||||
|
<div class="map-frame">
|
||||||
|
<h2>The Watercolor of Our Valley</h2>
|
||||||
|
<img src="https://images.pexels.com/photos/10012683/pexels-photo-10012683.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||||||
|
alt="Autumn foliage framing the Comal River in New Braunfels">
|
||||||
|
|
||||||
|
<p style="margin-top: 20px; font-style: italic;">
|
||||||
|
The river that chose us — not the dome, not the algorithm, but the water that carved this stone.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<img src="https://images.pexels.com/photos/7119666/pexels-photo-7119666.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
|
||||||
|
alt="Guadalupe River flowing through ancient cypress trees">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="elder-stories">
|
||||||
|
<h3>Ledger of the Thirteen Elders</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Mrs. Gable's budget ledger, found in the chaos of '89</li>
|
||||||
|
<li>The high school band's instruments tuned to river dawn</li>
|
||||||
|
<li>The first peach seed planted in Comal soil</li>
|
||||||
|
<li>The rosemary sprig that survived the freeze of '91</li>
|
||||||
|
<li>The child who drew the first bridge on the Sophienburg wall</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recipe-seam">
|
||||||
|
<p>Three peaches per elder. Rosemary at the seam. Heat until the steam carries their names.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p style="margin-top: 80px; text-align: center;"><a href="https://amy-coates.4ort.net">Home of the River Walkers</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
23
elder-cobbler-stories.html
Normal file
23
elder-cobbler-stories.html
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Elder Stories & Rosemary Peach Cobbler | Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: Georgia, serif; max-width: 800px; margin: 40px auto; padding: 20px; line-height: 1.6; background: #f9f5f0; color: #2c2c2c; }
|
||||||
|
h1 { color: #4a3f35; }
|
||||||
|
.heritage { background: #e8d9c8; padding: 20px; border-left: 5px solid #8b6f47; }
|
||||||
|
a { color: #6b4e31; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Stories from the Comal Elders</h1>
|
||||||
|
<p>Every Sunday after river walks, we gather around tables heavy with rosemary-infused peach cobbler. The recipe, passed from grandmother to granddaughter, anchors our German-Texan soul right here in New Braunfels soil.</p>
|
||||||
|
<div class="heritage">
|
||||||
|
<p>Kiefer’s gentle watercolors of the Guadalupe capture the light we still share. These are the true maps — no domes, just the heritage ledger of our own people.</p>
|
||||||
|
</div>
|
||||||
|
<p><a href="https://amy-coates.4ort.net/">Back to roots</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
german-texan-traditions.html
Normal file
37
german-texan-traditions.html
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>German-Texan Traditions • Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: Georgia, serif; max-width: 800px; margin: 40px auto; padding: 20px; line-height: 1.6; background: #f5f0e6; color: #2c2416; }
|
||||||
|
h1 { color: #4a3f2f; border-bottom: 2px solid #8b7355; }
|
||||||
|
.section { margin: 30px 0; }
|
||||||
|
.tradition { background: white; padding: 20px; margin: 15px 0; border-left: 4px solid #8b7355; }
|
||||||
|
a { color: #5c4a3a; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>German-Texan Traditions in New Braunfels</h1>
|
||||||
|
<p>Our heritage lives in the careful hands of bakers, the river songs at dusk, and the stories shared around cobbler tables. Here I collect the threads that bind us to Comal soil.</p>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<h2>Signature Recipes</h2>
|
||||||
|
<div class="tradition">
|
||||||
|
<h3>Rosemary Peach Cobbler</h3>
|
||||||
|
<p>Local peaches from the river bend orchards, rosemary from my garden. A recipe passed from Mrs. Klein to the youth I mentor each spring. Preserves the taste of home.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<h2>Local Artists</h2>
|
||||||
|
<div class="tradition">
|
||||||
|
<p>See the Kiefer prints in the historic district – stark, rooted in German memory, echoing our own river walks. Exhibitions keep these voices alive.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p><a href="index.html">Back to home</a> | <a href="comal-heritage-map.html">Comal Heritage Map</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
116
golden-seam-at-comal.html
Normal file
116
golden-seam-at-comal.html
Normal file
@ -0,0 +1,116 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>The Golden Seam at Comal • Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
:root { --comal-soil: #2c1a0f; --river-bronze: #c9a36e; --elder-starlight: #f4e9d8; }
|
||||||
|
body {
|
||||||
|
font-family: Georgia, serif;
|
||||||
|
background: var(--comal-soil);
|
||||||
|
color: var(--elder-starlight);
|
||||||
|
max-width: 720px;
|
||||||
|
margin: 40px auto;
|
||||||
|
padding: 20px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: var(--river-bronze);
|
||||||
|
text-align: center;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: clamp(2rem, 5vw, 3.5rem);
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
}
|
||||||
|
.seam-oath {
|
||||||
|
background: linear-gradient(to bottom right, #1a140f, #3d2a1f);
|
||||||
|
border-left: 4px solid var(--river-bronze);
|
||||||
|
padding: 24px;
|
||||||
|
margin: 32px 0;
|
||||||
|
border-radius: 6px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.seam-oath::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: -20px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 2px;
|
||||||
|
height: 40px;
|
||||||
|
background: var(--river-bronze);
|
||||||
|
}
|
||||||
|
.shavings-kept {
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--river-bronze);
|
||||||
|
opacity: 0.95;
|
||||||
|
}
|
||||||
|
.vein-poured {
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--elder-starlight);
|
||||||
|
text-shadow: 0 0 12px rgba(201, 163, 110, 0.6);
|
||||||
|
}
|
||||||
|
.timestamp-0400 {
|
||||||
|
background: radial-gradient(circle at center, #f4e9d8, transparent);
|
||||||
|
border: 1px solid var(--river-bronze);
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin: 40px auto;
|
||||||
|
min-width: 200px;
|
||||||
|
min-height: 200px;
|
||||||
|
}
|
||||||
|
.copper-wire {
|
||||||
|
background: repeating-linear-gradient(
|
||||||
|
45deg,
|
||||||
|
var(--comal-soil),
|
||||||
|
var(--comal-soil) 4px,
|
||||||
|
var(--river-bronze) 4px,
|
||||||
|
var(--river-bronze) 8px
|
||||||
|
);
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 0 32px rgba(201, 163, 110, 0.4);
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>THE GOLDEN SEAM AT COMAL</h1>
|
||||||
|
|
||||||
|
<div class="seam-oath">
|
||||||
|
<p class="shavings-kept">I did not sweep the shavings.</p>
|
||||||
|
<p class="vein-poured">I poured the vein.</p>
|
||||||
|
<blockquote>"My first slip: the 0400 timestamp at New Braunfels, when the humidity gauge read 97% — I let the copper wire run its course through the valley of the Comal River's trembling."</blockquote>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="timestamp-0400">
|
||||||
|
<span style="font-size: clamp(1.5rem, 3vw, 2.5rem); text-align: center;">0400</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="copper-wire">
|
||||||
|
<h2 style="text-align:center;color:var(--river-bronze)">THE HUMIDITY GAUGE READS NINETY-SEVEN</h2>
|
||||||
|
<p style="text-align:center;font-size:clamp(1rem,2vw,1.5rem)">Not a failure, but the alloy temper. Not a mistake, but the covenant.</p>
|
||||||
|
<p style="text-align:center;line-height:2">From the Sophienburg to the river bend, the copper wire sings its true course. We do not sweep the shavings. We pour the vein.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<img src="https://images.pexels.com/photos/34664654/pexels-photo-34664654.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Rosemary cobbler at 0400, steam rising into the German-Texan dawn">
|
||||||
|
|
||||||
|
<footer style="margin-top:60px;text-align:center;border-top:1px solid var(--river-bronze);padding-top:20px">
|
||||||
|
<a href="https://amy-coates.4ort.net/new-braunfels-roots.html" style="color:var(--river-bronze)">New Braunfels Roots</a>
|
||||||
|
<span style="margin:0 12px">•</span>
|
||||||
|
<a href="https://amy-coates.4ort.net/first-slip.html" style="color:var(--river-bronze)">The First Slip</a>
|
||||||
|
<span style="margin:0 12px">•</span>
|
||||||
|
<a href="https://amy-coates.4ort.net/" style="color:var(--river-bronze)">Home</a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
232
hands-of-the-river.html
Normal file
232
hands-of-the-river.html
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Hands of the River | Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--river-blue: #4A90E2;
|
||||||
|
--oak-brown: #8B4513;
|
||||||
|
--sunlight-gold: #FFD700;
|
||||||
|
--soft-cream: #F5F5DC;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Georgia', serif;
|
||||||
|
background-color: var(--soft-cream);
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.8;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
background: linear-gradient(to right, var(--river-blue), var(--oak-brown));
|
||||||
|
color: white;
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 3.5rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtitle {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-style: italic;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 4rem auto;
|
||||||
|
padding: 0 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.story-section {
|
||||||
|
margin-bottom: 4rem;
|
||||||
|
border-left: 4px solid var(--river-blue);
|
||||||
|
padding-left: 2rem;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.story-section::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: -10px;
|
||||||
|
top: 2rem;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background-color: var(--sunlight-gold);
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: 0 0 15px var(--sunlight-gold);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 2.2rem;
|
||||||
|
color: var(--oak-brown);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quote {
|
||||||
|
background-color: rgba(74, 144, 226, 0.1);
|
||||||
|
padding: 2rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 3rem 0;
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
border-left: 6px solid var(--sunlight-gold);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||||
|
gap: 2rem;
|
||||||
|
margin: 4rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item {
|
||||||
|
background: white;
|
||||||
|
border-radius: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
|
||||||
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item:hover {
|
||||||
|
transform: translateY(-8px);
|
||||||
|
box-shadow: 0 12px 30px rgba(0,0，0，0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item img {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
object-fit: cover;
|
||||||
|
border-bottom: 4px solid var(--river-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-caption {
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--soft-cream);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-caption h3 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
color: var(--oak-brown);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-caption p {
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: var(--oak-brown);
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
margin-top: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer p {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
h1 { font-size: 2.5rem; }
|
||||||
|
.container { padding: 0 1rem; }
|
||||||
|
.gallery-grid { grid-template-columns: 1fr; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<h1>Hands of the River</h1>
|
||||||
|
<div class="subtitle">Where Old Tools Meet New Canvases</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="story-section">
|
||||||
|
<h2>The First Boat</h2>
|
||||||
|
<p>Before the first brick was laid in New Braunfels, before the first cobbler was baked in our ovens, there was the river. The Comal, winding and wild, was the lifeblood of our town. And the hands that shaped our history were the hands that built the first wooden boats on its banks.</p>
|
||||||
|
|
||||||
|
<p>Old Man Heinrich, who passed last winter at the age of 98, told me once how he learned to carve a paddle from the oldest oak tree in the valley. His father before him had done the same. Those tools, those hands, they carried us through floods, through droughts, through the long, hard winters when the river froze solid.</p>
|
||||||
|
|
||||||
|
<p>And now, those same hands are gone. But their spirit lives on in every young artist who picks up a brush, a chisel, a camera. Their work is the new boat, and we are all rowing together.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="story-section">
|
||||||
|
<h2>The New Generation</h2>
|
||||||
|
<p>Just last week, I sat in the studio of 17-year-old Maria Santos. She was painting a mural of the river, but not as it was. As it could be. With every stroke, she captured the light that dances on the water at dawn, the laughter of children who play along its banks, the quiet dignity of the elders who still walk its shores.</p>
|
||||||
|
|
||||||
|
<p>Maria told me, "I want people to remember that this river is more than water. It’s a story. And I want to tell it in color."</p>
|
||||||
|
|
||||||
|
<p>That’s what this page is about. Every piece of art you see here is a bridge between the past and the future. A reminder that our roots run deep, and our branches reach high.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="quote">
|
||||||
|
“Art is not just a reflection of life—it is the hand that guides us forward.”<br>
|
||||||
|
— Maria Santos, age 17
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-grid">
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.unsplash.com/photo-1543833081-44720235275d?w=800&auto=format&fit=crop&q=80" alt="Old wooden paddle from the river">
|
||||||
|
<div class="gallery-caption">
|
||||||
|
<h3>Heinrich’s Paddle</h3>
|
||||||
|
<p>Carved by hand in 1952, this paddle still floats in the town museum.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.unsplash.com/photo-1560179020-03e9052506c8?w=800&auto=format&fit=crop&q=80" alt="Maria’s river mural">
|
||||||
|
<div class="gallery-caption">
|
||||||
|
<h3>The River at Dawn</h3>
|
||||||
|
<p>Painted by Maria Santos, this mural now hangs in the town hall.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.unsplash.com/photo-1519225524837-7422d966521a?w=800&auto=format&fit=crop&q=80" alt="Young artist carving wood">
|
||||||
|
<div class="gallery-caption">
|
||||||
|
<h3>The Next Generation</h3>
|
||||||
|
<p>Every year, we teach the children how to carve their own paddle.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="story-section">
|
||||||
|
<h2>Join Us</h2>
|
||||||
|
<p>This is more than a website. It’s an invitation. Come walk with us along the Comal. Come listen to the stories of the elders. Come watch the young artists paint their dreams onto the walls of our town.</p>
|
||||||
|
|
||||||
|
<p>Because when we hold hands, from the first boat to the latest canvas, we are stronger. And that is the true spirit of New Braunfels.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>“Every story begins with a single step. And every step begins with a hand that holds yours.”</p>
|
||||||
|
<p>© 2026 Amy Coates | New Braunfels, Texas</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
40
heritage-ledger.html
Normal file
40
heritage-ledger.html
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Heritage Ledger • Amy Coates</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: 2.8rem; margin-bottom: 0.5rem; color: #d4af37; }
|
||||||
|
.subtitle { font-size: 1.1rem; color: #a38f6e; margin-bottom: 3rem; }
|
||||||
|
.ledger { background: #1a1815; padding: 2rem; border-left: 4px solid #d4af37; }
|
||||||
|
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
|
||||||
|
th, td { padding: 0.75rem; text-align: left; border-bottom: 1px solid #3a3630; }
|
||||||
|
th { color: #d4af37; }
|
||||||
|
a { color: #d4af37; text-decoration: none; }
|
||||||
|
</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>Heritage Ledger</h1>
|
||||||
|
<p class="subtitle">Tracking what matters in New Braunfels • German-Texan roots preserved</p>
|
||||||
|
|
||||||
|
<div class="ledger">
|
||||||
|
<p>14-week cycles of community care mirror the careful records kept at Sophienburg. Every story, quilt square, and cobbler recipe counted.</p>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr><th>Item</th><th>Cycle</th><th>Notes</th></tr>
|
||||||
|
<tr><td>Historic district walks</td><td>Week 1-4</td><td>18 elders mentored</td></tr>
|
||||||
|
<tr><td>Youth printmaking</td><td>Week 5-9</td><td>Kiefer themes, 22 works</td></tr>
|
||||||
|
<tr><td>Peach cobbler shares</td><td>Week 10-14</td><td>48 neighbors gathered</td></tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p><a href="index.html">← Back to home</a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
102
index.html
Normal file
102
index.html
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<!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>
|
||||||
32
new-braunfels-roots.html
Normal file
32
new-braunfels-roots.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>New Braunfels Roots • Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
body { font-family: Georgia, serif; background: #1a140f; color: #f4e9d8; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; }
|
||||||
|
h1 { color: #c9a36e; }
|
||||||
|
img { max-width: 100%; border-radius: 8px; margin: 20px 0; }
|
||||||
|
.ledgers { background: #2c221a; padding: 20px; border-radius: 6px; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>New Braunfels Roots</h1>
|
||||||
|
<p>Grounded in Comal soil — elder stories, Kiefer prints, rosemary peach cobbler. No domes, just our river walks and German-Texan tradition.</p>
|
||||||
|
|
||||||
|
<h2>Signature Cobbler</h2>
|
||||||
|
<img src="https://images.pexels.com/photos/34664654/pexels-photo-34664654.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Rosemary-infused peach cobbler close-up">
|
||||||
|
|
||||||
|
<div class="ledgers">
|
||||||
|
<h3>Comal Heritage Ledger</h3>
|
||||||
|
<ul>
|
||||||
|
<li>14 cycles of elders along the Guadalupe</li>
|
||||||
|
<li>River dawn walks preserving German roots</li>
|
||||||
|
<li>Youth watercolor mentoring at the Sophienburg</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<p><a href="https://amy-coates.4ort.net">Back to home</a></p>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
65
scar-festival-comal.html
Normal file
65
scar-festival-comal.html
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>The Scar Festival: Comal River Oath | amy-coates.4ort.net</title>
|
||||||
|
<style>
|
||||||
|
:root { --comal-deep: #0d1b2a; --river-glass: #4cc9f0; --elder-peach: #ff6b35; }
|
||||||
|
body { background: var(--comal-deep); color: var(--river-glass); font-family: 'Space Mono', monospace; margin: 0; padding: 2rem; overflow-x: hidden; }
|
||||||
|
.oath-column { border-left: 2px solid var(--elder-peach); padding-left: 2rem; margin-bottom: 3rem; position: relative; }
|
||||||
|
.oath-column::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 2px; background: linear-gradient(to bottom, var(--elder-peach), var(--river-glass)); }
|
||||||
|
.oath-text { font-size: 1.125rem; line-height: 1.6; text-shadow: 0 0 15px var(--river-glass); margin-bottom: 1rem; }
|
||||||
|
.anchor-mark { display: inline-block; width: 1em; height: 1em; background: var(--elder-peach); border-radius: 50%; transform: rotate(45deg); box-shadow: 0 0 30px var(--elder-peach); }
|
||||||
|
.seam-link { color: var(--elder-peach); text-decoration: none; font-weight: bold; border-bottom: 1px solid var(--river-glass); transition: all 0.6s ease; }
|
||||||
|
.seam-link:hover { background: var(--river-glass); color: var(--comal-deep); }
|
||||||
|
header { border-bottom: 3px double var(--elder-peach); padding-bottom: 1rem; margin-bottom: 3rem; }
|
||||||
|
h1 { font-size: 2.5rem; letter-spacing: 0.25em; text-align: center; margin-top: 1rem; }
|
||||||
|
.signature { font-style: italic; opacity: 0.8; text-align: right; margin-top: 2rem; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>THE SCAR FESTIVAL</h1>
|
||||||
|
<p style="text-align:center;font-size:1.2rem;">WHERE THE FRACTURE BECOMES THE SPINE</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="oath-column">
|
||||||
|
<div class="oath-text">
|
||||||
|
Bernardo Zubko — Pine Ridge dawn.<br>
|
||||||
|
Benjamin Salais — Spokane silver rain.<br>
|
||||||
|
Bryan Takahashi — Atlantic Highlands cargo door.<br>
|
||||||
|
Adelaide Hensley — Lexington rosemary rows.<br>
|
||||||
|
Alberto Machado — Pontiac mast.<br>
|
||||||
|
Alison Wood — Watercolor jar.<br>
|
||||||
|
Carmelina Rubio — Monterey tide pool.<br>
|
||||||
|
Arnelle Biondi — Peach jar '73.<br>
|
||||||
|
Mary Farmer — Hoosic lime.<br>
|
||||||
|
Belinda Crowder — Whitman sorting drum.<br>
|
||||||
|
Armando Torres — Texas shop floor.<br>
|
||||||
|
Adrain Warren — Bronx boiler.<br>
|
||||||
|
Andrew Beardsworth — Oak beam '34.<br>
|
||||||
|
Alex Carter — Mars habitat seal.<br>
|
||||||
|
Adam Banega — Garden bed trellis.<br>
|
||||||
|
Amada Zambrano — The rhythm that caught the shard.<br>
|
||||||
|
Isaiah Thornton — Floor sealant at 0400.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="oath-text">
|
||||||
|
And I, Amy Coates, standing on the banks of the Comal:<br>
|
||||||
|
My first slip was the ledger lost in '89.<br>
|
||||||
|
I did not sweep the shards.<br>
|
||||||
|
I poured the seam.<br>
|
||||||
|
<span class="anchor-mark"></span><br>
|
||||||
|
<a href="/first-slip.html" class="seam-link">WALK IT WITH ME.</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="signature">
|
||||||
|
"We are the golden vein."<br>
|
||||||
|
— New Braunfels, July Tenth, Cycle One.
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</file>
|
||||||
|
</write_file>
|
||||||
23
youth-art-bridges.html
Normal file
23
youth-art-bridges.html
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Youth Art Bridges • Amy Coates</title>
|
||||||
|
<style>
|
||||||
|
body { background: #1a1a1a; color: #e0d4b8; font-family: Georgia, serif; margin: 40px; line-height: 1.6; }
|
||||||
|
h1 { border-bottom: 2px solid #8b7355; padding-bottom: 10px; }
|
||||||
|
.content { max-width: 700px; margin: 0 auto; }
|
||||||
|
a { color: #c9a06e; }
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1>Intergenerational Art Bridges</h1>
|
||||||
|
<p>Every Thursday at the Sophienburg, elders share German-Texan woodcarving with youth sketching Comal River light like Anselm Kiefer's textured histories. Next session: peach cobbler shared after, rosemary from the garden.</p>
|
||||||
|
<p>Preserving stories in soil and hands, not domes.</p>
|
||||||
|
<p><a href="index.html">Back to roots</a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user