website/status/fail.html

<!DOCTYPE html>
<html>
<head>
	<title>Fail! >> Awex</title>
	<!-- Stylesheets -->
    <link rel="stylesheet" href="https://awexxx.xyz/assets/css/style-new.css">
    <link rel="stylesheet" href="https://awexxx.xyz/assets/css/footer.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <!-- Scripts -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
    <script src="https://awexxx.xyz/assets/js/medalclips.js"></script>
    <!-- Metadata -->
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/png" href="https://awexxx.xyz/assets/img/logo.png"/>
    <meta content="Awexxx" property="og:title">
  	<meta content="Name's awex / Alex. I'm the main web developer for the PlagueCraft Network, as well as one of the owners." property="og:description">
    <meta content="https://awexxx.xyz/status/fail" property="og:url">
    <meta content="https://awexxx.xyz/assets/img/logo.png" property="og:image">
    <meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
</head>
<body>
    <div id="rc_logo">
        <a href="#" title="Logo">AWEX</a>
        </div>  
        
        <div class="rc_nav" id="centered_nav">
        <a href="https://awexxx.xyz/" title="Home">Home</a>
        <a href="/about" title="About">About</a>
        <a href="/projects" title="Projects">Projects</a>
        <a href="/tools" title="Tools">Tools</a>
        <a href="javascript:void(0);" title="Menu" style="font-size:18px;" class="icon" onclick="myFunction()">&#9776;</a>
        </div>

    <section class="home" style="background-image: url('assets/img/mcw-code.png');">
    </section>
    <div>
<br />

<h3>Woo! You suck!</h3>
    <p>Yeah you didn't do it right. Either you did something and broke it or I did something that broke it, idk<br>
    Try again and make sure you did everything right, you can click <a href="#/" onclick="setNon()">here</a> to go back.</p>

    <div id="haha" style="display:none;">
        <p>LUL ahah im a funny guy, nah but fr click <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">here</a> to go back.</p>
    </div>

    <div class="footer-basic">
        <footer>
            <div class="social"><a href="https://instagram.com/_awexx"><i class="icon ion-social-instagram"></i></a><a href="https://twitter.com/_awexxx"><i class="icon ion-social-twitter"></i></a><a href="https://github.com/awexx/"><i class="icon ion-social-github"></i></a></div>
             <ul class="list-inline">
                <li class="list-inline-item"><a href="mailto:alex@plaguecraft.xyz">Contact Me</a></li>
            </ul>
            <p class="copyright">Awexxx © 2021<br>
                <div id="quote"></div>
                <script>
                    var quoteArray = ['You forget a thousand things every day, you make sure this is one of em.', 'THE DAMN SEMI COLON', `console.log('go away')`, `if else if else if else if else if else if else if elsfi fisafhjdskflsdf`, 
                    `HELP PLEASE IM STUFK IN THE FOOTER CHOSOING THESE RESPONSES PLEASDSJAIF DSAF`]
                    var rand = quoteArray[Math.random() * quoteArray.length | 0]
                    document.querySelector("#quote").innerHTML = "<p>" + rand + "</p>"
                    if(rand === `console.log('go away')`) {
                        console.log(`go away (no, this isn't a mistake, i actually hard coded this in lmao)\nYou found the easter egg :)`)
                    }
                </script>

                <script>
                    function setNon() {
                        var haha = document.getElementById("haha")
                        haha.style.display = "block";
                    }
                </script>
    
        </footer>
    </div>
    
        </body>
        </html>
    
        <style>
            .home {
        width: 100%;
        height: 102vh;
        background-position: center top;
        background-size:cover;
    
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 2s; /* Firefox < 16 */
            -ms-animation: fadein 2s; /* Internet Explorer */
             -o-animation: fadein 2s; /* Opera < 12.1 */
                animation: fadein 2s;
    }
    
    body {
        background-color:#a3a3a3;
        text-align:center;
    }
    
    body{
            background-color:#878787;
            text-align:center;
        }
        
        .button {
        background-color: #4CAF50; /* Green */
        border: none;
        border-radius:25%;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        }
        
        a{
        color:black;
        }
    
        a:hover {
            color:white;
        }
    
        i{
          font-size:20px;
        }
      
        body p{
        text-align:center;
        color:#d4d4d4;
        font-size:20px;
      } 

      h3 {
          font-size:25px;
      }

      button[type=submit] {
          background-color:gray;
          color:#fff;
          padding:12px 20px;
          border:none;
          border-radius:4px;
          cursor:pointer
          }
        </style>
    
        <script>
            function myFunction() {
        var x = document.getElementById("centered_nav");
        if (x.className === "rc_nav") {
            x.className += " responsive";
        } else {
            x.className = "rc_nav";
        }
        }
        </script>