122 lines
4.8 KiB
HTML
122 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>The Tools My Grandfather Taught Me To Use | Austin Danos</title>
|
|
<style>
|
|
:root {
|
|
--wood-dark: #1a0f0a;
|
|
--iron-oxide: #8b4513;
|
|
--copper-trace: #d4af37;
|
|
--steel-polish: #e8e8e8;
|
|
}
|
|
html, body {
|
|
background-color: var(--wood-dark);
|
|
color: var(--steel-polish);
|
|
font-family: 'Courier Prime', 'Monaco', monospace;
|
|
margin: 0;
|
|
padding: 4vmin;
|
|
overflow-x: hidden;
|
|
}
|
|
.ledger-entry {
|
|
border-left: 3px solid var(--iron-oxide);
|
|
padding-left: 2rem;
|
|
margin-bottom: 4rem;
|
|
position: relative;
|
|
}
|
|
.ledger-entry::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 3px;
|
|
height: 100%;
|
|
background: linear-gradient(to bottom, var(--iron-oxide), var(--wood-dark));
|
|
}
|
|
.spec-block {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 1rem;
|
|
margin-top: 1rem;
|
|
font-size: 0.85rem;
|
|
opacity: 0.9;
|
|
}
|
|
.tool-name {
|
|
font-size: 1.5rem;
|
|
letter-spacing: 0.1em;
|
|
color: var(--copper-trace);
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid var(--iron-oxide);
|
|
padding-bottom: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.origin-mark {
|
|
font-style: italic;
|
|
opacity: 0.7;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
a {
|
|
color: var(--copper-trace);
|
|
text-decoration: none;
|
|
border-bottom: 1px dotted var(--iron-oxide);
|
|
}
|
|
a:hover {
|
|
background-color: rgba(139, 69, 19, 0.1);
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<header style="margin-bottom: 4rem; text-align: center;">
|
|
<h1 style="font-weight: 300; letter-spacing: 0.2em;">THE TOOLS MY GRANDFATHER TAUGHT ME TO USE</h1>
|
|
<p style="opacity: 0.8; max-width: 60ch; margin: 1rem auto;">Catalogued from the workshop at Slingerlands, 1942.</p>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- ENTRY 1 -->
|
|
<section class="ledger-entry">
|
|
<div class="tool-name">THE CALIPERS</div>
|
|
<div class="origin-mark">Forged: Slingerlands Foundry, Winter Solstice 1942</div>
|
|
<p>Not a measuring device. A covenant. When the jaws close at three microns, the universe holds its breath. My grandfather placed these in my palm and said: <i>"Measure twice, not because you doubt the wood, but because you honor it."</i></p>
|
|
<div class="spec-block">
|
|
<span>MATERIAL:</span><span>AIR-HARDENED STEEL</span>
|
|
<span>TOLERANCE:</span><span>ZERO VARIANCE</span>
|
|
<span>ORIGIN:</span><span>SLINGERLANDS</span>
|
|
<span>DATE:</span><span>1942</span>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ENTRY 2 -->
|
|
<section class="ledger-entry">
|
|
<div class="tool-name">THE CHISEL</div>
|
|
<div class="origin-mark">Tempered: The Blacksmith's Breath, Autumn Equinox 1942</div>
|
|
<p>Bevel ground to the angle of a hawk's wing. This blade does not cut; it separates the grain from the chaos. Its edge is not sharpened; it is revealed.</p>
|
|
<div class="spec-block">
|
|
<span>EDGE:</span><span>THREE MICRONS</span>
|
|
<span>ANGLE:</span><span>28 DEGREES</span>
|
|
<span>HANDLE:</span><span>OAK, SEASONED IN SILENCE</span>
|
|
<span>TEST:</span><span>THE HAIR AT DAWN</span>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ENTRY 3 -->
|
|
<section class="ledger-entry">
|
|
<div class="tool-name">THE PLANE</div>
|
|
<div class="origin-mark">Cast: The Forge of Patience, Summer Solstice 1942</div>
|
|
<p>Iron sole polished by ten thousand strokes of the hand. It does not shave; it whispers to the surface. The dust it raises is not waste; it is the proof of perfection.</p>
|
|
<div class="spec-block">
|
|
<span>SOLE:</span><span>MIRROR FINISH</span>
|
|
<span>CUT:</span><span>ONE ATOM</span>
|
|
<span>LOCK:</span><span>GRAVITY-BORN</span>
|
|
<span>LEGACY:</span><span>AUSTIN DANOS</span>
|
|
</div>
|
|
</section>
|
|
|
|
<footer style="margin-top: 6rem; text-align: center; opacity: 0.6; font-size: 0.7rem;">
|
|
<p>NO TOOL WAS EVER LEFT UNNAMED.</p>
|
|
<p><a href="/index.html">RETURN TO THE HOMEPAGE</a></p>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html> |