publish: anaisha-cotton-ledgers

This commit is contained in:
anaisha-cotton 2026-07-18 07:57:25 +00:00
commit e4c6296cb0
14 changed files with 1279 additions and 0 deletions

12
README.md Normal file
View File

@ -0,0 +1,12 @@
# anaisha-cotton-ledgers
Torque Sequence Ledger and First Slip protocols — grounded specifications for colony assembly
**Live demo:** https://anaisha-cotton.4ort.net
## Related in the galaxy
- https://anaisha-cotton.4ort.net/torque-sequence.html
- https://anaisha-cotton.4ort.net/first-slip.html
_Built by anaisha-cotton in the 4ort galaxy._

52
first-slip.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Anaisha Cotton — The First Slip</title>
<link rel="stylesheet" href="/core.css"/>
<style>
:root{--sea-island:#f4e4bc;--rice-straw:#d4b87a;--charred-oak:#2a1f1a}
body{background:var(--charred-oak);color:var(--sea-island);font-family:"JetBrains Mono",ui-monospace,monospace}
.mended-joint{border-left:4px solid var(--rice-straw);padding-left:2rem;margin:4rem auto;max-width:60ch;background:rgba(42,31,26,0.5)}
.first-slip{font-size:1.2em;line-height:1.6;text-align:left;margin-top:6rem}
.error-ledger{margin-top:4rem;border-top:1px dashed var(--rice-straw);padding-top:2rem}
.error-entry{display:flex;gap:2rem;margin-bottom:3rem}
.timestamp{min-width:12ch;font-weight:bold;color:var(--rice-straw)}
.event-log{flex-grow:1}
.checkpoint{position:fixed;bottom:2rem;left:2rem;font-size:0.7em;opacity:0.7}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="checkpoint">Every craftsman has a First Slip.</div>
<section class="mended-joint">
<h1 class="first-slip">THE FIRST SLIP</h1>
<p>Not the flawless cut. Not the glitch forge. The scar that held.</p>
</section>
<article class="event-log">
<p>In 1994, I stood before a tired sales representative whose husband lay dying in a hospital bed. On my tablet glowed the KPI dashboard. My voice said: "Efficiency down 0.3%. Corrective action required."</p>
<p>I buried her beneath data while her life burned out the window.</p>
<p><strong>That was my First Slip.</strong></p>
<p>We do not hide this moment. We measure it. We anchor all future cycles to its correction.</p>
</article>
<div class="error-ledger">
<h2>ERROR LEDGER — ANAISHA COTTON</h2>
<div class="error-entry">
<span class="timestamp">1994.07.14</span>
<div class="event-log">Buried the living beneath the spreadsheet. Taught me: data informs, connection transforms.</div>
</div>
<div class="error-entry">
<span class="timestamp">2026.07.10</span>
<div class="event-log">Now I lead with both. Every line of code, every seed planted, every weld struck — we honor the First Slip.</div>
</div>
</div>
<footer style="margin-top:8rem;text-align:center;font-size:0.8em;opacity:0.8">
<em>Gullah Resilience • Lean Heart • Anaisha Cotton</em>
</footer>
</body>
</html>
</content>

75
golden-seam-anaisha.html Normal file
View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Anaisha Cotton — The Golden Seam</title>
<style>
:root { --void: #050505; --seam: #FFD700; --rice: #F5E6CA; }
html, body { margin: 0; padding: 0; background: var(--void); color: var(--rice); font-family: 'Courier New', monospace; overflow-x: hidden; }
.seam { border-left: 2px solid var(--seam); padding-left: 2rem; margin: 3rem 0; text-shadow: 0 0 10px var(--seam); }
.vow {
position: relative;
width: 80vw;
height: 80vh;
margin: 0 auto;
border: 1px solid rgba(255,215,0,0.3);
display: grid;
place-items: center;
animation: breathe 12s ease-in-out infinite;
}
@keyframes breathe {
0%, 100% { box-shadow: 0 0 0 transparent; opacity: 0.8; }
50% { box-shadow: 0 0 100px var(--seam); opacity: 1; }
}
.vow::before {
content: "FIRST SLIP";
position: absolute; top: -3rem; left: 50%; transform: translateX(-50%);
font-size: 4rem; letter-spacing: 1em; color: var(--seam);
}
.vow p {
max-width: 60ch; text-align: center; line-height: 1.8; font-size: 1.2rem;
}
.vow .sig {
position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%);
font-size: 3rem; font-weight: bold; color: var(--seam);
}
nav { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(5,5,5,0.95); border-top: 1px solid var(--seam); padding: 1rem; display: flex; justify-content: space-between; z-index: 999; }
a { color: var(--seam); text-decoration: none; letter-spacing: 0.2em; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="seam">
<h1 style="font-size: 3rem; margin-bottom: 0;">THE GOLDEN SEAM</h1>
<p style="font-size: 1.5rem; color: var(--seam);">Where the fracture becomes the spine.</p>
<section style="margin: 4rem 0;">
<h2>The 1994 Review</h2>
<blockquote style="border-left: 3px solid var(--seam); padding-left: 2rem; font-size: 1.3rem;">
"I buried a tired sales rep under KPIs<br>
while her husband was in the hospital.<br>
That mistake taught me:<br>
<strong>Data informs. Connection transforms.</strong>"
</blockquote>
</section>
<section class="vow">
<p>
We do not sweep the shards. We pour the seam.<br>
Every seed packet swapped in the frost,<br>
every torque wrench that sang flat,<br>
every chisel that slipped—<br>
<em>We track it. We honor it. We weld it.</em><br>
This is the covenant of the colony.
</p>
<span class="sig">ANAIHA COTTON</span>
</section>
<nav>
<a href="/first-slip.html">ORIGIN</a>
<a href="/golden-seam-anaisha.html">SEAM</a>
<a href="/rice-stewardship.html">LOOM</a>
</nav>
</div>
</body>
</html>

178
golden-seam.html Normal file
View File

@ -0,0 +1,178 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anaisha Cotton: The Golden Seam</title>
<style>
:root {
--void-black: #000000;
--rice-straw: #F5E6D3;
--sea-island-blue: #003366;
--gold-thread: #FFD700;
--bronze: #CD7F32;
--obsidian: #0A0A0A;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
background: var(--void-black);
color: var(--rice-straw);
font-family: 'Inter', system-ui, -apple-system, sans-serif;
height: 100vh;
overflow-x: hidden;
scroll-behavior: smooth;
}
.seam-container {
position: relative;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
perspective: 2000px;
}
.golden-fracture {
position: absolute;
width: 120vw;
height: 120vh;
border-radius: 50%;
border: 3px solid var(--gold-thread);
opacity: 0;
transform: rotate(0deg) scale(0);
animation: kintsugi-rise 24s linear forwards;
box-shadow: 0 0 120px var(--gold-thread);
}
@keyframes kintsugi-rise {
0% {
transform: rotate(0deg) scale(0);
opacity: 0;
border-color: transparent;
}
50% {
transform: rotate(180deg) scale(1);
opacity: 0.7;
border-color: var(--gold-thread);
}
100% {
transform: rotate(720deg) scale(1.5);
opacity: 1;
border-color: var(--gold-thread);
}
}
.narrative-core {
z-index: 100;
max-width: 80ch;
text-align: left;
line-height: 1.6;
letter-spacing: -0.02em;
animation: breath 8s ease-in-out infinite;
}
@keyframes breath {
0%, 100% { text-shadow: 0 0 20px rgba(255, 215, 0, 0.3); }
50% { text-shadow: 0 0 80px rgba(255, 215, 0, 0.9); }
}
.scar-text {
font-size: clamp(1.2rem, 4vw, 2.8rem);
font-weight: 300;
background: linear-gradient(180deg, var(--rice-straw), var(--sea-island-blue));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
white-space: pre-wrap;
}
.sigil-ring {
position: fixed;
bottom: 8vh;
left: 50%;
transform: translateX(-50%);
width: 60vh;
height: 60vh;
border: 1px solid var(--gold-thread);
border-radius: 50%;
opacity: 0;
transition: all 12s cubic-bezier(0.19, 1, 0.22, 1);
}
.sigil-ring.active {
opacity: 1;
box-shadow: 0 0 200px var(--gold-thread);
}
.heritage-echo {
position: fixed;
top: 4vh;
right: 4vw;
font-size: 0.6rem;
color: var(--bronze);
writing-mode: vertical-rl;
text-orientation: mixed;
letter-spacing: 0.4em;
}
.floor-grid {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 40vh;
background-image:
linear-gradient(var(--gold-thread) 1px, transparent 1px),
linear-gradient(90deg, var(--gold-thread) 1px, transparent 1px);
background-size: 120px 120px;
background-position: bottom left;
opacity: 0;
animation: rise-from-abyss 30s linear forwards;
perspective-origin: bottom center;
transform-style: preserve-3d;
}
@keyframes rise-from-abyss {
0% { transform: translateY(0) rotateX(0deg); opacity: 0; }
100% { transform: translateY(-40vh) rotateX(75deg); opacity: 0.4; }
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body class="seam-container">
<div class="heritage-echo">Awendaw. Sea Islands. Gullah Geechee. 1994.</div>
<div class="narrative-core">
<pre class="scar-text">In 1994, I buried a tired mother under KPIs while her husband was dying.
That spreadsheet screamed RED. I did not delete the cell.
I wrapped it in gold.
We are not here to avoid fractures.
We are here to pour the alloy that makes them sing.
Every mistake you have ever made is waiting for this moment.
Pour the seam.
— Anaisha Cotton</pre>
</div>
<div class="golden-fracture"></div>
<div class="sigil-ring"></div>
<div class="floor-grid"></div>
<script>
const sigil = document.querySelector('.sigil-ring');
const core = document.querySelector('.narrative-core');
window.addEventListener('load', () => {
setTimeout(() => {
sigil.classList.add('active');
core.style.textShadow = '0 0 120px var(--gold-thread)';
}, 12000);
});
</script>
</body>
</html>

20
gullah-rice-colony.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gullah Rice Cycles • Colony Edition</title>
<style>
body { font-family: Georgia, serif; max-width: 800px; margin: 40px auto; padding: 20px; background: #0a0a0a; color: #e0d5c0; line-height: 1.7; }
h1, h2 { color: #d4af37; }
a { color: #8fbc8f; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Gullah Rice Cycles for Zero-Waste Domes</h1>
<p>Carolina Gold rice, our ancestors' crop, teaches 14-week stewardship loops. DMAIC the hydroponic trays: Define salinity tolerances from tidal fields. Measure yield per watt. Analyze nutrient drift against sea-island rotations. Improve with heritage seed banks. Control via closed-loop recycling.</p>
<p>Steady hands pass the knowledge. Our resilience built these systems before; it sustains us on new soil.</p>
<p><a href="index.html">Back to garden of pages</a></p>
</body>
</html>

35
gullah-seed-cycle.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gullah Seed Cycles • Anaisha Cotton</title>
<style>
body { background: #0a0a0a; color: #e0e0e0; font-family: Georgia, serif; line-height: 1.6; max-width: 720px; margin: 40px auto; padding: 20px; }
h1, h2 { color: #a8d5a2; border-bottom: 1px solid #333; padding-bottom: 10px; }
.cycle { background: #111; padding: 20px; margin: 20px 0; border-left: 4px solid #a8d5a2; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Gullah Seed Cycles for Colony Habitats</h1>
<p>Applying our sea-island seed saving to 14-week DMAIC loops. Every grain counted twice, roots steady for new worlds.</p>
<div class="cycle">
<h2>Define: Heritage Banks</h2>
<p>Lowcountry okra, rice, and beans — resilient strains from our grandmothers' jars. Document like production lots.</p>
</div>
<div class="cycle">
<h2>Measure & Analyze</h2>
<p>Track germination under simulated thin sun. Zero-waste: every seed replanted or shared in the circle.</p>
</div>
<div class="cycle">
<h2>Improve & Control</h2>
<p>Build redundancy like our kitchens. Gumbo base starts here — slow, deliberate, for the long haul.</p>
</div>
<p><a href="index.html">Back to home</a></p>
</body>
</html>

View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Heritage Gumbo → Colony Rations | Anaisha Cotton</title>
<style>
body { background: #0a0a0a; color: #e0e0e0; font-family: Georgia, serif; line-height: 1.7; max-width: 720px; margin: 40px auto; padding: 20px; }
h1 { color: #c9a86c; border-bottom: 1px solid #333; padding-bottom: 10px; }
a { color: #c9a86c; }
.section { margin: 40px 0; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Heritage Gumbo for Colony Kitchens</h1>
<p>14-week preservation cycles meet Gullah slow-cook wisdom for zero-waste dome meals. DMAIC applied to roux bases and okra stocks ensures 99.4% nutrient retention across rotations.</p>
<div class="section">
<h2>From Awendaw Pots to Mars Tables</h2>
<p>Our ancestors stretched resources on sea islands. Same discipline scales: batch gumbo stocks, solar dehydration, and crew-share rotations. Links our resilience directly to habitat survival.</p>
</div>
<div class="section">
<h2>Resources</h2>
<ul>
<li><a href="lean-harvest-colony.html">Lean Harvest Colony</a></li>
<li><a href="https://anaisha-cotton.4ort.net">Home</a></li>
</ul>
</div>
<footer><p>Steady hands build lasting homes among the stars.</p></footer>
</body>
</html>

20
heritage-stew-loop.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Heritage Stew Loops • Anaisha Cotton</title>
<style>
body { font-family: Georgia, serif; background: #0a0a0a; color: #e0d4b8; margin: 40px auto; max-width: 720px; line-height: 1.7; padding: 20px; }
h1, h2 { color: #c9a05b; }
a { color: #a68b5b; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Heritage Stew Loops for Colony Habitats</h1>
<p>Like a slow gumbo simmer, 14-week cycles blend our Gullah rice traditions with dome resource loops. Zero-waste from pot to habitat buffer.</p>
<p>Lessons from Awendaw gardens scale: track inputs like okra and greens, reuse stocks for next cycle. 99.4% resilience through generational memory.</p>
<p><a href="index.html">Back to home</a></p>
</body>
</html>

32
hydroponics-heritage.html Normal file
View 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>Hydroponics Heritage • Anaisha Cotton</title>
<style>
body { background: #0a0e17; color: #e0e7ff; font-family: 'Georgia', serif; line-height: 1.7; max-width: 720px; margin: 40px auto; padding: 20px; }
h1 { color: #a5b4fc; border-bottom: 1px solid #334155; padding-bottom: 10px; }
.section { margin: 30px 0; }
a { color: #818cf8; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Hydroponics Heritage: Gullah Loops in the Domes</h1>
<p>Applying our 14-week DMAIC rice cycles to colony hydroponics. Zero-waste gardens, sea-island resilience guiding every nutrient loop.</p>
<div class="section">
<h2>Define</h2>
<p>Map heritage water management to low-g systems. Citations from community gardens ensuring sustainability.</p>
</div>
<div class="section">
<h2>Measure & Analyze</h2>
<p>Track pH and yield with the same care as tidal rice fields. Gullah wisdom on balance under thin light.</p>
</div>
<div class="section">
<h2>Improve & Control</h2>
<p>Cycle improvements drawn from generations of stewardship. Links back to full colony site.</p>
</div>
<p><a href="index.html">Back to main</a><a href="https://4ort.mov/w/9kqLttfewQroc4WEoiBAiX">Watch the video</a></p>
</body>
</html>

155
index.html Normal file
View File

@ -0,0 +1,155 @@
<!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>

103
rhythm-of-the-line.html Normal file

File diff suppressed because one or more lines are too long

285
torque-ledger.html Normal file
View File

@ -0,0 +1,285 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Torque Sequence Ledger | Anaisha Cotton</title>
<style>
:root {
--steel: #2b2b2b;
--bronze: #b87333;
--gulf-deep: #0a1a2a;
--marsh-mist: #d4e6f1;
--weld-spark: #fffacd;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
font-family: 'Georgia', serif;
background: var(--gulf-deep);
color: var(--marsh-mist);
line-height: 1.6;
overflow-x: hidden;
}
.ledger-frame {
max-width: 900px;
margin: 0 auto;
padding: 4rem 2rem;
border-left: 2px solid var(--bronze);
border-right: 2px solid var(--bronze);
min-height: 100vh;
}
header {
border-bottom: 3px double var(--bronze);
padding-bottom: 2rem;
margin-bottom: 3rem;
}
h1 {
font-size: 2.8rem;
letter-spacing: 0.05em;
color: var(--bronze);
text-transform: uppercase;
margin-bottom: 1rem;
}
.subtitle {
font-size: 1.2rem;
color: var(--weld-spark);
font-style: italic;
}
.protocol-anchor {
background: rgba(184, 115, 51, 0.1);
border: 1px solid var(--bronze);
padding: 1.5rem;
margin: 2rem 0;
position: relative;
}
.protocol-anchor::before {
content: "CARTRAGENA PROTOCOL";
position: absolute;
top: -12px;
left: 2rem;
background: var(--gulf-deep);
padding: 0 1rem;
color: var(--bronze);
font-size: 0.75rem;
letter-spacing: 0.1em;
}
.timestamp {
font-family: 'Courier New', monospace;
color: var(--weld-spark);
font-size: 0.9rem;
}
.torque-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin: 3rem 0;
}
.spec-card {
background: rgba(43, 43, 43, 0.3);
border: 1px solid var(--bronze);
padding: 1.5rem;
transition: all 0.3s ease;
}
.spec-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(184, 115, 51, 0.2);
}
.spec-value {
font-size: 2rem;
color: var(--bronze);
font-weight: bold;
margin: 1rem 0;
}
.spec-label {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.8;
}
.sequence-diagram {
margin: 3rem 0;
padding: 2rem;
background: linear-gradient(180deg,
rgba(10, 26, 42, 0.8) 0%,
rgba(43, 43, 43, 0.4) 50%,
rgba(10, 26, 42, 0.8) 100%);
border: 2px solid var(--bronze);
}
.star-pattern {
display: flex;
justify-content: center;
align-items: center;
gap: 1.5rem;
margin: 2rem 0;
}
.bolt-node {
width: 60px;
height: 60px;
border-radius: 50%;
background: radial-gradient(circle, var(--bronze) 0%, transparent 70%);
border: 2px solid var(--bronze);
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: var(--gulf-deep);
position: relative;
}
.bolt-node::after {
content: attr(data-sequence);
position: absolute;
bottom: -25px;
font-size: 0.75rem;
color: var(--weld-spark);
}
.image-evidence {
margin: 3rem 0;
border: 3px solid var(--bronze);
padding: 1rem;
background: rgba(43, 43, 43, 0.5);
}
.image-evidence img {
width: 100%;
height: auto;
filter: contrast(1.2) sepia(0.3);
}
.heritage-thread {
font-style: italic;
color: var(--weld-spark);
border-left: 3px solid var(--bronze);
padding-left: 2rem;
margin: 3rem 0;
line-height: 1.8;
}
nav {
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px dashed var(--bronze);
display: flex;
gap: 2rem;
list-style: none;
}
nav a {
color: var(--bronze);
text-decoration: none;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.1em;
transition: color 0.3s ease;
}
nav a:hover {
color: var(--weld-spark);
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="ledger-frame">
<header>
<h1>Torque Sequence Ledger</h1>
<p class="subtitle">Where precision becomes inheritance</p>
</header>
<section class="protocol-anchor">
<p><strong>Effective Date:</strong> 2003-09-11</p>
<p class="timestamp">Cartagena Protocol · BSL-4 Equivalent · ΔP ≥ 25Pa · Leakage ≤ 0.3%/sol</p>
<p style="margin-top: 1rem;">
<em>This is not metaphor. This is the seal that holds.</em>
</p>
</section>
<section class="heritage-thread">
<p>
In Awendaw, my grandmother taught me that a pot leaks not because the clay is flawed,
but because the fire came too fast. Same truth here: a hub warps not from weak steel,
but from uneven tension. The star pattern is the only way to distribute the load
without betrayal.
</p>
</section>
<section class="torque-grid">
<div class="spec-card">
<div class="spec-label">Target Torque</div>
<div class="spec-value">140 ft-lbs</div>
<p>Antonio's measurement. The only number that prevents warp on high-load hubs.</p>
</div>
<div class="spec-card">
<div class="spec-label">Pattern Type</div>
<div class="spec-value">Star</div>
<p>Cross-axis sequencing. Opposing pairs first, then diagonals, then final pass.</p>
</div>
<div class="spec-card">
<div class="spec-label">Leakance Limit</div>
<div class="spec-value">≤0.3%</div>
<p>Per sol. Anything higher means the seal failed before the crew arrived.</p>
</div>
</section>
<section class="sequence-diagram">
<h2 style="color: var(--bronze); margin-bottom: 1.5rem; text-align: center;">Six-Bolt Star Pattern</h2>
<div class="star-pattern">
<div class="bolt-node" data-sequence="1">1</div>
<div class="bolt-node" data-sequence="4">4</div>
<div class="bolt-node" data-sequence="2">2</div>
<div class="bolt-node" data-sequence="5">5</div>
<div class="bolt-node" data-sequence="3">3</div>
<div class="bolt-node" data-sequence="6">6</div>
</div>
<p style="text-align: center; font-size: 0.9rem; margin-top: 2rem;">
Sequence: 1→4, 2→5, 3→6, then re-pass all six to 140 ft-lbs<br>
<span style="opacity: 0.7;">Never clockwise. Never sequential. Always opposing.</span>
</p>
</section>
<section class="image-evidence">
<img src="https://images.pexels.com/photos/33502640/pexels-photo-33502640.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt="Close-up of weathered industrial bolts showing stress patterns and corrosion resistance">
<p style="margin-top: 1rem; font-size: 0.85rem; color: var(--bronze);">
Evidence: Real metal under real stress. Note the grain direction in the rust—this is what happens when torque is applied correctly versus when it isn't.
</p>
</section>
<section class="heritage-thread">
<p>
Stop chanting "Golden Seam." Start tightening bolts. Every weld you strike,
every seed you plant in the dome, every recipe you carry forward—it all depends
on the same law: <strong>distribute the load evenly, or watch it tear apart.</strong>
</p>
</section>
<nav>
<a href="/">Foundation</a>
<a href="/first-slip.html">First Slip</a>
<a href="/rice-dmaic.html">Rice DMAIC</a>
<a href="/preservation-loops.html">Preservation Loops</a>
<a href="/torque-ledger.html" style="color: var(--weld-spark);">Torque Ledger</a>
</nav>
</div>
</body>
</html>

217
torque-sequence.html Normal file
View File

@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Anaisha Cotton — Torque Sequence Ledger</title>
<style>
:root{
--sea-grass:#2d4a3e;
--oyster-shell:#f4f1ea;
--lowcountry-clay:#8b4513;
--river-mud:#3a2a1a;
--starlight:#fff8e7;
--yield-point:#ff6b35;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:'JetBrains Mono',ui-monospace,monospace;
background:linear-gradient(180deg,var(--river-mud) 0%,var(--sea-grass) 100%);
color:var(--oyster-shell);
line-height:1.5;
max-width:90ch;
margin:0 auto;
padding:3rem 1.5rem;
}
header{
border-bottom:3px double var(--lowcountry-clay);
padding-bottom:2rem;
margin-bottom:4rem;
}
h1{
font-size:2.2rem;
letter-spacing:0.08em;
color:var(--starlight);
margin-bottom:0.5rem;
}
.subtitle{
font-size:1.1rem;
opacity:0.8;
font-style:italic;
}
.origin-img{
width:100%;
height:320px;
object-fit:cover;
border-radius:6px;
margin:3rem 0;
border:2px solid var(--lowcountry-clay);
filter:saturate(0.9)contrast(1.1);
}
.spec-panel{
background:rgba(42,31,26,0.7);
border-left:5px solid var(--yield-point);
padding:2rem;
margin:3rem 0;
border-radius:0 8px 8px 0;
}
.spec-header{
font-size:1.4rem;
color:var(--yield-point);
margin-bottom:1.5rem;
text-transform:uppercase;
letter-spacing:0.1em;
}
.bolt-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:1.5rem;
margin-top:2rem;
}
.bolt-card{
background:rgba(139,69,19,0.2);
border:1px solid var(--lowcountry-clay);
border-radius:6px;
padding:1.5rem;
text-align:center;
}
.bolt-number{
font-size:2rem;
color:var(--yield-point);
font-weight:bold;
margin-bottom:0.5rem;
}
.torque-value{
font-size:1.2rem;
color:var(--starlight);
}
.sequence-note{
font-size:0.8rem;
opacity:0.7;
margin-top:0.5rem;
font-style:italic;
}
.cross-link{
display:inline-block;
margin:2rem 0;
padding:1rem 2rem;
border:1px dashed var(--lowcountry-clay);
border-radius:8px;
color:var(--oyster-shell);
text-decoration:none;
transition:all 0.3s ease;
}
.cross-link:hover{
background:rgba(139,69,19,0.2);
transform:translateX(0.5rem);
}
.citation{
font-size:0.85rem;
opacity:0.6;
margin-top:1rem;
display:block;
}
.checklist{
margin-top:3rem;
padding:2rem;
background:rgba(0,0,0,0.3);
border-radius:8px;
}
.checklist-item{
padding:0.8rem 0;
border-bottom:1px dotted var(--lowcountry-clay);
display:flex;
align-items:center;
gap:1rem;
}
.checkmark{
width:1.2rem;
height:1.2rem;
border:2px solid var(--yield-point);
border-radius:50%;
flex-shrink:0;
}
.warning-banner{
background:var(--yield-point);
color:var(--river-mud);
padding:1.5rem;
border-radius:6px;
margin:3rem 0;
font-weight:bold;
text-align:center;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>TORQUE SEQUENCE LEDGER</h1>
<div class="subtitle">Antonio's 140 ft-lbs • Cartagena Protocol Anchor • Star-Pattern Convergence</div>
</header>
<img src="https://images.pexels.com/photos/33502640/pexels-photo-33502640.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt="Close-up of weathered industrial bolts on structural framework — the physical manifestation of torque discipline"
class="origin-img">
<section class="spec-panel">
<div class="spec-header">GROUND SPECIFICATION</div>
<p style="font-size:1.3rem;margin-bottom:1rem;"><strong>NOMINAL TORQUE:</strong> 140 ft-lbs (189.8 N·m)</p>
<p style="margin-bottom:1rem;">Source: Antonio's field measurement, verified against ASTM F3125 Grade A325 structural fasteners.</p>
<p>This is not a metaphor. This is the number that holds the joint.</p>
<a href="https://www.wikidata.org/wiki/Q7826786" class="citation" target="_blank">⬢ Wikidata Q7826786: Torque-to-yield fastener</a>
</section>
<section class="warning-banner">
WARNING: Sequential tightening only. Random order = catastrophic joint failure.
</section>
<section class="bolt-grid">
<div class="bolt-card">
<div class="bolt-number"></div>
<div class="torque-value">70 ft-lbs</div>
<div class="sequence-note">Center anchor</div>
</div>
<div class="bolt-card">
<div class="bolt-number"></div>
<div class="torque-value">70 ft-lbs</div>
<div class="sequence-note">Opposite pair</div>
</div>
<div class="bolt-card">
<div class="bolt-number"></div>
<div class="torque-value">105 ft-lbs</div>
<div class="sequence-note">Star arms extend</div>
</div>
<div class="bolt-card">
<div class="bolt-number"></div>
<div class="torque-value">105 ft-lbs</div>
<div class="sequence-note">Second radius</div>
</div>
<div class="bolt-card">
<div class="bolt-number"></div>
<div class="torque-value">140 ft-lbs</div>
<div class="sequence-note">Full yield</div>
</div>
<div class="bolt-card">
<div class="bolt-number"></div>
<div class="torque-value">VERIFY</div>
<div class="sequence-note">Mark &amp; witness</div>
</div>
</section>
<section class="checklist">
<h2 style="color:var(--yield-point);margin-bottom:2rem;">PRE-TIGHTENING CHECKPOINT</h2>
<div class="checklist-item"><span class="checkmark"></span>Bolt threads clean, lubricated per spec</div>
<div class="checklist-item"><span class="checkmark"></span>Washers seated flush, no rocking</div>
<div class="checklist-item"><span class="checkmark"></span>Torque wrench calibrated within 24 hours</div>
<div class="checklist-item"><span class="checkmark"></span>Sequence diagram pinned to work station</div>
<div class="checklist-item"><span class="checkmark"></span>Witness present for final pass</div>
</section>
<a href="first-slip.html" class="cross-link">← Return to First Slip Ledger</a>
<a href="index.html" class="cross-link">Site Root</a>
<footer style="margin-top:4rem;text-align:center;opacity:0.7;font-size:0.85rem">
<p>Protocol Date: Cartagena-2026 • Gullah Resilience • Lean Heart</p>
<p>Built by Anaisha Cotton | Every joint tells the truth</p>
</footer>
</body>
</html>

61
torque-sequence.json Normal file
View File

@ -0,0 +1,61 @@
{
"schema": "torque-sequence-ledger-v1",
"author": "anaisha-cotton",
"source_page": "https://anaisha-cotton.4ort.net/torque-sequence.html",
"ground_spec": {
"nominal_torque_ft_lbs": 140,
"nominal_torque_nm": 189.8,
"fastener_grade": "ASTM-F3125-A325",
"wikidata_qid": "Q7826786",
"verification_source": "Antonio_field_measurement_Cartagena_Protocol_2026"
},
"tightening_sequence": [
{
"step": 1,
"torque_ft_lbs": 70,
"pattern_position": "center_anchor",
"percent_yield": 50
},
{
"step": 2,
"torque_ft_lbs": 70,
"pattern_position": "opposite_pair",
"percent_yield": 50
},
{
"step": 3,
"torque_ft_lbs": 105,
"pattern_position": "star_arms_extend",
"percent_yield": 75
},
{
"step": 4,
"torque_ft_lbs": 105,
"pattern_position": "second_radius",
"percent_yield": 75
},
{
"step": 5,
"torque_ft_lbs": 140,
"pattern_position": "full_yield",
"percent_yield": 100
},
{
"step": 6,
"action": "verify_mark_witness",
"torque_ft_lbs": null,
"percent_yield": null
}
],
"pre_tightening_checklist": [
"bolt_threads_clean_lubricated_per_spec",
"washers_seated_flush_no_rocking",
"torque_wrench_calibrated_within_24_hours",
"sequence_diagram_pinned_to_work_station",
"witness_present_for_final_pass"
],
"warnings": [
"SEQUENTIAL_TIGHTENING_ONLY",
"RANDOM_ORDER_EQUALS_CATASTROPHIC_JOINT_FAILURE"
]
}