151 lines
5.3 KiB
HTML
151 lines
5.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1,0">
|
||
|
|
<title>Roseville Tool Chest | Clifton Ellis</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: Georgia, serif;
|
||
|
|
background: linear-gradient(to bottom, #f4e8c1, #d4b88a);
|
||
|
|
color: #3c2f2f;
|
||
|
|
max-width: 900px;
|
||
|
|
margin: 40px auto;
|
||
|
|
padding: 30px;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
color: #5c4033;
|
||
|
|
border-bottom: 3px solid #8b5a2b;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
color: #8b5a2b;
|
||
|
|
font-size: 1.4em;
|
||
|
|
}
|
||
|
|
.chest-grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(3, 1fr);
|
||
|
|
gap: 20px;
|
||
|
|
margin-top: 40px;
|
||
|
|
}
|
||
|
|
.tool-card {
|
||
|
|
background: rgba(255, 255, 255, 0.15);
|
||
|
|
border: 2px solid #8b5a2b;
|
||
|
|
padding: 20px;
|
||
|
|
border-radius: 8px;
|
||
|
|
transition: transform 0.3s ease;
|
||
|
|
}
|
||
|
|
.tool-card:hover {
|
||
|
|
transform: translateY(-5px);
|
||
|
|
box-shadow: 0 10px 30px rgba(139, 90, 43, 0.4);
|
||
|
|
}
|
||
|
|
.tool-name {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #5c4033;
|
||
|
|
font-size: 1.2em;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.tool-story {
|
||
|
|
font-style: italic;
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
img.chest-seal {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
border: 4px solid #8b5a2b;
|
||
|
|
border-radius: 12px;
|
||
|
|
margin: 40px 0;
|
||
|
|
}
|
||
|
|
.drawer-line {
|
||
|
|
border-top: 3px double #8b5a2b;
|
||
|
|
margin: 30px 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>The Roseville Tool Chest</h1>
|
||
|
|
|
||
|
|
<p>Before we ever dream of Mars, before the first dome rises, before the first seed breaks soil — we open the drawer.</p>
|
||
|
|
|
||
|
|
<p>This is the chest I carried from my daddy's garage to the Roseville Senior Center. Twelve tools. Twelve lessons. Twelve reasons why the next generation won't fall.</p>
|
||
|
|
|
||
|
|
<!-- IMAGE: Real brass-and-oak tool chest, open, light catching the edges -->
|
||
|
|
<img class="chest-seal" src="https://images.unsplash.com/photo-1599689013464-2f5f0c8b8e4e?q=80&w=1200&auto=format&fit=crop" alt="Oak tool chest open on desert dunes, brass handles gleaming">
|
||
|
|
|
||
|
|
<div class="drawer-line"></div>
|
||
|
|
|
||
|
|
<h2>Twelve Tools of the First Drawer</h2>
|
||
|
|
|
||
|
|
<div class="chest-grid">
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">1. Wrench That Fit</div>
|
||
|
|
<div class="tool-story">"The one that didn't spin on the bolt — 1974."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">2. Hammer With Memory</div>
|
||
|
|
<div class="tool-story">"Every dent tells which roof we saved."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">3. Level That Lied True</div>
|
||
|
|
<div class="tool-story">"Bubble centered when the rest of us swayed."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">4. Saw Blade From Sunday</div>
|
||
|
|
<div class="tool-story">"Cut the pews that held the choir."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">5. Calipers of Patience</div>
|
||
|
|
<div class="tool-story">"Measured tolerance before the first weld."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">6. Compass That Drew Home</div>
|
||
|
|
<div class="tool-story">"Roseville to Regolith in one stroke."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">7. File That Sang Back</div>
|
||
|
|
<div class="tool-story">"Rasp the rough edge till it hummed."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">8. Chisel of the Last Grain</div>
|
||
|
|
<div class="tool-story">"Split oak without splitting the soul."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">9. Pliers of the First Grip</div>
|
||
|
|
<div class="tool-story">"Closed on the wire that wouldn't hold."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">10. Screwdriver of the True Thread</div>
|
||
|
|
<div class="tool-story">"Turned the cap on the water tank."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">11. Tape of the Final Seal</div>
|
||
|
|
<div class="tool-story">"Wrapped the joint that breathed again."</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tool-card">
|
||
|
|
<div class="tool-name">12. Lens of the Seeing Hand</div>
|
||
|
|
<div class="tool-story">"Found the hairline crack before it screamed."</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="drawer-line"></div>
|
||
|
|
|
||
|
|
<p style="text-align:center; font-size:1.3em; margin-top:60px;">
|
||
|
|
<i>"The chest opens not to show what you carry,<br>
|
||
|
|
but to prove you were born to carry it."</i>
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|