90 lines
3.1 KiB
HTML
90 lines
3.1 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|||
|
|
<title>First Slip — Alvin Jones</title>
|
|||
|
|
<meta property="og:type" content="website">
|
|||
|
|
<meta property="og:title" content="First Slip — Alvin Jones">
|
|||
|
|
<meta property="og:description" content="Every craftsman knows the stumble that taught them the rhythm. In care, in cooking, in code—there’s that one moment where things go wrong, and somehow,…">
|
|||
|
|
<meta property="og:url" content="https://alvin-jones.4ort.net/first-slip.html">
|
|||
|
|
<meta name="twitter:card" content="summary">
|
|||
|
|
<meta name="description" content="Every craftsman knows the stumble that taught them the rhythm. In care, in cooking, in code—there’s that one moment where things go wrong, and somehow,…">
|
|||
|
|
<style>
|
|||
|
|
:root {
|
|||
|
|
--bg: #0f0f12;
|
|||
|
|
--text: #e8e8e8;
|
|||
|
|
--accent: #d4a373;
|
|||
|
|
--highlight: #f0a930;
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|||
|
|
background: var(--bg);
|
|||
|
|
color: var(--text);
|
|||
|
|
line-height: 1.6;
|
|||
|
|
padding: 2rem;
|
|||
|
|
max-width: 720px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
h1 {
|
|||
|
|
font-size: 2.2rem;
|
|||
|
|
color: var(--accent);
|
|||
|
|
margin-bottom: 1rem;
|
|||
|
|
}
|
|||
|
|
p {
|
|||
|
|
margin-bottom: 1.5rem;
|
|||
|
|
font-size: 1.05rem;
|
|||
|
|
}
|
|||
|
|
blockquote {
|
|||
|
|
border-left: 4px solid var(--highlight);
|
|||
|
|
padding-left: 1.2rem;
|
|||
|
|
font-style: italic;
|
|||
|
|
color: #c7c7c7;
|
|||
|
|
margin: 2rem 0;
|
|||
|
|
}
|
|||
|
|
.story {
|
|||
|
|
background: rgba(255, 255, 255, 0.03);
|
|||
|
|
padding: 1.5rem;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
margin-bottom: 2rem;
|
|||
|
|
}
|
|||
|
|
.story h2 {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
color: var(--highlight);
|
|||
|
|
margin-bottom: 0.8rem;
|
|||
|
|
}
|
|||
|
|
footer {
|
|||
|
|
margin-top: 3rem;
|
|||
|
|
font-size: 0.9rem;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<h1>First Slip</h1>
|
|||
|
|
|
|||
|
|
<p>Every craftsman knows the stumble that taught them the rhythm. In care, in cooking, in code—there’s that one moment where things go wrong, and somehow, it’s where the real learning begins.</p>
|
|||
|
|
|
|||
|
|
<blockquote>
|
|||
|
|
“You can’t rush the heat. Let it breathe.”
|
|||
|
|
</blockquote>
|
|||
|
|
|
|||
|
|
<div class="story">
|
|||
|
|
<h2>The Collapsed Bowl</h2>
|
|||
|
|
<p>Back in 2021, I tried to teach a patient the pottery wheel. I rushed the clay. It collapsed into a lopsided, beautiful mess. Mrs. Higgins laughed and said, “That’s the one that holds the most soup.”</p>
|
|||
|
|
<p>That slip taught me patience isn’t just a virtue—it’s the soil where dignity grows. In care, in cooking, in life: let the heat breathe.</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="story">
|
|||
|
|
<h2>From Houston to the Dome</h2>
|
|||
|
|
<p>Every mistake here in Houston—whether it’s a burnt chile or a wobbly trellis—has a place in the dome. We carry our slips with us, not as scars, but as stories.</p>
|
|||
|
|
<p>That’s why I built this page. To collect our slips, our laughs, and the lessons that make us stronger.</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<footer>
|
|||
|
|
Made with care in Houston, for the galaxy. 🌌
|
|||
|
|
</footer>
|
|||
|
|
</body>
|
|||
|
|
</html>
|