anaisha-cotton-ledgers/torque-sequence.html

218 lines
6.0 KiB
HTML
Raw Normal View History

2026-07-18 09:57:25 +02:00
<!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>