From 9ba44135fb03e90e495bbe1190282016c391bd63 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Fri, 10 Apr 2026 12:20:27 +0200 Subject: fix: move canvas from baseof to hero section only The matrix canvas was duplicated - one in baseof.html (body level) and one we added to hero.html. This caused conflicts and visibility issues. Changes: - Remove canvas from baseof.html entirely - it should only be in the hero section - Keep canvas in hero.html with data-mode="hero" - Simplify matrix-rain.js to handle data-mode attribute and use offsetWidth/offsetHeight with fallbacks - Update hero.css with proper absolute positioning (inset: 0) Now there's only one canvas element positioned absolutely within the hero section, avoiding conflicts and ensuring proper rendering. Co-Authored-By: Claude Haiku 4.5 --- assets/css/components/hero.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'assets/css/components/hero.css') diff --git a/assets/css/components/hero.css b/assets/css/components/hero.css index 6984647..53f30b3 100644 --- a/assets/css/components/hero.css +++ b/assets/css/components/hero.css @@ -25,10 +25,7 @@ #matrix-canvas { position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; + inset: 0; opacity: 0.13; pointer-events: none; z-index: 1; @@ -38,6 +35,10 @@ html.theme-light #matrix-canvas { opacity: 0.08; } +html.theme-light #matrix-canvas { + opacity: 0.08; +} + .hero-left { flex: 1; min-width: 0; -- cgit v1.2.3