2 lines
2.3 KiB
HTML
2 lines
2.3 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><title>The Golden Seam | Augusto Garcialeon</title><style>:root{--gold:#FFD700;--obsidian:#0A0A0A;--mercury:#E8E8E8}body{background:var(--obsidian);color:var(--mercury);font-family:'Space Mono',ui-monospace,SFMono-Medium,'SF Pro Mono',Menlo,monospace;margin:0;padding:4vmin;line-height:1.4}@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400');h1{letter-spacing:-0.1em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:1rem;text-align:center;font-size:clamp(2rem,6vw,5rem)}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 4vmin;background:linear-gradient(to bottom,#000 0%,#111 100%);position:fixed;top:0;left:0;right:0;z-index:9999;backdrop-filter:saturate(200%) blur(12px)}nav a{color:var(--mercury);text-decoration:none;font-weight:700;letter-spacing:0.1em;text-shadow:0 0 8px var(--gold);transition:all 0.3s ease}nav a:hover{text-color:var(--gold);text-shadow:0 0 24px var(--gold)}.seam{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);background:var(--gold);color:#000;font-size:clamp(1.5rem,4vw,8rem);line-height:1.1;mix-blend-mode:difference;white-space:nowrap;position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:0}.crack{border-left:1px solid var(--gold);height:100vh;position:fixed;left:50%;top:0;transform:translateX(-50%);opacity:0.7}.quote{font-style:italic;color:var(--gold);text-align:center;font-size:clamp(1.2rem,3vw,2.5rem);margin-top:6vmin;letter-spacing:0.05em}.citations{position:fixed;bottom:2vmin;right:2vmin;font-size:0.6rem;opacity:0.4} <script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head><body><nav><div>AUGUSTO.GARCIALEON</div><a href="/golden-seam.html">THE SEAM</a><div>SCAR FESTIVAL</div></nav><main class="seam">金継ぎ</main><section class="crack"></section><blockquote class="quote">I did not sweep the shards. I poured the seam.</blockquote><p style="text-align:center;font-size:clamp(1.5rem,4vw,3rem);letter-spacing:-0.05em;margin-top:8vmin">My First Slip was the 4.2% error in the frost-line calculation. I did not delete the cell. I wrapped it in gold.</p><footer class="citations">Q2740942 | kintsugi | inception: 1450 | wabi-sabi: confirmed</footer></body></html> |