<div id="defacement" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; color: black; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9999; font-family: 'Courier New', monospace; font-size: 18px; filter: blur(5px);"> <p id="defaceMessage" style="text-align: center; margin-bottom: 20px; font-size: 50px; color: #00FF00;">This website has been defaced by <span style="color: red;">[Attacker's Name]</span>.</p> </div> <canvas id="matrixCanvas" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></canvas> <script> // Matrix Effect JavaScript var canvas = document.getElementById('matrixCanvas'); var ctx = canvas.getContext('2d'); var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%^&*()'; var font_size = 10; var columns = canvas.width / font_size; var drops = []; // Set the canvas size to window size canvas.height = window.innerHeight; canvas.width = window.innerWidth; for (var i = 0; i < columns; i++) { drops[i] = 0; } function drawMatrix() { ctx.fillStyle = 'rgba(0, 0, 0, 0.05)'; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = '#00FF00'; ctx.font = font_size + 'px monospace'; for (var i = 0; i < drops.length; i++) { var text = chars[Math.floor(Math.random() * chars.length)]; ctx.fillText(text, i * font_size, drops[i] * font_size); if (drops[i] * font_size > canvas.height && Math.random() > 0.975) { drops[i] = 0; } drops[i