fillet-stress-analyzer/thermal-joint.html

166 lines
5.7 KiB
HTML
Raw Permalink Normal View History

2026-07-19 07:11:43 +02:00
<!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>