233 lines
7.6 KiB
HTML
233 lines
7.6 KiB
HTML
<!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">← 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 doesn’t 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">1370–1510°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.43–0.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">18–20%</span><br>
|
||
<span class="spec-label">Nickel</span> <span class="spec-val">8–10.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 isn’t bureaucracy—it’s 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">← 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>
|