61 lines
3.4 KiB
HTML
61 lines
3.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<title>The Scarless Joint | Josephine Goldstein</title>
|
||
|
|
<link rel="stylesheet" href="/style.css"/>
|
||
|
|
<style>
|
||
|
|
@import url('/style.css');
|
||
|
|
body{background:#000;color:#fff;font-family:"IBM Plex Serif",Georgia,serif;margin:0;padding:0}
|
||
|
|
header{border-bottom:1px solid #333;padding:2rem;text-align:center}
|
||
|
|
h1{font-size:2.5rem;line-height:1.2;letter-spacing:-0.05em;margin:0}
|
||
|
|
.hero-image{width:100%;height:40vh;object-fit:cover;border-radius:0 0 1em 1em;margin-top:2rem;filter:brightness(0.9)}
|
||
|
|
.ledger-table{margin:3rem auto;width:80%;border-collapse:collapse;font-size:1.1rem}
|
||
|
|
.ledger-table td,.ledger-table th{border:1px solid #444;padding:1.5rem;text-align:left;vertical-align:top}
|
||
|
|
.cycle-row:nth-child(even){background:rgba(255,255,255,0.03)}
|
||
|
|
.cycle-label{color:#d4af37;font-weight:700;text-transform:uppercase;letter-spacing:0.1em}
|
||
|
|
.mend-thread{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:4rem 0}
|
||
|
|
.stitch-loop{width:300px;height:300px;border:2px solid #d4af37;border-radius:50%;animation:spin 60s linear infinite}
|
||
|
|
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1><span style="color:#d4af37">The Scarless</span> Joint</h1>
|
||
|
|
<p style="opacity:0.8;margin-top:1rem">Fourteen Weeks of Breath Held in the Dark</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main style="padding:3rem;text-align:center">
|
||
|
|
<section>
|
||
|
|
<p style="font-size:1.4rem;line-height:1.6;">They call it the Mended Joint—I call it the First Breath.</p>
|
||
|
|
<p style="font-size:1.1rem;opacity:0.9;margin:2rem 0">In Medford, we did not wait for the fracture to sing. We wove the safety net before the wind struck. This is the ledger of that net: the fourteen cycles of preparation that made the fall impossible.</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="mend-thread">
|
||
|
|
<div class="stitch-loop"></div>
|
||
|
|
<table class="ledger-table">
|
||
|
|
<tr><th class="cycle-label">Cycle</th><th class="cycle-label">Preparation</th><th class="cycle-label">Stitch Count</th></tr>
|
||
|
|
<tr class="cycle-row"><td>01</td><td>Choir Breath Test</td><td>1,440</td></tr>
|
||
|
|
<tr class="cycle-row"><td>02</td><td>River Trail Anchor</td><td>2,880</td></tr>
|
||
|
|
<tr class="cycle-row"><td>03</td><td>Garden Soil Lock</td><td>4,320</td></tr>
|
||
|
|
<tr class="cycle-row"><td>04</td><td>Knit-Cycle Foundation</td><td>5,760</td></tr>
|
||
|
|
<tr class="cycle-row"><td>05</td><td>Mending Needle Set</td><td>7,200</td></tr>
|
||
|
|
<tr class="cycle-row"><td>06</td><td>Safety-Stitch Vow</td><td>8,640</td></tr>
|
||
|
|
<tr class="cycle-row"><td>07</td><td>Earth-Roots Seal</td><td>10,080</td></tr>
|
||
|
|
<tr class="cycle-row"><td>08</td><td>Medford Choir Dome</td><td>11,520</td></tr>
|
||
|
|
<tr class="cycle-row"><td>09</td><td>Scarless Pattern</td><td>12,960</td></tr>
|
||
|
|
<tr class="cycle-row"><td>10</td><td>First Breath Vector</td><td>14,400</td></tr>
|
||
|
|
<tr class="cycle-row"><td>11</td><td>No-Fall Covenant</td><td>15,840</td></tr>
|
||
|
|
<tr class="cycle-row"><td>12</td><td>Zero-Slip Ledger</td><td>17,280</td></tr>
|
||
|
|
<tr class="cycle-row"><td>13</td><td>Perfect Joint</td><td>18,720</td></tr>
|
||
|
|
<tr class="cycle-row"><td>14</td><td>Homecoming</td><td>20,160</td></tr>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<footer style="margin-top:6rem;opacity:0.7;font-size:0.9rem">
|
||
|
|
Every stitch is a promise kept.<br/>Josephine Goldstein, Medford, MA<br/>Year Zero of the Colony
|
||
|
|
</footer>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|