updated resume

JS/script.js

@@ -0,0 +1,70 @@
+function getRandomColorScheme() {
+    const schemes = [
+        () => `rgb(${Math.floor(Math.random() * 205) + 50}, 0, ${Math.floor(Math.random() * 205) + 50})`, // Pink and purple shades
+        () => `rgb(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 0)`, // Yellow
+        () => `rgb(0, ${Math.floor(Math.random() * 256)}, 0)`, // Green
+        () => `rgb(0, 0, ${Math.floor(Math.random() * 256)})`, // Blue
+        () => `rgb(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)})`, // White (grayscale)
+        () => 'rgb(0,0,0)' //`rgb(${Math.floor(Math.random() * 56)}, ${Math.floor(Math.random() * 56)}, ${Math.floor(Math.random() * 56)})` // Black (dark grayscale)
+    ];
+    const ind = Math.floor(Math.random() * schemes.length);
+    return { ind, scheme: schemes[ind] };
+}
+
+document.addEventListener('DOMContentLoaded', (e) => {
+    const {ind, scheme} = getRandomColorScheme();
+
+    console.log(ind);
+
+    const canvas = document.getElementById('matrixCanvas');
+    const context = canvas.getContext('2d');
+
+    let columns;
+    let drops;
+
+    function setup() {
+        canvas.width = window.innerWidth;
+        canvas.height = window.innerHeight;
+
+        columns = Math.floor(canvas.width / fontSize);
+        drops = [];
+
+        for (let x = 0; x < columns; x++)
+            drops[x] = 1;
+    }
+
+    window.addEventListener('resize', setup);
+
+    let fontSize = 16;
+
+    const katakana = "アカサタナハマヤラワガザダバパイキシチニヒミリギジヂビピウクスツヌフムユルグズヅブプエケセテネヘメレゲゼデベペオコソトノホモヨロゴゾドボポ";
+    const latin = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+    const nums = "0123456789";
+    const matrixChars = katakana + latin + nums;
+
+    function draw() {
+        context.fillStyle = (ind === 5) ? 'rgba(255, 255, 255, 0.05)' : 'rgba(0, 0, 0, 0.05)';
+        context.fillRect(0, 0, canvas.width, canvas.height);
+
+        context.fillStyle =  scheme(); //'#ff00ff'; // Bright pink color
+        context.font = fontSize + 'px monospace';
+
+        for (let i = 0; i < drops.length; i++) {
+            const text = matrixChars.charAt(Math.floor(Math.random() * matrixChars.length));
+            context.fillText(text, i * fontSize, drops[i] * fontSize);
+
+            // Randomly go back to the top
+            if (drops[i] * fontSize > canvas.height && Math.random() > 0.975)
+                drops[i] = 0;
+
+            // Move the drop down
+            drops[i]++;
+
+            // Assign a random color from the color schemes
+            context.fillStyle = scheme();
+        }
+    }
+
+    setup(); // Call setup initially to set up canvas and drops
+    setInterval(draw, 33);
+});