<!-- error.ejs -->
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" />
<head>
<style>
      @import url(https://fonts.googleapis.com/css?family=Gilda+Display);

      html {
        background-color: black;
        color: white;
        overflow: hidden;
        height: 100%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: medium;
      }

      .error {
        text-align: center;
        font-family: "Gilda Display", serif;

        text-align: center;
        width: 100%;
        height: 120px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -60px;
        right: 0;
        -webkit-animation: noise-3 1s linear infinite;
        animation: noise-3 1s linear infinite;
        overflow: default;
      }

      body:after {
        content: "error 404";
        font-family: "Inconsolata", monospace;
        font-size: 100px;

        text-align: center;
        width: 550px;
        margin: auto;
        position: absolute;
        top: 25%;
        bottom: 0;
        left: 0;
        right: 35%;
        opacity: 0;
        color: white;
        -webkit-animation: noise-1 0.2s linear infinite;
        animation: noise-1 0.2s linear infinite;
      }
      body:before {
        content: "error 404";
        font-family: "Inconsolata", monospace;
        font-size: 100px;

        text-align: center;
        width: 550px;
        margin: auto;
        position: absolute;
        top: 25%;
        bottom: 0;
        left: 0;
        right: 35%;
        opacity: 0;
        color: white;
        -webkit-animation: noise-2 0.2s linear infinite;
        animation: noise-2 0.2s linear infinite;
      }

      .info {
        text-align: center;
        width: 200px;
        height: 60px;
        margin: auto;
        position: absolute;
        top: 280px;
        bottom: 0;
        left: 20px;
        right: 0;
        -webkit-animation: noise-3 1s linear infinite;
        animation: noise-3 1s linear infinite;
      }

      .info:before {
        content: "file not found";
        font-family: "Inconsolata", monospace;
        font-size: 100px;
        text-align: center;
        width: 800px;
        margin: auto;
        position: absolute;
        top: 20px;
        bottom: 0;
        left: 40px;
        right: 100px;
        opacity: 0;
        color: white;
        -webkit-animation: noise-2 0.2s linear infinite;
        animation: noise-2 0.2s linear infinite;
      }

      .info:after {
        content: "file not found";
        font-family: "Inconsolata", monospace;
        font-size: 100px;
        text-align: center;
        width: 800px;
        margin: auto;
        position: absolute;
        top: 20px;
        bottom: 0;
        left: 40px;
        right: 0;
        opacity: 0;
        color: white;
        -webkit-animation: noise-1 0.2s linear infinite;
        animation: noise-1 0.2s linear infinite;
      }

      @-webkit-keyframes noise-1 {
        0%,
        20%,
        40%,
        60%,
        70%,
        90% {
          opacity: 0;
        }
        10% {
          opacity: 0.1;
        }
        50% {
          opacity: 0.5;
          left: -6px;
        }
        80% {
          opacity: 0.3;
        }
        100% {
          opacity: 0.6;
          left: 2px;
        }
      }

      @keyframes noise-1 {
        0%,
        20%,
        40%,
        60%,
        70%,
        90% {
          opacity: 0;
        }
        10% {
          opacity: 0.1;
        }
        50% {
          opacity: 0.5;
          left: -6px;
        }
        80% {
          opacity: 0.3;
        }
        100% {
          opacity: 0.6;
          left: 2px;
        }
      }

      @-webkit-keyframes noise-2 {
        0%,
        20%,
        40%,
        60%,
        70%,
        90% {
          opacity: 0;
        }
        10% {
          opacity: 0.1;
        }
        50% {
          opacity: 0.5;
          left: 6px;
        }
        80% {
          opacity: 0.3;
        }
        100% {
          opacity: 0.6;
          left: -2px;
        }
      }

      @keyframes noise-2 {
        0%,
        20%,
        40%,
        60%,
        70%,
        90% {
          opacity: 0;
        }
        10% {
          opacity: 0.1;
        }
        50% {
          opacity: 0.5;
          left: 6px;
        }
        80% {
          opacity: 0.3;
        }
        100% {
          opacity: 0.6;
          left: -2px;
        }
      }

      @-webkit-keyframes noise {
        0%,
        3%,
        5%,
        42%,
        44%,
        100% {
          opacity: 1;
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
        }
        4.3% {
          opacity: 1;
          -webkit-transform: scaleY(1.7);
          transform: scaleY(1.7);
        }
        43% {
          opacity: 1;
          -webkit-transform: scaleX(1.5);
          transform: scaleX(1.5);
        }
      }

      @keyframes noise {
        0%,
        3%,
        5%,
        42%,
        44%,
        100% {
          opacity: 1;
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
        }
        4.3% {
          opacity: 1;
          -webkit-transform: scaleY(1.7);
          transform: scaleY(1.7);
        }
        43% {
          opacity: 1;
          -webkit-transform: scaleX(1.5);
          transform: scaleX(1.5);
        }
      }

      @-webkit-keyframes noise-3 {
        0%,
        3%,
        5%,
        42%,
        44%,
        100% {
          opacity: 1;
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
        }
        4.3% {
          opacity: 1;
          -webkit-transform: scaleY(4);
          transform: scaleY(4);
        }
        43% {
          opacity: 1;
          -webkit-transform: scaleX(10) rotate(60deg);
          transform: scaleX(10) rotate(60deg);
        }
      }

      @keyframes noise-3 {
        0%,
        3%,
        5%,
        42%,
        44%,
        100% {
          opacity: 1;
          -webkit-transform: scaleY(1);
          transform: scaleY(1);
        }
        4.3% {
          opacity: 1;
          -webkit-transform: scaleY(4);
          transform: scaleY(4);
        }
        43% {
          opacity: 1;
          -webkit-transform: scaleX(10) rotate(60deg);
          transform: scaleX(10) rotate(60deg);
        }
      }

      .wrap {
        top: 30%;
        left: 25%;

        height: 200px;

        margin-top: -100px;
        position: absolute;
      }
      code {
        color: white;
      }
      span.blue {
        color: #48beef;
      }
      span.comment {
        color: #7f8c8d;
      }
      span.orange {
        color: #f39c12;
      }
      span.green {
        color: #33cc33;
      }

      .viewFull {
        font-family: OCR-A;
        color: orange;
      }
    </style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" type="70f9ba73e1f49becbfabc171-text/javascript"></script>
</head>
<body>
<script type="70f9ba73e1f49becbfabc171-text/javascript">
      $(document).ready(function () {
        if (window.dataFromServer && window.dataFromServer.alertMessage) {
          alert(window.dataFromServer.alertMessage);
          window.location.href = "/someUrl"; // Replace with your desired redirection URL
        }
      });
    </script>
<div class="error"></div>
<div class="wrap">
<div class="404">
<pre><code>
	            <span class="green">&lt;!</span><span>DOCTYPE html</span><span class="green">&gt;</span>
                <span class="orange">&lt;html&gt;</span>
                <span class="orange">&lt;style&gt;</span>
                * {
	                <span class="green">everything</span>:<span class="blue">awesome</span>;
	                <span class="green">everything</span>:<span class="blue">awesome</span>;
                }
                <span class="orange">&lt;/style&gt;</span>
                <span class="orange">&lt;body&gt;</span> 
                ERROR 404!
                FILE NOT FOUND!
                <span class="comment">&lt;!--The file you are looking for, 
                is not where you think it is.--&gt;
                </span>
                <span class="orange">&lt;/body&gt;</span>
                <span class="orange">&lt;/html&gt;</span>
            </code></pre>
</div>
</div>
<div class="info"></div>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="70f9ba73e1f49becbfabc171-|49" defer></script></body>
</html>
