website/index.html

<!DOCTYPE html>
<html>
<head>
    <title>Home - awexx</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <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>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <script src="https://cdn.jsdelivr.net/gh/plaguecraft-team/pcn-web/storage/assets/js/playersBackend.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/plaguecraft-team/pcn-web/storage/assets/js/hidePanel.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/plaguecraft-team/pcn-web/storage/assets/css/form.css">
    <script src="https://cdn.jsdelivr.net/gh/awexxx/awexxx.github.io/assets/js/medalclips.js"></script>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="shortcut icon" type="image/png" href="assets/img/logo.png"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <meta content="awex" property="og:title">
    <meta content="Name's awex / Alex. I'm the main web developer for the [PlagueCraft Network](https://plaguecraft.xyz), as well as one of the owners." property="og:description">
    <meta content="https://awexxx.github.io/" property="og:url">
    <meta content="assets/img/logo.png" property="og:image">
    <meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
</head>
<body onload="medalClips()">
  <h3 style="padding-top:20px;">Awexx</h3>
  <br>
  <ul id="navbar">
     <li><a href="#">HOME</a></li>
     <li><a href="https://awexxx.github.io/about">ABOUT ME</a></li>
     <li><a href="https://awexxx.github.io/hivemc">HIVEMC STATS LOOKUP</a></li>
  </ul>
</nav>
<hr>


<section id="welcome">
<h2>Welcome to my website!</h2>
  <p>Name's awex / Alex. I'm the main web developer for the <a href="https://plaguecraft.xyz" target="_blank">PlagueCraft Network</a>, as well as one of the <a href="https://plaguecraft.xyz/team" target="_blank">owners</a>.</p>
</section>

<!--The good stuff. My Projects! -->
  
  <section id="pcn">
<h1 style="padding-top:10px;">Projects</h1>
    <hr>
    <h2>Medal Clip Webhook</h2>
      <p>Being a Medal user, I've seen some Guilded or even Slack users want Medal clip sharing for their platform.<br> While using it directly from the app is easier, I decided to make an app that can send a webhook message to either platform with a clip link.<br>
      This can be <a href="https://github.com/awexxx/medal-clip-webhook">Self Hosted</a>, but you'll need some Node.js experience most likely.</p>
    
      <h2>PCN Player Lookup & API</h2>
        <p>I am in charge of all of the updates that go to both the <a href="https://plaguecraft.xyz">PCN Website and API!</a><br>
        Both of which are open source, you can check out the <a href="https://github.com/plaguecraft-team/pcn-web">website</a> and <a href="https://github.com/awexxx/pcnapi">API</a> at these links.<br>
      Here's an example of what I've built!</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="Put 'babyawex' here!" required><br />
            <hr style="width:60px";>
            <div id="radioBtns">
            <label style="font-size:20px; display:inline;">Economy</label><br />
            <input style="font-size:20px; display:inline;" type="radio" id="econBox" name="box" value="econBox" required><br />
            <label style="font-size:20px; display:inline;">Skills</label><br />
            <input style="font-size:20px; display:inline;" type="radio" id="skillsBox" name="box" value="Box" required><br />
            <label style="font-size:20px; display:inline;">SkyWars</label><br />
            <input style="font-size:20px; display:inline;" type="radio" id="swBox" name="box" value="Box" required><br /><br />
        </div>
            <!-- <label style="font-size:20px;">Bridges</label><br />
            <input style="font-size:20px;" type="checkbox" id="bridgeBox" name="bridgeBox" value="Bridges"><br /><br /> -->
            <button type="button" onclick="checkBoxes()" style="font-size:20px"; id="submitBtn">Submit</button><br /><br />
      
      
      <div id="panel"></div>

      <button type="button" onclick="hidePanel()" style="font-size:20px"; id="submitBtn">Hide the panel</button><br /><br />
    </form>

    <h2>Contact Me</h2>
      <p>My email is alex@plaguecraft.xyz, feel free to <a href="mailto:alex@plaguecraft.xyz">email me</a> there!</p>

        <section id="socials">
      <h3>Follow me on my socials!</h3>
        <hr>

        <h2>Check out my <a href="https://github.com/awexxx" target="_blank">GitHub</a> page!</h2>

        <h2 id="twitter">Follow me on <span style="color:blue;"><a href="https://twitter.com/_awexx" target="_blank">Twitter!</a></span></h2>


        <h2 id="medal">Follow me on <span style="color:orange;"><a href="https://medal.tv/itsawexx" target="_blank">Medal!</a></span></h2>

          <div id="clip"></div><br />
          <i>Thanks to the Medal API, this stays up to date!</i><br />     
  
        </section>

    <div class="footer-basic">
        <footer>
            <div class="social"><a href="https://github.com/awexxx" target="_blank"><i class="icon ion-social-github"></i></a><a href="https://twitter.com/_awexx" target="_blank"><i class="icon ion-social-twitter"></i></a></div>
            <ul class="list-inline">
                <li class="list-inline-item"><a href="mailto:alex@plaguecraft.xyz">Contact</a></li>
            </ul>
            <p class="copyright">awexx <i class="fa fa-copyright"></i> 2021<br>
        </footer>
    </div>
</body>
</html>