1 files changed, 10 insertions, 2 deletions
diff --git a/assets/js/matrix-rain.js b/assets/js/matrix-rain.js
index 479231f..742b0bd 100644
--- a/assets/js/matrix-rain.js
+++ b/assets/js/matrix-rain.js
@@ -7,11 +7,19 @@
   const ctx   = canvas.getContext('2d');
   const CHARS = 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン0123456789ABCDEF<>/\\|{}[]$#@!';
   const FS    = 14;  // font size / column width in px
+  const mode  = canvas.getAttribute('data-mode') || 'background';  // 'hero' or 'background'
   let cols, drops, raf;
 
   function init() {
-    canvas.width  = canvas.offsetWidth;
-    canvas.height = canvas.offsetHeight;
+    if (mode === 'hero') {
+      // Hero mode: size relative to canvas element's offsetWidth
+      canvas.width  = canvas.offsetWidth;
+      canvas.height = canvas.offsetHeight;
+    } else {
+      // Background mode: size to full viewport
+      canvas.width  = window.innerWidth;
+      canvas.height = window.innerHeight;
+    }
     cols  = Math.floor(canvas.width / FS) + 1;
     drops = Array.from({ length: cols }, () => Math.random() * -(canvas.height / FS));
   }