From 679a2279e84037f49cab4df35bf37b77a7604792 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Fri, 10 Apr 2026 12:16:39 +0200 Subject: fix: align matrix rain implementation with mockup-a.html Simplified and aligned the matrix rain implementation to match mockup-a.html exactly: - Use width: 100%; height: 100% in CSS instead of inset/display properties for more reliable sizing - Simplify canvas init() to use offsetWidth/offsetHeight directly without fallbacks - Use getThemeColors() helper function for consistent color management - Simplify tick() to only use the two colors (bright green head at 4%, purple trail) - Remove unused data-mode attribute logic - Streamline event listeners to match mockup structure This matches the proven working implementation from the mockup. Co-Authored-By: Claude Haiku 4.5 --- assets/css/components/hero.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'assets/css') diff --git a/assets/css/components/hero.css b/assets/css/components/hero.css index d6cd3c0..6984647 100644 --- a/assets/css/components/hero.css +++ b/assets/css/components/hero.css @@ -25,11 +25,13 @@ #matrix-canvas { position: absolute; - inset: 0; + top: 0; + left: 0; + width: 100%; + height: 100%; opacity: 0.13; pointer-events: none; z-index: 1; - display: block; } html.theme-light #matrix-canvas { -- cgit v1.2.3