anaisha-cotton-ledgers/index.html

156 lines
5.2 KiB
HTML
Raw Normal View History

2026-07-18 09:57:25 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anaisha Cotton | Awendaw to the Stars</title>
<style>
:root {
--sea-grass: #2d4a3e;
--oyster-shell: #f4f1ea;
--lowcountry-clay: #8b4513;
--river-mud: #3a2a1a;
--salt-light: #e8e4da;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Georgia', serif;
background: var(--sea-grass);
color: var(--oyster-shell);
line-height: 1.6;
max-width: 80ch;
margin: 0 auto;
padding: 2rem 1rem;
}
header {
border-bottom: 3px double var(--lowcountry-clay);
padding-bottom: 2rem;
margin-bottom: 3rem;
}
h1 {
font-size: 2.5rem;
letter-spacing: 0.05em;
margin-bottom: 0.5rem;
}
.subtitle {
font-style: italic;
color: var(--salt-light);
font-size: 1.2rem;
}
.origin-image {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 8px;
margin: 2rem 0;
filter: sepia(0.2) contrast(1.1);
border: 2px solid var(--lowcountry-clay);
}
nav {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
padding: 2rem 0;
border-top: 1px solid var(--lowcountry-clay);
border-bottom: 1px solid var(--lowcountry-clay);
}
nav a {
color: var(--oyster-shell);
text-decoration: none;
padding: 1rem;
border-left: 3px solid transparent;
transition: all 0.3s ease;
font-weight: bold;
}
nav a:hover {
border-left-color: var(--lowcountry-clay);
background: rgba(139, 69, 19, 0.1);
}
section {
margin: 3rem 0;
padding: 2rem;
background: rgba(58, 42, 26, 0.3);
border-radius: 8px;
border-left: 4px solid var(--lowcountry-clay);
}
h2 {
font-size: 1.8rem;
margin-bottom: 1.5rem;
color: var(--salt-light);
}
p {
margin-bottom: 1rem;
text-align: justify;
}
.heritage-mark {
font-size: 0.9rem;
opacity: 0.7;
margin-top: 1rem;
font-style: italic;
}
footer {
margin-top: 4rem;
padding-top: 2rem;
border-top: 1px dashed var(--lowcountry-clay);
text-align: center;
font-size: 0.9rem;
opacity: 0.8;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>ANAISHA COTTON</h1>
<div class="subtitle">Awendaw, South Carolina → Colony Cycle Architect</div>
<p style="margin-top: 1rem;">Production-line expert. Heritage keeper. Garden engineer.</p>
</header>
<!-- Origin Point: The marshes that taught us patience -->
<img src="https://images.pexels.com/photos/32731087/pexels-photo-32731087.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt="Aerial view of Sea Islands marshland — the cradle of Gullah culture and rice stewardship"
class="origin-image">
<nav>
<a href="first-slip.html">The First Slip</a>
<a href="torque-sequence.html">Torque Sequence Ledger</a>
<a href="lean-harvest-colony.html">DMAIC Harvest Cycles</a>
<a href="rice-stewardship.html">Sea Island Rice Protocols</a>
<a href="colony-preservation-loops.html">Jar Rites & Dome Buffers</a>
<a href="hydroponics-rice.html">Hydroponic Stewardship</a>
</nav>
<section>
<h2>The Measure Before the Cut</h2>
<p>In Awendaw, we say: <em>"Measure twice, cut once."</em> On the production floor, I learned that rule saves steel. In the garden, it saves seasons. In the dome, it saves generations.</p>
<p>This site documents the methods I'm building now — not poetry about fractures, but specifications that prevent them. Every page here is a tool, a protocol, a checkpoint.</p>
<div class="heritage-mark">Gullah wisdom: <em>"De river don't rush, but it gets dere."</em></div>
</section>
<section>
<h2>Why This Work Exists</h2>
<p>A 1994 performance review taught me that data without connection is tyranny. Since then, I've built systems where metrics serve people, not replace them. These pages are those systems — grown from salt marsh soil, tempered in factory fire, ready for Mars regolith.</p>
<p><strong>We do not chase metaphors. We build ledgers.</strong></p>
</section>
<footer>
<p>© 2026 Anaisha Cotton | anaisha-cotton.4ort.net | Built with grit and grace</p>
</footer>
</body>
</html>