Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <title>404</title>
    <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js'></script>
    <style type='text/css'>
      #canvas {
        position:absolute;
        z-index: -1;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
      }
      h1 {
        text-align: center;
        font-size: 300px;
        color: red;
      }
    </style>
    <script type='text/javascript'>
      $(window).load(function() {
        var width = canvas.width = $(document).width();
        var height = canvas.height = $(document).height();
        var letters = Array(256).join(1).split('');
        var draw = function () {
          canvas.getContext('2d').fillStyle = 'rgba(0,0,0,.05)';
          canvas.getContext('2d').fillRect(0, 0, width, height);
          canvas.getContext('2d').fillStyle = '#0e0';
          letters.map(function (y_pos, index) {
            text = String.fromCharCode(65 + Math.random() * 33);
            x_pos = index * 10;
            canvas.getContext('2d').fillText(text, x_pos, y_pos);
            letters[index] = (y_pos > 758 + Math.random() * 1e4) ? 0 : y_pos + 10;
          });
        };
        setInterval(draw, 33);
      });
    </script>
  </head>
  <body>
    <canvas id='canvas'></canvas>
    <h1>404</h1>
  </body>
</html>