new site whoop

This commit is contained in:
awex 3
2022-03-19 18:13:48 -04:00
parent a375df5602
commit d8dd475498
26 changed files with 99 additions and 2269 deletions
+53 -72
View File
@@ -1,79 +1,60 @@
<html>
<head>
<title>lulawexlive > Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/nav.css">
<link rel="stylesheet" href="/assets/css/footer.css">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alex 👋</title>
<!-- Meta Tags -->
<meta property="og:site_name" content="Awex" />
<meta content="Awex > Home" property="og:title">
<meta content="https://awexxx.xyz/" property="og:url">
<meta content="#363636" name="theme-color" data-react-helmet="true">
<meta property="og:description" content="lulawexLIVE is a Streamer, YouTuber, Developer and Medal content creator. Awex has worked on many things, including the unofficial MedalClipWebhook and the SplitStat Bot.">
<link rel="stylesheet" href="/static/css/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body onload="setClip()">
<div class="welcome"></div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.29/skrollr.min.js"></script>
<script type="text/javascript" src="/assets/js/medalClip.js"></script>
</head>
<body onload="getMedalClip()">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<a class="nav-link">&ltAwex /><span class="sr-only"></span></a>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link">&ltAwex /><span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
</ul>
<div class="social-part">
<a href="https://medal.tv/users/215577" target="_blank"><img src="/assets/image/medal.jpg" style="padding-right:15px; padding-bottom:3px;"></a>
<a href="https://twitter.com/lulawex" style="color:black" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<i class="fa fa-instagram" aria-hidden="true"></i>
</div>
<div id="welcome-text">
<h3>👋, I'm Alex!</h3>
<p>I'm a Javascript & Java developer, working on random Node apps and Minecraft plugins!<br>
<a href="/links">All of my links can be found here.</a></p>
<hr>
<h4>Projects</h4>
<ul>
<li>A <a href="https://github.com/awexthedev/mcimpos" target="_blank">Minecraft Among Us</a> Minigame (insp by <a href="https://innersloth.com/games/among-us" target="_blank">Innersloth's game</a>)</li>
<li>A <a href="https://github.com/awexthedev/sharex-express" target="_blank">ShareX</a> Uploader based in Node.js (<a href="https://github.com/awexthedev/sharex-express" target="_blank">link</a>)</li>
</ul>
<hr>
<h4>Partners</h4>
<p>I am partnered with <a href="https://medal.tv/u/thatoneawex?ref=awex_partner" target="_blank">Medal.tv</a>, a short-form gaming clip sharing service.</p>
<div class="medal">
<span id="clip"></span>
</div>
</nav>
<div id="image" style="background-image:url('/assets/image/profile.png'); background-size:2000px; height:30px"></div>
</div>
<div id="container">
<div id="below" style="background-color:white; text-align:center;"><br>
<h3 class="border" style="text-align:center;">About lulawex</h3>
<p>lulawexLIVE is a Streamer, YouTuber, Developer and Medal content creator.<br>
Awex has worked on many things, including <a href="https://github.com/awexxx/medal-clip-webhook" target="_blank">the unofficial MedalClipWebhook</a> and <a href="" target="_blank">the SplitStat Bot.</a></p>
</div>
<div id="profiledisplay" style="background-color:#2e2e2e; text-align:center; padding-top:10px; padding-bottom:10px;">
<div class="banner">
<img style="border-radius:335px; padding-top:10px; width:100px" src="/assets/image/profile/pfp.jpg">
<p style="color:white; padding-top:10px;">lulawex on <a href="https://medal.tv/users/215577">Medal.tv</a></p>
<p style="color:azure;">Medal.tv is the #1 clipping platform for gamers.<br> Press a button, get a clip. It's that easy.<br>
Download Medal today using my <a href="https://medal.tv/thankyou?ref=awex_partner">partner referral link.</a></p>
</div>
</div>
<br>
<div id="clipDisplay" style="background-color:white; padding-top:30px; padding-bottom:30px;">
<h3 class="border" style="text-align:center; padding-top:10px;">Latest clip from my Medal profile!</h3>
<span style="text-align:center;" class="c1title"></span>
<div class="c1iframe" style="text-align:center;"></div>
</div>
<div id="footer">
<p><a href="mailto:hi@thatalex.dev">Email</a></p>
<a href="https://twitter.com/thatawex" style="color:white;" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://github.com/awexthedev" style="color:white;" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://instagram.com/thatoneawex" style="color:white;" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
<script src="/assets/js/secret.js"></script>
<div id="socials" style="background-color:#2e2e2e; padding-top:10px; padding-bottom:10px; text-align:center;">
<h3 style="color:white;">Socials!</h3>
<p style="color:azure;">I am all over! You can find the hub for all of my links <a href="https://linktr.ee/lulawexlive" target="_blank">here.</a></p>
<div style="padding-top:80px; color:white;">&copy; 2021, lulawexLIVE <br><i>HMU; hi@awexxx.xyz</i></div>
</div>
</div>
</body>
<script>
async function setClip() {
const clipSpan = document.getElementById("clip");
const response = await fetch("https://developers.medal.tv/v1/latest?userId=215577&limit=1", {
method: "GET",
headers: {
"authorization": "pub_ecEyOlY5G2u9476DMGOxcxiNcaOTEjmq",
"Content-Type": "application/json"
}
});
const data = await response.json();
clipSpan.innerHTML = `${data.contentObjects[0].embedIframeCode}<br>${data.contentObjects[0].contentTitle}`;
}
</script>
</body>
</html>