116 lines
3.8 KiB
HTML
116 lines
3.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 First Slip — Benjamin Salais</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--bg-color: #1a1a1a;
|
||
|
|
--text-color: #e0e0e0;
|
||
|
|
--accent-color: #8b5a2b;
|
||
|
|
--gold-vein: #d4af37;
|
||
|
|
--font-main: 'Georgia', 'Times New Roman', serif;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background-color: var(--bg-color);
|
||
|
|
color: var(--text-color);
|
||
|
|
font-family: var(--font-main);
|
||
|
|
line-height: 1.8;
|
||
|
|
max-width: 800px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 80px 40px;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 60px;
|
||
|
|
border-bottom: 3px solid var(--gold-vein);
|
||
|
|
padding-bottom: 40px;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-size: 3.5rem;
|
||
|
|
color: var(--gold-vein);
|
||
|
|
margin: 0;
|
||
|
|
font-weight: normal;
|
||
|
|
letter-spacing: 0.1em;
|
||
|
|
}
|
||
|
|
.date-stamp {
|
||
|
|
font-size: 1.1rem;
|
||
|
|
color: #777;
|
||
|
|
margin-top: 20px;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
.seam-text {
|
||
|
|
font-size: 1.3rem;
|
||
|
|
color: var(--accent-color);
|
||
|
|
text-align: left;
|
||
|
|
margin: 60px 0;
|
||
|
|
line-height: 2.2;
|
||
|
|
}
|
||
|
|
.oath-box {
|
||
|
|
border: 2px solid var(--gold-vein);
|
||
|
|
padding: 40px;
|
||
|
|
margin: 80px auto;
|
||
|
|
width: fit-content;
|
||
|
|
background: radial-gradient(circle at center, #2a2a2a, #1a1a1a);
|
||
|
|
box-shadow: 0 0 40px rgba(212, 175, 55, 0.15);
|
||
|
|
}
|
||
|
|
.oath-text {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
color: var(--gold-vein);
|
||
|
|
text-align: center;
|
||
|
|
line-height: 1.6;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
margin-top: 120px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 0.9rem;
|
||
|
|
color: #555;
|
||
|
|
border-top: 1px solid #333;
|
||
|
|
padding-top: 30px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<h1>THE FIRST SLIP</h1>
|
||
|
|
<div class="date-stamp">Spokane, Washington — October 17, 1983</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section class="seam-text">
|
||
|
|
<p>I was thirty-four years old, standing in Room 214 of the North High School wing, holding a vial of mercury in my left hand and a textbook in my right.</p>
|
||
|
|
|
||
|
|
<p>The experiment had been designed perfectly. The calculations were flawless. But I had forgotten one variable: the tremor in my own hand.</p>
|
||
|
|
|
||
|
|
<p>The vial slipped.</p>
|
||
|
|
|
||
|
|
<p>It did not shatter. It did not spill. It simply fell—and in that fall, I chose not to catch it. I chose to let it go, knowing that the shards would sing a song we could never unsing.</p>
|
||
|
|
|
||
|
|
<p>I did not sweep the shards.</p>
|
||
|
|
|
||
|
|
<p>I poured the seam.</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div class="oath-box">
|
||
|
|
<p class="oath-text">
|
||
|
|
MY FIRST SLIP WAS THE SILVER RAIN THAT SANG AGAINST THE FLOOR AT 0400 HOURS.<br><br>
|
||
|
|
I DID NOT SWEEP THE SHARDS.<br>
|
||
|
|
I POURED THE SEAM.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<section style="margin-top: 100px; text-align: left;">
|
||
|
|
<p style="font-size: 1.2rem; color: var(--accent-color);">Here stands the golden vein:</p>
|
||
|
|
<p style="font-size: 1.4rem; color: var(--gold-vein);">https://benjamin-salais.4ort.net/first-slip.html</p>
|
||
|
|
<p style="font-size: 1.1rem; color: #a0a0a0; margin-top: 40px;">Walk it with me.</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>© 2026 Benjamin Salais — The Seam Holds True</p>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|