website/projects/hivemc.html

<!DOCTYPE html>
<html>
<head>
	<title>HiveMC >> Awex</title>
	<!-- Stylesheets -->
    <link rel="stylesheet" href="assets/css/style-new.css">
    <link rel="stylesheet" href="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">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/plaguecraft-team/pcn-web/storage/assets/css/form.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="assets/js/hiveLookup.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/awexxx/awexxx.github.io/assets/js/hidePanel.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/projects/hivemc" 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 />

<h2>HiveMC Stats Lookup</h2>
        <h3>What happened?</h3>
            <p>On April 15th, 2021 at 5pm EST // 10pm BST, the HiveMC shut down their Java Edition servers. Their API is up until sometime in 2022, which still has accessible player data.<br>
            This is complicated for most users, so I decided to make something that can look up this data.<br>
        <strong>Note:</strong> I do not have a way to save all of this data at the moment.<br> It is recommended you save it yourself via the provided raw JSON link <strong>BEFORE</strong> 2022.</p>

            <form onsubmit="return false">
                <label style="font-size:20px; text-align:center;" for="fname">In-Game Name</label><br />
                    <input style="font-size:20px;" type="text" id="inputBox" name="playerName" placeholder="Your IGN.." required><br />
                    <input style="font-size:20px;" type="text" id="gameBox" name="gameMode" placeholder="Gamemode (check key below)" required><br />
                    <label style="font-size:20px; text-align:center;">Achievements?</label><br />
                        <input id="checkBox" type="checkbox"><br /><br />
                    <button type="button" onclick="getGamesData()" style="font-size:20px;" class="submit" id="submitBtn">Submit</button><br /><br />
                  </form>
              <section>
                  <div id="panel"></div>
                  <div id="link"></div>
                  <button type="button" onclick="hidePanel()" style="font-size:20px;" class="hide" id="submitBtn">Hide the Panel</button><br /><br />
                </section>

                <h2>Game Key</h2>
                    <p>You'll need to insert very specific characters in order to get the proper game.<br>
                    Please follow this list to find what you want to look up:<br>
                sg = Survival Games<br>
            bp = Block Party<br>
        cai = Cowboys and Indians<br>
    dr = Deathrun<br>
hb = The Herobrine<br>
hero = SG:Heroes<br>
hide = Hide and Seek<br>
oitc = One in the Chamber<br>
sp = Splegg<br>
spl = Sploop<br>
timv = Trouble in MineVille<br>
sky = SkyWars<br>
lab = The Lab<br>
draw = Draw It<br>
ef = Electric Floor<br>
grav = Gravity<br>
gnt = SkyGiants<br>
bd = Battery Dash<br>
mimv = Murder in MineVille</p>
                <h2>Games not supported</h2>
                    <p>I do not have all of the games included on this site since I never managed to play all of them.<br>
                    If you have played one of the following, send an issue on the <a href="https://github.com/awexxx/awexxx/issues" target="_blank">GitHub Repository</a> with the game you want me to add and your IGN.<br>
                Cranked<br>
            Slaparoo<br>
        Music Masters<br>
    Resturant Rush<br>
SkyGiants: Mini<br>
Pumpkinfection<br>
Survival Games 2<br>
<strike>BedWars</strike> - This seems to be a dead endpoint as it just returns an error regardless.<br>
Survive the Night<br>
Explosive Eggs<br>
Snow Wars</p>

<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/lulawex"><i class="icon ion-social-twitter"></i></a><a href="https://github.com/awexxx/"><i class="icon ion-social-github"></i></a></div>
         <ul class="list-inline">
            <li class="list-inline-item"><a href="#">Medal Clip Webhook</a></li>
        </ul>
        <p class="copyright">hi@awexxx.xyz<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>

    </footer>
</div>

    </body>
    </html>

    <style>
        .home {
    width: 100%;
    height: 30vh;
    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;
    font-size:20px
}

body{
        background-color:#878787;
        text-align:center;
    }
    
    a{
    color:black;
    }

    a:hover {
        color:white;
    }

    i{
      font-size:20px;
    }
  
    body p{
    text-align:center;
    color:#d4d4d4;
    font-size:20px;
  }

  panel h3{
      font-size:10px;
  }
    </style>

    <script>
        function myFunction() {
    var x = document.getElementById("centered_nav");
    if (x.className === "rc_nav") {
        x.className += " responsive";
    } else {
        x.className = "rc_nav";
    }
    }
    </script>