From a7f06a3c0925b27ae6801e93a86239b4c94915a4 Mon Sep 17 00:00:00 2001 From: testtest126 <44771568+testtest126@users.noreply.github.com> Date: Thu, 23 Jul 2026 15:41:04 +0200 Subject: [PATCH] =?UTF-8?q?Landing=20eye:=20restraint=20pass=20=E2=80=94?= =?UTF-8?q?=20pull=20the=20rose-window=20way=20back?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Owner feedback on the shipped hybrid: "too cheesy / too prominent." LULL's pillar is restraint over spectacle, so: - Drop the twelve rose-window spokes entirely. - Reduce the rim ring to a hairline hint (stroke .7->.4, opacity .4->.1) instead of a visible ornament. - Cut the cold glow back (opacity .55->.3) so it reads as a trace of light, not a bloom. - Shrink the whole eye (46vw/26rem -> 26vw/14rem) and dim it hard (opacity .14->.08) so it's a faint, cold, watching presence you almost don't notice until it opens — not a centerpiece. Scroll-driven aperture mechanic and the prefers-reduced-motion calm-hold are untouched (no JS changes); still cold, no warm/gold. Nothing else on the page touched. Co-Authored-By: Claude Sonnet 5 --- docs/index.html | 66 +++++++++++++++++++------------------------------ 1 file changed, 26 insertions(+), 40 deletions(-) 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 @@ - - - - - - - - - - - - - -