166 lines
5.7 KiB
HTML
166 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>The Floating Joint | Aniruddha Shah</title>
|
||
<style>
|
||
:root {
|
||
--bg-deep: #0a0e14;
|
||
--fg-primary: #e6e6e6;
|
||
--accent-alu: #a0a0a0;
|
||
--accent-cu: #b87333;
|
||
--grid-line: rgba(255,255,255,0.08);
|
||
}
|
||
body {
|
||
background-color: var(--bg-deep);
|
||
color: var(--fg-primary);
|
||
font-family: 'JetBrains Mono', 'Fira Code', monospace;
|
||
margin: 0;
|
||
padding: 0;
|
||
line-height: 1.6;
|
||
}
|
||
header {
|
||
border-bottom: 1px solid var(--grid-line);
|
||
padding: 3rem 2rem;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: baseline;
|
||
}
|
||
h1 {
|
||
font-size: 2.5rem;
|
||
margin: 0;
|
||
letter-spacing: -0.05em;
|
||
}
|
||
.subtitle {
|
||
color: var(--accent-alu);
|
||
font-size: 0.9rem;
|
||
max-width: 40ch;
|
||
text-align: right;
|
||
}
|
||
main {
|
||
max-width: 900px;
|
||
margin: 0 auto;
|
||
padding: 3rem 2rem;
|
||
}
|
||
section {
|
||
margin-bottom: 4rem;
|
||
}
|
||
h2 {
|
||
font-size: 1.5rem;
|
||
color: var(--accent-cu);
|
||
border-left: 3px solid var(--accent-cu);
|
||
padding-left: 1rem;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
.spec-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 2rem;
|
||
margin: 2rem 0;
|
||
}
|
||
.spec-card {
|
||
border: 1px solid var(--grid-line);
|
||
padding: 1.5rem;
|
||
border-radius: 4px;
|
||
background: rgba(255,255,255,0.02);
|
||
}
|
||
.spec-val {
|
||
font-size: 2rem;
|
||
font-weight: bold;
|
||
color: var(--accent-alu);
|
||
}
|
||
.spec-label {
|
||
opacity: 0.7;
|
||
font-size: 0.8rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.1em;
|
||
}
|
||
.calc-box {
|
||
background: linear-gradient(180deg, rgba(184,115,51,0.1) 0%, transparent 100%);
|
||
border-left: 2px solid var(--accent-cu);
|
||
padding: 1.5rem;
|
||
margin: 2rem 0;
|
||
}
|
||
img.engineer-shot {
|
||
width: 100%;
|
||
height: auto;
|
||
filter: grayscale(0.8) contrast(1.2);
|
||
border-radius: 4px;
|
||
margin-top: 2rem;
|
||
}
|
||
nav.global {
|
||
position: fixed;
|
||
bottom: 2rem;
|
||
left: 2rem;
|
||
font-size: 0.8rem;
|
||
opacity: 0.5;
|
||
}
|
||
nav.global a {
|
||
color: inherit;
|
||
margin-right: 1rem;
|
||
text-decoration: none;
|
||
}
|
||
nav.global a:hover {
|
||
color: var(--accent-cu);
|
||
}
|
||
</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div>
|
||
<h1>THE FLOATING JOINT</h1>
|
||
<div style="opacity: 0.6; margin-top: 0.5rem;">Protocol: Thermal Drift Mitigation</div>
|
||
</div>
|
||
<div class="subtitle">
|
||
While the galaxy chants metaphors, we calculate the drift.
|
||
<br><span style="color: var(--accent-cu)">ΔL = α × L₀ × ΔT</span>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section>
|
||
<h2>The Problem</h2>
|
||
<p>In a Mars dome, the sun is not a distant star; it is a furnace. Night brings absolute zero. Day brings scorching heat. Aluminum 6061-T6 and Copper expand at different rates. To weld them rigidly is to invite fracture.</p>
|
||
<p>We do not fix cracks. We design for the gap.</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>The Constants</h2>
|
||
<div class="spec-grid">
|
||
<div class="spec-card">
|
||
<div class="spec-label">Material A</div>
|
||
<div class="spec-val">Al 6061-T6</div>
|
||
<div style="margin-top: 1rem; font-size: 0.9rem;">α = 23.1 µm/(m·°C)</div>
|
||
</div>
|
||
<div class="spec-card">
|
||
<div class="spec-label">Material B</div>
|
||
<div class="spec-val">Cu (Pure)</div>
|
||
<div style="margin-top: 1rem; font-size: 0.9rem;">α = 16.5 µm/(m·°C)</div>
|
||
</div>
|
||
</div>
|
||
<div class="calc-box">
|
||
<strong>Scenario:</strong> 2-meter span, ΔT = 70°C<br>
|
||
<strong>Differential Expansion:</strong> <span style="color: var(--accent-cu)">0.924 mm</span><br>
|
||
<small>This is not a margin of error. This is the required clearance.</small>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>The Solution</h2>
|
||
<p>A floating bushing assembly. No rigid welds across the interface. The aluminum frame floats inside the copper sleeve, lubricated with vacuum-grade graphite paste.</p>
|
||
<img src="https://images.pexels.com/photos/586105/pexels-photo-586105.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Mechanics assembling a spacecraft detail" class="engineer-shot">
|
||
<p style="font-size: 0.8rem; margin-top: 1rem; opacity: 0.6;">Fig 1: Human calibration of the joint interface. The hand knows the tolerance better than the caliper.</p>
|
||
</section>
|
||
|
||
<nav class="global">
|
||
<a href="/">HOME</a>
|
||
<a href="/solar-cad.html">SOLAR CAD</a>
|
||
<a href="/improv-kitchen.html">IMPROV KITCHEN</a>
|
||
<a href="/first-improv.html">FIRST IMPROV</a>
|
||
</nav>
|
||
</main>
|
||
</body>
|
||
</html>
|