From 0d659366cd39e85235b009846fac7cdd1077beea Mon Sep 17 00:00:00 2001
From: testtest126 <44771568+testtest126@users.noreply.github.com>
Date: Sun, 19 Jul 2026 17:53:39 +0200
Subject: [PATCH] Landing page: hybrid rose-window/cold eye for THE EYE motif
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Replaces the single scroll-driven eye with a hybrid of the current cold
almond eye (cyan sclera, sepia iris, dark-red pupil — unchanged palette)
and the rose-window prototype's (#17) radial architecture: a thin,
desaturated ring + twelve spoke segments engraved into the white between
iris and lid, clipped to the sclera so the rim reads as texture inside
the eye rather than a separate flower shape. No warm/amber tones adopted.
The aperture switches from a sliding eyelid-band clip to a dilating
circle, so scrolling reads as a pupil/aperture actually dilating — pupil,
then iris, then rim, then white — while a real iris+pupil stay visible
at every openness, including the 25% reduced-motion rest state. Same
--scroll-lid mechanic and reduced-motion calm-hold; no JS changes.
---
docs/index.html | 73 +++++++++++++++++++++++++++++++++++++++++++------
1 file changed, 64 insertions(+), 9 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index e0f3e8d..cc745ce 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -113,20 +113,46 @@
}
/* ---------- the eye / aperture motif ----------
- One reusable glyph. Its clip-path reveals more of the same iris/pupil
- as --lid grows; 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). */
+ 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
+ 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. */
.eye {
display: inline-block;
width: 46px;
- clip-path: inset(calc(50% - var(--lid)) 0);
+ aspect-ratio: 1;
+ }
+ .eye svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+ clip-path: circle(var(--lid) at 50% 50%);
}
- .eye svg { display: block; width: 100%; height: auto; }
.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),
+ 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-iris { fill: none; stroke: var(--sepia); stroke-width: 2; opacity: .6; }
- .eye-pupil { fill: var(--red); opacity: .55; }
+ .eye-pupil { fill: var(--red); opacity: .6; }
/* A single continuous aperture, fixed to the viewport, present for the
whole page. Its openness — --lid, here reading the shared, scroll-
@@ -522,7 +548,36 @@