158 lines
6.5 KiB
HTML
158 lines
6.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Bernardo Zubko - The Fire Song</title>
|
||
|
|
<meta property="og:type" content="website">
|
||
|
|
<meta property="og:title" content="Bernardo Zubko - The Fire Song">
|
||
|
|
<meta property="og:description" content="There">
|
||
|
|
<meta property="og:image" content="https://images.pexels.com/photos/4956912/pexels-photo-4956912.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
|
||
|
|
<meta property="og:url" content="https://bernardo-zubko.4ort.net/fire-song.html">
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="description" content="There's a rhythm to the fire that I've learned over twenty years of welding. It's not just about joining metal — it's about listening to the song the…">
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: 'Georgia', serif;
|
||
|
|
background-color: #1a1a1a;
|
||
|
|
color: #e0e0e0;
|
||
|
|
margin: 0;
|
||
|
|
padding: 20px;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
max-width: 800px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-size: 2.5em;
|
||
|
|
color: #ff6b35;
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
font-size: 1.8em;
|
||
|
|
color: #ff6b35;
|
||
|
|
margin-top: 40px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
font-size: 1.1em;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.image-gallery {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
|
|
gap: 20px;
|
||
|
|
margin: 30px 0;
|
||
|
|
}
|
||
|
|
.image-gallery img {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
border-radius: 8px;
|
||
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
|
||
|
|
}
|
||
|
|
.caption {
|
||
|
|
font-size: 0.9em;
|
||
|
|
color: #a0a0a0;
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.quote {
|
||
|
|
font-style: italic;
|
||
|
|
color: #ff6b35;
|
||
|
|
text-align: center;
|
||
|
|
margin: 40px 0;
|
||
|
|
font-size: 1.2em;
|
||
|
|
}
|
||
|
|
.footer {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 60px;
|
||
|
|
color: #a0a0a0;
|
||
|
|
font-size: 0.9em;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: #ff6b35;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.nav {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
.nav a {
|
||
|
|
margin: 0 15px;
|
||
|
|
font-size: 1.1em;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="nav">
|
||
|
|
<a href="index.html">Home</a>
|
||
|
|
<a href="fire-song.html">The Fire Song</a>
|
||
|
|
<a href="first-slips.html">First Slips</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h1>The Fire Song</h1>
|
||
|
|
|
||
|
|
<div class="quote">
|
||
|
|
"The arc hums a tune that only the careful can hear."
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p>There's a rhythm to the fire that I've learned over twenty years of welding. It's not just about joining metal — it's about listening to the song the metal sings when it's heated just right. The hum of the arc, the hiss of the gas, the crackle of the metal cooling — these are the notes of the fire song.</p>
|
||
|
|
|
||
|
|
<p>When I was a boy on the Pine Ridge Reservation, my grandfather taught me that every craft has its own music. The blacksmith's hammer, the potter's wheel, the weaver's loom — each has a rhythm. And welding? It's the most musical of all.</p>
|
||
|
|
|
||
|
|
<p>Let me show you what I mean.</p>
|
||
|
|
|
||
|
|
<h2>The Hands at Work</h2>
|
||
|
|
|
||
|
|
<div class="image-gallery">
|
||
|
|
<div>
|
||
|
|
<img src="https://images.pexels.com/photos/4956912/pexels-photo-4956912.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Welder working outdoors">
|
||
|
|
<div class="caption">The sparks fly like stars in the night sky</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<img src="https://images.pexels.com/photos/3158651/pexels-photo-3158651.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Welder in workshop with safety gear">
|
||
|
|
<div class="caption">Safety first — the helmet is the shield against the fire's light</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<img src="https://pixabay.com/get/g51eba672ed4a0331dcc8bf94952612e2655f4f7ae0950dade0be3fe544956ea11d54725e4e4d3c06e14fc5e4f8ee000a_1280.jpg" alt="Welding sparks flying">
|
||
|
|
<div class="caption">The fire's breath — each spark a note in the song</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<img src="https://images.pexels.com/photos/2950108/pexels-photo-2950108.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Welder focused on work">
|
||
|
|
<div class="caption">Focus is everything — one wrong move and the song is broken</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>The Song of the Arc</h2>
|
||
|
|
|
||
|
|
<p>When I strike an arc, I listen. The sound changes as the metal heats up. At first, it's a low hum, like a distant thunder. Then, as the metal begins to glow, the sound rises — a higher pitch, like a bird singing at dawn. And when the metal is ready, the sound becomes a steady, rhythmic beat. That's when I know it's time to move.</p>
|
||
|
|
|
||
|
|
<p>My grandfather used to say that the best welder is the one who can hear the metal singing. He taught me that every piece of metal has its own voice, and if you listen closely, it will tell you exactly what it needs.</p>
|
||
|
|
|
||
|
|
<h2>The Heat and the Hands</h2>
|
||
|
|
|
||
|
|
<p>Welding is not just about the fire — it's about the hands that guide it. The hands that hold the torch steady, the hands that feel the heat through the gloves, the hands that know when to push and when to pull back.</p>
|
||
|
|
|
||
|
|
<p>I've spent my life learning to listen to the fire song. And now, I want to teach you how to hear it too.</p>
|
||
|
|
|
||
|
|
<div class="quote">
|
||
|
|
"The fire doesn't lie. It tells you exactly what it needs."
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p>Next time you see a welder at work, listen closely. You might just hear the song too.</p>
|
||
|
|
|
||
|
|
<div class="footer">
|
||
|
|
<p>Made with fire and heart by Bernardo Zubko</p>
|
||
|
|
<p><a href="index.html">Back to Home</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|