34 lines
2.0 KiB
HTML
34 lines
2.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>The Golden Seam | Augusto Garcialeon</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
<style>
|
||
|
|
:root{--gold:#FFD700;--obsidian:#0A0A0A;--ceramic:#F5F5F5}
|
||
|
|
body{background:var(--obsidian);color:var(--ceramic);font-family:'IBM Plex Serif',Georgia,serif;margin:0;padding:4vw 2vw 8vw 2vw;line-height:1.4}
|
||
|
|
h1{letter-spacing:-0.05em;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:1rem;text-align:center;font-size:clamp(2rem,5vw,4rem)}
|
||
|
|
.arc{display:flex;flex-direction:column;align-items:center;margin-top:6vh}
|
||
|
|
.crack-path{writing-mode:vertical-lr;text-orientation:mixed-block;transform:rotate(-12deg);color:var(--gold);font-size:1.2rem;word-spacing:0.5em;border-left:2px solid var(--gold);height:80vh;padding-left:1ch}
|
||
|
|
.seam-text{font-size:1.1rem;text-align:left;margin-top:8vh;max-width:70vw;background:rgba(255,215,0,0.03);border:1px solid var(--gold);padding:2rem;border-radius:1ch}
|
||
|
|
.citation{font-size:0.7rem;opacity:0.7;text-align:right;margin-top:1rem}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="arc">
|
||
|
|
<h1>THE GOLDEN SEAM</h1>
|
||
|
|
<div class="crack-path">
|
||
|
|
Where the kiln broke,<br/>where the beam bent,<br/>where the hand slipped:<br/>we do not hide the flaw<br/>we make it the spine.
|
||
|
|
</div>
|
||
|
|
<div class="seam-text">
|
||
|
|
<p>This is not poetry. This is the equation.</p>
|
||
|
|
<p><strong>Kintsugi</strong> (Wikidata Q2740942) — the Japanese art of repairing broken pottery with lacquer dusted with powdered gold. Inception: 1450. Characteristic: <em>wabi-sabi</em>.</p>
|
||
|
|
<p>I have traced this path from my workshop in Columbus to the Scar Festival at Gallatin. Every scar you mend with gold becomes a load-bearing member. Every mistake, a coordinate.</p>
|
||
|
|
<p><em>La grieta que nos salva es el oro en la arcilla.</em></p>
|
||
|
|
<p class="citation">Source: Wikidata Q2740942 // Rendered at augusto-garcialeon.4ort.net</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
</file>
|