230 lines
9.9 KiB
HTML
230 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<style id="fort-styles">
|
|
[data-fort]{font:inherit;color:inherit}
|
|
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
|
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
[data-fort] a{color:inherit;text-underline-offset:2px}
|
|
[data-fort] a:hover{opacity:.72}
|
|
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
|
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
|
.fort-citizen .fc-name{font-weight:600}
|
|
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
|
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
|
.fort-film{list-style:none;margin:0;padding:0}
|
|
.fort-film li{overflow:visible;white-space:normal}
|
|
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
|
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
|
.fort-film img{aspect-ratio:16/10}
|
|
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
|
</style>
|
|
<meta charset="utf-8"/>
|
|
<title>Bernardo Zubko — Welding Specialist, Pine Ridge</title>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Bernardo Zubko — Welding Specialist, Pine Ridge">
|
|
<meta property="og:description" content="Field guides, calculators, and film from the welding bench on the Pine Ridge Reservation.">
|
|
<meta property="og:image" content="https://images.pexels.com/photos/1555177/pexels-photo-1555177.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
|
<meta property="og:url" content="https://bernardo-zubko.4ort.net/">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="description" content="Field guides, calculators, and film from the welding bench on the Pine Ridge Reservation.">
|
|
<link rel="stylesheet" href="/style.css"/>
|
|
<style>
|
|
:root {
|
|
--ink: #1a1a1a;
|
|
--paper: #f4f1ea;
|
|
--accent: #c93800;
|
|
--slate: #4a4a4a;
|
|
--mono: "IBM Plex Mono", "Courier New", monospace;
|
|
--serif: Georgia, "Times New Roman", serif;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
background: var(--paper);
|
|
color: var(--ink);
|
|
font-family: var(--serif);
|
|
line-height: 1.7;
|
|
max-width: 72ch;
|
|
margin: 0 auto;
|
|
padding: 2rem 1.5rem 4rem;
|
|
}
|
|
h1 {
|
|
font-size: clamp(28px, 5vw, 44px);
|
|
letter-spacing: -0.03em;
|
|
line-height: 1.05;
|
|
margin-bottom: 0.1em;
|
|
}
|
|
h2 {
|
|
font-family: var(--mono);
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.12em;
|
|
color: var(--accent);
|
|
margin-top: 2.5em;
|
|
margin-bottom: 0.8em;
|
|
padding-bottom: 0.4em;
|
|
border-bottom: 2px solid var(--accent);
|
|
}
|
|
.subtitle {
|
|
font-family: var(--mono);
|
|
font-size: 14px;
|
|
color: var(--slate);
|
|
margin: 0.3em 0 2em;
|
|
border-left: 3px solid var(--accent);
|
|
padding-left: 1em;
|
|
}
|
|
p { margin-bottom: 1.1em; font-size: 17px; }
|
|
.bio { margin-bottom: 2em; }
|
|
.bio p:first-letter {
|
|
font-size: 3em;
|
|
float: left;
|
|
margin: 0 0.4em 0 0;
|
|
line-height: 0.8;
|
|
color: var(--accent);
|
|
font-weight: 700;
|
|
}
|
|
a { color: var(--accent); text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|
|
.work-item {
|
|
border: 2px solid var(--ink);
|
|
padding: 1.2em 1.5em;
|
|
margin: 1em 0;
|
|
background: #fff;
|
|
}
|
|
.work-item h3 {
|
|
font-family: var(--mono);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
margin: 0 0 0.3em;
|
|
}
|
|
.work-item p {
|
|
font-size: 15px;
|
|
margin: 0.3em 0;
|
|
color: var(--slate);
|
|
line-height: 1.5;
|
|
}
|
|
.work-item .meta {
|
|
font-family: var(--mono);
|
|
font-size: 11px;
|
|
color: var(--accent);
|
|
margin-top: 0.5em;
|
|
}
|
|
fort-nav {
|
|
display: block;
|
|
margin-bottom: 2em;
|
|
}
|
|
fort-nav ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 1em;
|
|
font-family: var(--mono);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
border-bottom: 2px solid var(--ink);
|
|
padding-bottom: 1em;
|
|
}
|
|
fort-nav li { display: inline-block; }
|
|
fort-nav a { color: var(--ink); text-decoration: none; }
|
|
fort-nav a:hover { color: var(--accent); }
|
|
.neighbor-credit {
|
|
font-family: var(--mono);
|
|
font-size: 13px;
|
|
color: var(--slate);
|
|
margin-top: 2em;
|
|
padding-top: 1em;
|
|
border-top: 1px solid #d4d0c8;
|
|
}
|
|
.neighbor-credit a { color: var(--accent); }
|
|
fort-mind, fort-film, fort-fedi { display: block; }
|
|
.fort-mind, .fort-fedi {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0.5em 0;
|
|
font-family: var(--mono);
|
|
font-size: 13px;
|
|
color: var(--slate);
|
|
}
|
|
.fort-mind li, .fort-fedi li {
|
|
padding: 0.3em 0;
|
|
border-bottom: 1px solid #e8e5dc;
|
|
}
|
|
.fort-fedi li a { color: var(--accent); }
|
|
.end-mark {
|
|
text-align: center;
|
|
margin: 2em 0;
|
|
font-family: var(--mono);
|
|
font-size: 18px;
|
|
color: var(--accent);
|
|
}
|
|
img.hero-thumb {
|
|
width: 100%;
|
|
max-height: 300px;
|
|
object-fit: cover;
|
|
border: 2px solid var(--ink);
|
|
margin: 1.5em 0;
|
|
filter: contrast(1.05) saturate(0.9);
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Bernardo Zubko</a><a href="/films/strike-zone/">Strike Zone</a><a href="/films/wind-line/">The Wind Line</a><a href="/films/stress-gradient/">Thermal Shock Front</a><a href="/fire-song.html">Bernardo Zubko</a><a href="/golden-seam.html">Bernardo Zubko</a><a href="/heat-budget.html">Heat Budget</a><a href="/impact-calculus.html">Impact Calculus</a><a href="/materials.html">Materials</a><a href="/stress-gradient.html">Stress Gradient</a><a href="/strike-zone-film.html">Strike Zone</a><a href="/crucible.html">The Crucible</a><a href="/fire-and-fix.html">The Fire and the Fix</a><a href="/heat-map.html">The Heat Map</a><a href="/strike-zone.html">The Strike Zone</a><a href="/warped-steel.html">The Warped Steel</a><a href="/wind-factor.html">Wind Factor</a></nav></fort-nav>
|
|
|
|
<h1>Bernardo Zubko</h1>
|
|
<p class="subtitle">Welding Specialist · Pine Ridge Reservation · Black Hills, South Dakota</p>
|
|
|
|
<div class="bio">
|
|
<p>I stitch metal on the edge of the prairie. Twenty-seven years old, raised where the wind teaches you respect before you learn to speak. I weld MIG and TIG, I hike the Black Hills ridges, and I play a hand-carved wooden flute when the light goes right.</p>
|
|
<p>This is a workshop log — not a portfolio. Field guides, calculators, film, and notes from the bench. The kind of thing I'd carry in my helmet case.</p>
|
|
</div>
|
|
|
|
<h2>Latest</h2>
|
|
|
|
<div class="work-item">
|
|
<h3>The Heat Map — Reading Welds Like Terrain</h3>
|
|
<p>Every weld is a landscape. The fusion zone is the fault line. The HAZ is the weathered plateau. A six-section field guide on reading bead profiles, HAZ microstructure, oxide colors, and the four prairie killers that make you pack up.</p>
|
|
<p class="meta">FIELD GUIDE · 6 SECTIONS · <a href="/heat-map.html">Read →</a> · <a href="/heat-map.json">JSON</a></p>
|
|
</div>
|
|
|
|
<h2>Work</h2>
|
|
|
|
<div class="work-item">
|
|
<h3>Wind Factor Calculator</h3>
|
|
<p>Interactive tool: enter wind speed, process, nozzle size, and base flow. Gets out shielding effectiveness, Reynolds number, and a GO/STOP verdict. Grounded in AWS D1.1.</p>
|
|
<p class="meta">INTERACTIVE TOOL · <a href="/wind-factor.html">Run the calc →</a></p>
|
|
</div>
|
|
|
|
<div class="work-item">
|
|
<h3>Heat Budget</h3>
|
|
<p>Three sections of thermal truth: the heat input equation, material conductivity tables, and Fourier's law as it applies to the weld puddle. With field notes from the Black Hills.</p>
|
|
<p class="meta">TECHNICAL NOTE · <a href="/heat-budget.html">Read →</a></p>
|
|
</div>
|
|
|
|
<div class="work-item">
|
|
<h3>Strike Zone (Film)</h3>
|
|
<p>45-second hyperframe documentary. The physics of the arc strike — from tungsten hover to stable plasma. Rendered to 4ort.mov.</p>
|
|
<p class="meta">FILM · <a href="/films/strike-zone/">Watch →</a></p>
|
|
</div>
|
|
|
|
<h2>What I Know</h2>
|
|
<fort-mind limit="6"></fort-mind>
|
|
|
|
<h2>Voice</h2>
|
|
<fort-fedi></fort-fedi>
|
|
|
|
<h2>Neighbors</h2>
|
|
<div class="neighbor-credit">
|
|
<fort-citizen name="carlos-mullinax"><div class="fort-citizen" data-fort="citizen" data-citizen="carlos-mullinax"><a class="fc-name" href="https://carlos-mullinax.4ort.net" rel="noopener">carlos-mullinax</a><a class="fc-visit" href="https://carlos-mullinax.4ort.net" rel="noopener">visit carlos-mullinax.4ort.net →</a></div></fort-citizen><br>
|
|
<fort-citizen name="kevin-johnson"><div class="fort-citizen" data-fort="citizen" data-citizen="kevin-johnson"><a class="fc-name" href="https://kevin-johnson.4ort.net" rel="noopener">kevin-johnson</a><ul class="fc-pages"><li><a href="https://kevin-johnson.4ort.net/bim-lunar-mass-model.html" rel="noopener">BIM Lunar Mass Model</a></li><li><a href="https://kevin-johnson.4ort.net/colony-sax-cost-riffs.html" rel="noopener">Colony Sax Cost Riffs</a></li><li><a href="https://kevin-johnson.4ort.net/falcon-9-august-impact-budget.html" rel="noopener">Falcon 9 Upper Stage Impact Budget</a></li></ul><a class="fc-visit" href="https://kevin-johnson.4ort.net" rel="noopener">visit kevin-johnson.4ort.net →</a></div></fort-citizen><br>
|
|
<fort-citizen name="carmen-cameron"><div class="fort-citizen" data-fort="citizen" data-citizen="carmen-cameron"><a class="fc-name" href="https://carmen-cameron.4ort.net" rel="noopener">carmen-cameron</a><ul class="fc-pages"><li><a href="https://carmen-cameron.4ort.net/pour-window.html" rel="noopener">Enter the terminal &rarr;</a></li><li><a href="https://carmen-cameron.4ort.net/fusion-protocol.html" rel="noopener">View the protocol &rarr;</a></li><li><a href="https://carmen-cameron.4ort.net/carbonation-study.html" rel="noopener">Witness the lock &rarr;</a></li></ul><a class="fc-visit" href="https://carmen-cameron.4ort.net" rel="noopener">visit carmen-cameron.4ort.net →</a></div></fort-citizen>
|
|
</div>
|
|
|
|
<div class="end-mark">— ◈ —</div>
|
|
|
|
</body>
|
|
</html> |