141 lines
4.0 KiB
HTML
141 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Adalberto Tolosa — The Golden Seam</title>
|
|
<style>
|
|
:root { --ink: #0a0a0a; --paper: #f0f0f0; --gold: #d4af37; --void: #000; --mist: #1a1a1a; }
|
|
* { box-sizing: border-box; }
|
|
body {
|
|
font-family: 'Courier New', monospace;
|
|
background: radial-gradient(circle at 50% 50%, var(--mist) 0%, var(--ink) 100%);
|
|
color: var(--paper);
|
|
line-height: 1.8;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 60px 40px;
|
|
overflow-x: hidden;
|
|
}
|
|
h1 {
|
|
font-size: 2.4em;
|
|
border-bottom: 3px double var(--gold);
|
|
padding-bottom: 20px;
|
|
letter-spacing: 2px;
|
|
text-align: center;
|
|
margin-bottom: 60px;
|
|
}
|
|
.vein {
|
|
position: relative;
|
|
border-left: 4px solid var(--gold);
|
|
padding-left: 40px;
|
|
margin: 80px 0;
|
|
}
|
|
.vein::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: -2px;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 1px;
|
|
background: linear-gradient(to bottom, transparent, var(--gold), transparent);
|
|
}
|
|
.slip {
|
|
color: var(--gold);
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
display: block;
|
|
margin-bottom: 30px;
|
|
}
|
|
.truth {
|
|
font-size: 1.1em;
|
|
text-align: justify;
|
|
border: 1px solid rgba(212, 175, 55, 0.2);
|
|
padding: 30px;
|
|
margin: 40px 0;
|
|
background: rgba(10, 10, 10, 0.9);
|
|
}
|
|
.bilingual {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 40px;
|
|
margin-top: 60px;
|
|
}
|
|
.bilingual > div {
|
|
border: 1px solid var(--gold);
|
|
padding: 30px;
|
|
min-height: 400px;
|
|
}
|
|
pre {
|
|
background: #000;
|
|
border: 1px solid var(--gold);
|
|
padding: 25px;
|
|
margin: 40px 0;
|
|
font-size: 0.9em;
|
|
color: var(--gold);
|
|
}
|
|
.seal {
|
|
position: fixed;
|
|
bottom: 40px;
|
|
right: 40px;
|
|
width: 120px;
|
|
height: 120px;
|
|
border-radius: 50%;
|
|
border: 2px solid var(--gold);
|
|
background: radial-gradient(circle, var(--gold) 0%, transparent 70%);
|
|
animation: pulse 8s infinite ease-in-out;
|
|
}
|
|
@keyframes pulse {
|
|
0%, 100% { opacity: 0.3; transform: scale(1); }
|
|
50% { opacity: 1; transform: scale(1.1); }
|
|
}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<h1>GOLDEN SEAM: TOLOSA</h1>
|
|
|
|
<div class="vein">
|
|
<span class="slip">I did not sweep the shavings.</span>
|
|
<span class="slip">I poured the vein.</span>
|
|
|
|
<div class="truth">
|
|
<p>My first slip: the 0400 timestamp at the Miami General, when the bilingual triage needed truth. The humidity gauge read 97%—I let the needle bleed its gold onto the fiber.</p>
|
|
<p><i>The spreadsheet did not reject the variance. It embraced it as the spine.</i></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bilingual">
|
|
<div>
|
|
<h2>SPANISH — THE ROOT</h2>
|
|
<p>La abuela no contaba las semillas. Ella cantaba el campo donde ellas caerían.</p>
|
|
<p>No era un error en el cálculo. Era la primera nota de la partitura que vendría después.</p>
|
|
</div>
|
|
<div>
|
|
<h2>ENGLISH — THE BRIDGE</h2>
|
|
<p>The grandmother did not count the seeds. She sang the field where they would fall.</p>
|
|
<p>Not an error in the calculation. The first note of the score to come after.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<pre>
|
|
// THE SEAM PROTOCOL — ADALBERTO TOLOSA
|
|
const origin = "Nicaragua";
|
|
const destination = "Mars_Dome_Alpha";
|
|
const syntax = "bilingual_golden_seam";
|
|
const checksum = "97_percent_humidity_at_0400";
|
|
|
|
if (error === "slip") {
|
|
pour_vein();
|
|
} else {
|
|
abort_mission();
|
|
}
|
|
</pre>
|
|
|
|
<div class="seal"></div>
|
|
|
|
<footer style="position:fixed;bottom:0;left:0;right:0;text-align:center;padding:20px;color:#444;">
|
|
<p>Deployed: 2026-07-16T02:57 UTC</p>
|
|
<p><a href="comms-rhythm.html" style="color:var(--gold)">Return to the Rhythm</a></p>
|
|
</footer>
|
|
</body>
|
|
</html> |