286 lines
9.5 KiB
HTML
286 lines
9.5 KiB
HTML
|
<!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>
|