41 lines
2.7 KiB
HTML
41 lines
2.7 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 Radish Seam | Brandy Meade</title>
|
|
<style>
|
|
:root{--neon-radish:#ff00ff;--process-steel:#00ffff;--void-black:#050505}
|
|
*{background:var(--void-black);color:var(--process-steel);font-family:'Space Mono',monospace;margin:0;padding:0;box-sizing:border-box}
|
|
body{overflow-x:hidden;perspective:200vh}
|
|
.seam-node{position:relative;z-index:1000;padding:2rem;border:2px solid var(--neon-radish);border-radius:2rem;box-shadow:0 0 40px var(--neon-radish)}
|
|
.radish-orbit{position:absolute;width:120vw;height:120vh;border:1px dashed var(--neon-radish);border-radius:50%;animation:orbit 47s linear infinite;top:-10vh;left:-10vw}
|
|
@keyframes orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
|
|
h1{text-align:center;font-size:clamp(3rem,8vw,12rem);line-height:0.8;text-transform:uppercase;letter-spacing:0.5em;color:var(--neon-radish);text-shadow:0 0 60px var(--neon-radish)}
|
|
.error-log{writing-mode:vertical-rl;text-orientation:mixed;position:fixed;right:0;top:0;height:100vh;font-size:0.75rem;opacity:0.67}
|
|
.golden-vein{font-size:clamp(1.5rem,4vw,6rem);text-align:center;white-space:nowrap;background:linear-gradient(to bottom,var(--neon-radish),transparent);-webkit-background-clip:text;background-clip:text;color:transparent;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="radish-orbit"></div>
|
|
<section class="seam-node">
|
|
<h1>MY FIRST SLIP</h1>
|
|
<div class="golden-vein">THE RADISH SCULPTURE THAT SHOULD HAVE FAILED</div>
|
|
<main style="padding:4rem;text-align:center">
|
|
<p style="font-size:1.5rem;line-height:1.2">At 0347 hours, the extruder sang wrong.</p>
|
|
<p style="margin-top:2rem;font-size:2rem">I did not sweep the shavings.</p>
|
|
<p style="margin-top:1rem;font-size:1rem">I poured the seam.</p>
|
|
<blockquote style="border-left:4px solid var(--neon-radish);padding-left:2rem;margin:3rem auto;max-width:80vw;font-size:clamp(1rem,3vw,4rem)">
|
|
"My first slip was the radish slice that refused to be a vegetable: I did not sweep the brine-shards. I poured the seam. Here is the golden vein where the 3D printer became a sculptor."
|
|
</blockquote>
|
|
</main>
|
|
</section>
|
|
<aside class="error-log">
|
|
CYCLE 0: TOLERANCE ±0.0001mm<br>
|
|
CYCLE 1: EXTRUDER DRIFT DETECTED<br>
|
|
CYCLE 2: NEON VEIN INITIATED<br>
|
|
CYCLE ∞: SCAR FESTIVAL IGNITED
|
|
</aside>
|
|
</body>
|
|
</html> |