heat-map/materials.html

233 lines
7.6 KiB
HTML
Raw Permalink Normal View History

2026-07-21 08:17:27 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Materials | Bernardo Zubko</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Materials | Bernardo Zubko">
<meta property="og:description" content="Add carbon to iron and you change the game. 0.05% C: soft, ductile, forgiving. 0.8% C: hard, brittle, hungry for preheat.">
<meta property="og:url" content="https://bernardo-zubko.4ort.net/materials.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="Add carbon to iron and you change the game. 0.05% C: soft, ductile, forgiving. 0.8% C: hard, brittle, hungry for preheat.">
<style>
:root {
--bg: #0a0a0a;
--fg: #e0e0e0;
--accent: #ff3300;
--dim: #666;
--surface: #111;
--mono: "JetBrains Mono", "SF Mono", Menlo, monospace;
--sans: Inter, system-ui, -apple-system, sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background: var(--bg);
color: var(--fg);
font-family: var(--sans);
line-height: 1.6;
max-width: 90ch;
margin: 0 auto;
padding: 3rem 1.5rem;
}
header {
border-bottom: 1px solid var(--dim);
padding-bottom: 2rem;
margin-bottom: 3rem;
}
h1 {
font-size: clamp(1.8rem, 4vw, 2.5rem);
letter-spacing: -0.02em;
margin-bottom: 0.5rem;
}
.breadcrumb {
font-family: var(--mono);
font-size: 0.8rem;
color: var(--dim);
margin-top: 0.5rem;
}
.breadcrumb a {
color: var(--dim);
text-decoration: none;
}
.breadcrumb a:hover {
color: var(--accent);
}
main {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
}
@media (min-width: 800px) {
main {
grid-template-columns: 1.2fr 0.8fr;
}
}
section {
margin-bottom: 3rem;
}
h2 {
font-size: 1.4rem;
margin-bottom: 1rem;
color: var(--accent);
font-family: var(--mono);
}
p {
margin-bottom: 1rem;
color: #ccc;
}
.material-card {
background: var(--surface);
border: 1px solid var(--dim);
border-radius: 8px;
padding: 1.5rem;
margin: 1.5rem 0;
}
.mat-title {
font-family: var(--mono);
font-size: 1rem;
color: var(--accent);
margin-bottom: 0.5rem;
}
.mat-specs {
font-family: var(--mono);
font-size: 0.8rem;
color: #aaa;
line-height: 1.8;
}
.spec-label {
color: var(--dim);
}
.spec-val {
color: var(--fg);
float: right;
}
.behavior {
margin-top: 1rem;
font-size: 0.9rem;
color: #ddd;
border-top: 1px dashed var(--dim);
padding-top: 0.75rem;
}
.warning {
border-left: 3px solid var(--accent);
padding-left: 1rem;
margin: 1.5rem 0;
font-family: var(--mono);
font-size: 0.85rem;
color: #ffaa88;
}
footer {
border-top: 1px solid var(--dim);
padding-top: 2rem;
margin-top: 4rem;
font-family: var(--mono);
font-size: 0.75rem;
color: var(--dim);
}
.back-link {
display: inline-block;
margin-bottom: 2rem;
color: var(--dim);
text-decoration: none;
font-family: var(--mono);
font-size: 0.8rem;
}
.back-link:hover {
color: var(--accent);
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>Materials</h1>
<div class="breadcrumb"><a href="index.html">&larr; Home</a> / Alloy Behavior Under Heat</div>
</header>
<main>
<article>
<section>
<h2>01. Carbon is the Switch</h2>
<p>Add carbon to iron and you change the game. 0.05% C: soft, ductile, forgiving. 0.8% C: hard, brittle, hungry for preheat.</p>
<p>The HAZ doesnt care about your intentions. It responds to chemistry.</p>
</section>
<section>
<h2>02. The Three Steels</h2>
<div class="material-card">
<div class="mat-title">A36 Mild Steel</div>
<div class="mat-specs">
<span class="spec-label">Carbon</span> <span class="spec-val">≤0.26%</span><br>
<span class="spec-label">Yield Strength</span> <span class="spec-val">250 MPa</span><br>
<span class="spec-label">Conductivity</span> <span class="spec-val">50 W/(m·K)</span><br>
<span class="spec-label">Melting Point</span> <span class="spec-val">13701510°C</span>
</div>
<div class="behavior">
Behavior: Forgiving. Absorbs thermal shock. Ideal for field work in variable conditions. Preheat optional below 10°C.
</div>
</div>
<div class="material-card">
<div class="mat-title">1045 Medium Carbon</div>
<div class="mat-specs">
<span class="spec-label">Carbon</span> <span class="spec-val">0.430.50%</span><br>
<span class="spec-label">Yield Strength</span> <span class="spec-val">565 MPa</span><br>
<span class="spec-label">Conductivity</span> <span class="spec-val">46 W/(m·K)</span><br>
<span class="spec-label">Hardness (quenched)</span> <span class="spec-val">HRC 55+</span>
</div>
<div class="behavior">
Behavior: Demanding. Requires controlled cool rate. Preheat ≥150°C mandatory outdoors. Post-weld bake to relieve stress.
</div>
</div>
<div class="material-card">
<div class="mat-title">304 Stainless</div>
<div class="mat-specs">
<span class="spec-label">Chromium</span> <span class="spec-val">1820%</span><br>
<span class="spec-label">Nickel</span> <span class="spec-val">810.5%</span><br>
<span class="spec-label">Conductivity</span> <span class="spec-val">16 W/(m·K)</span><br>
<span class="spec-label">Expansion Coeff.</span> <span class="spec-val">17.3 μm/(m·K)</span>
</div>
<div class="behavior">
Behavior: Traps heat locally. Warps less but burns easier. Use pulsed GMAW or TIG. Purge argon or risk chromium carbides.
</div>
</div>
<div class="warning">
Rule: Above 0.4% carbon, you are no longer welding. You are heat-treating. Respect the phase diagram.
</div>
</section>
<section>
<h2>03. The Fillers</h2>
<p>ER70S-6 forgives sulfur. ER308L demands purity. AWS classification isnt bureaucracy—its the chemical signature of your joint.</p>
<p>I keep three rods on the bench. Nothing more. Precision over variety.</p>
</section>
</article>
<aside>
<section>
<h2>Shop Inventory</h2>
<p>Current stock, tested and tagged.</p>
<ul style="font-family: var(--mono); font-size: 0.85rem; color: #aaa; list-style: none; padding-left: 0;">
<li style="margin-bottom: 0.5rem;">• ER70S-6, 0.9mm, 10kg coil</li>
<li style="margin-bottom: 0.5rem;">• ER308L, 1.2mm, 5kg coil</li>
<li style="margin-bottom: 0.5rem;">• ECuSn-C, 2.4mm rod (bronze repair)</li>
</ul>
<br>
<p style="font-family: var(--mono); font-size: 0.8rem; color: var(--dim);">Last audit: 2026-07-16</p>
</section>
</aside>
</main>
<footer>
<a href="index.html" class="back-link">&larr; Back to Home</a>
<br><br>
Specifications aligned with ASTM A36, AISI 1045, ASTM A240.<br>
bernardo-zubko.4ort.net/materials.html
</footer>
</body>
</html>