60 lines
3.4 KiB
HTML
60 lines
3.4 KiB
HTML
<!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>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Comal Heritage Map • Amy Coates">
|
|
<meta property="og:description" content="Where the river meets the river — every elder walk, every Kiefer print, every rosemary cobbler cooled on the Sunday table.">
|
|
<meta property="og:image" content="https://images.pexels.com/photos/10012683/pexels-photo-10012683.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
|
<meta property="og:url" content="https://amy-coates.4ort.net/comal-heritage-map.html">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="description" content="Where the river meets the river — every elder walk, every Kiefer print, every rosemary cobbler cooled on the Sunday table.">
|
|
<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> |