diff --git a/docs/index.html b/docs/index.html index cc745ce..0f12c79 100644 --- a/docs/index.html +++ b/docs/index.html @@ -113,21 +113,20 @@ } /* ---------- the eye / aperture motif ---------- - One reusable glyph: a cold, almond eye (unchanged register — cyan - sclera, sepia iris, dark-red pupil) with a rose-window's radial rim - — thin desaturated spoke segments, cathedral-glass architecture — - engraved into the white between iris and lid. Clipped to the sclera - (#eyeScleraClip) so the spokes read as detail *inside* the eye, never - as a separate flower silhouette bursting past it. - The clip-path is now a dilating circle rather than a sliding band: it + Restraint pass (owner feedback: the shipped rose-window hybrid read as + "too cheesy / too prominent" — LULL's pillar is restraint over + spectacle). One reusable glyph: a cold, almond eye (unchanged register + — cyan sclera, sepia iris, dark-red pupil). The rose-window rim from + the previous pass is pulled back hard: the twelve spokes are gone, and + the ring itself is now a hairline, near-invisible hint rather than a + visible ornament — a texture you'd have to look for, not a set piece. + The clip-path is a dilating circle rather than a sliding band: it grows from the center, so opening reads as a pupil/aperture actually - dilating — pupil first, then iris, then the rose rim, then the white - — rather than an eyelid parting top-to-bottom. Nothing about - visibility of real *content* ever depends on this — it is purely - decorative, so a failure in the script below never breaks the page, - it just leaves the eye at its calm CSS default (--scroll-lid: 25%, - declared on :root) — which, at this geometry, already shows a full - pupil, iris, and rim: the calm state reads as an eye, not a bud. */ + dilating — pupil first, then iris, then the white — rather than an + eyelid parting top-to-bottom. Nothing about visibility of real + *content* ever depends on this — it is purely decorative, so a + failure in the script below never breaks the page, it just leaves the + eye at its calm CSS default (--scroll-lid: 25%, declared on :root). */ .eye { display: inline-block; width: 46px; @@ -140,17 +139,15 @@ clip-path: circle(var(--lid) at 50% 50%); } .eye-white { fill: none; stroke: var(--cyan); stroke-width: 2.5; opacity: .5; } - /* The rim: a thin ring plus twelve short spokes, cold and desaturated - (cyan/steel, not the rose-window prototype's amber) — a cathedral - window's structure quoted, not its warmth. Kept faint on purpose: it - is a texture the iris sits inside, never competing with it. */ - .eye-rose-ring { fill: none; stroke: var(--faint); stroke-width: .7; opacity: .4; } - .eye-rose-spokes line { stroke: var(--cyan); stroke-width: .6; opacity: .28; } - /* A faint cold glow behind the iris — the one place this variant allows - itself an accent beyond stroke work. Literal hex, not var(--cyan), + /* What's left of the rose-window rim after the restraint pass: no + spokes, and the ring itself down to a hairline the eye barely admits + to having. */ + .eye-rose-ring { fill: none; stroke: var(--faint); stroke-width: .4; opacity: .1; } + /* A faint cold glow behind the iris, cut back with everything else so it + reads as a trace of light, not a bloom. Literal hex, not var(--cyan), because SVG gradient stops read the value at parse time; keep in sync with --cyan (#7f9aa2) by hand if that ever changes. */ - .eye-glow { opacity: .55; } + .eye-glow { opacity: .3; } .eye-iris { fill: none; stroke: var(--sepia); stroke-width: 2; opacity: .6; } .eye-pupil { fill: var(--red); opacity: .6; } @@ -161,14 +158,17 @@ separate icons. Sits behind normal page content (z-index: -1); every section's own background/text still paints over it normally, so it reads most clearly wherever a section has no opaque background of its - own — which is exactly the phase-descent section this is built for. */ + own — which is exactly the phase-descent section this is built for. + Restraint pass: sized and dimmed down hard from the shipped hybrid — + it should read as a faint, cold, watching presence you almost don't + notice until it opens, not a centerpiece. */ .scroll-eye { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; - width: min(46vw, 26rem); - opacity: .14; + width: min(26vw, 14rem); + opacity: .08; pointer-events: none; } .scroll-eye .eye { --lid: var(--scroll-lid); width: 100%; } @@ -559,20 +559,6 @@ - - - - - - - - - - - - - -